:root{color-scheme:dark;font-family:Segoe UI,Inter,system-ui,sans-serif;background:#050612;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#game-shell,#game{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html{height:100vh;height:100dvh}body{position:fixed;inset:0;background:#050612}#game-shell{width:var(--game-viewport-width, 100%);height:var(--game-viewport-height, 100%)}#game{position:relative;display:block;background:#02030a}#mobile-fullscreen{position:fixed;z-index:10005;left:50%;bottom:max(8px,calc(env(safe-area-inset-bottom) + 8px));transform:translate(-50%);min-height:32px;padding:6px 12px;border:1px solid #48eaf2;border-radius:4px;color:#bdfcff;background:#080b1cee;font:700 11px monospace;touch-action:manipulation}#mobile-fullscreen[hidden]{display:none}#game canvas{display:block;max-width:100%;max-height:100%;touch-action:none;outline:none}.lan-ip-input{appearance:none;border:2px solid rgba(143,145,255,.88);border-radius:3px;outline:none;padding:0 22px;color:#e7fbff;background:#090d20f5;box-shadow:0 0 18px #8f91ff1f,inset 0 0 14px #48eaf20a;font-family:monospace;font-weight:700;letter-spacing:.08em;text-align:center;touch-action:manipulation;user-select:text;-webkit-user-select:text}.lan-ip-input:focus{border-color:#48eaf2;box-shadow:0 0 24px #48eaf23d,inset 0 0 16px #48eaf212}#rotate-overlay{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#bdfcff;background:radial-gradient(circle at center,#111937f7,#03040dfc);letter-spacing:.13em;text-align:center}#rotate-overlay.visible{display:flex}.phone-icon{width:42px;height:72px;border:3px solid #54f5ff;border-radius:9px;box-shadow:0 0 18px #54f5ff8c,inset 0 0 12px #54f5ff29;animation:rotate-phone 1.8s ease-in-out infinite}.phone-icon span{display:block;width:5px;height:5px;margin:58px auto 0;border-radius:50%;background:#54f5ff}.rotate-title{font-size:clamp(16px,4vw,24px);font-weight:700}.rotate-subtitle{max-width:300px;color:#bdfcff94;font-size:11px;letter-spacing:.06em}@keyframes rotate-phone{0%,18%{transform:rotate(0)}62%,to{transform:rotate(90deg)}}#mogalka-server-browser{color-scheme:dark;--desktop:#202b23;--desktop-line:#2a372b;--panel:#4c5944;--raised:#59664f;--field:#35432f;--row:#3d4c35;--hover:#4e6043;--selected:#657347;--ink:#f3f1df;--muted:#c4ceba;--accent:#eddda5;--light:#8a9678;--dark:#25331f;--button:#56654b;--button-ink:#f3f1df;--error:#ffe0a0}:root[data-ui-theme=gray] #mogalka-server-browser{--desktop:#303536;--desktop-line:#393f40;--panel:#697170;--raised:#7b8382;--field:#4c5555;--row:#535d5c;--hover:#65706e;--selected:#415e70;--ink:#fafbf4;--muted:#dce2dc;--accent:#fff0bd;--light:#a4abaa;--dark:#3d4747;--button:#777f7e;--button-ink:#ffffff;--error:#ffe2a9}#mogalka-server-browser *{box-sizing:border-box}#mogalka-server-browser [hidden]{display:none!important}#mogalka-server-browser{margin:0;min-width:320px;min-height:100dvh;background:var(--desktop);color:var(--ink);font:14px Tahoma,Arial,sans-serif;background-image:linear-gradient(0deg,transparent 39px,var(--desktop-line) 40px),linear-gradient(90deg,transparent 39px,var(--desktop-line) 40px);background-size:40px 40px}#mogalka-server-browser button,#mogalka-server-browser input,#mogalka-server-browser select{font:inherit}#mogalka-server-browser button{min-height:34px;padding:7px 13px;color:var(--button-ink);background:var(--button);border:1px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);border-radius:0;cursor:pointer;box-shadow:inset 1px 1px #ffffff0b}#mogalka-server-browser button:hover:not(:disabled){background:var(--hover)}#mogalka-server-browser button:active:not(:disabled){border-color:var(--dark) var(--light) var(--light) var(--dark)}#mogalka-server-browser button:disabled{cursor:default;opacity:.48}#mogalka-server-browser button:focus-visible,#mogalka-server-browser input:focus-visible,#mogalka-server-browser select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#mogalka-server-browser button.primary{color:var(--accent);font-weight:700;min-width:152px}#mogalka-server-browser input:not([type=checkbox]),#mogalka-server-browser select{width:100%;min-width:0;min-height:36px;border:1px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);border-radius:0;color:var(--ink);background:var(--field);padding:8px 9px}#mogalka-server-browser input::placeholder{color:var(--muted);opacity:1}#mogalka-server-browser input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:var(--selected);flex-shrink:0}#mogalka-server-browser label{display:grid;gap:7px;font-size:13px}#mogalka-server-browser .preview-shell{position:relative;max-width:1260px;margin:auto;padding:24px 26px 12px}#mogalka-server-browser .app-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}#mogalka-server-browser .brand{display:flex;align-items:center;gap:12px}#mogalka-server-browser .brand-mark{display:grid;place-items:center;width:37px;height:37px;border:2px solid var(--light);font:700 26px Georgia,serif;color:var(--accent)}#mogalka-server-browser .brand strong{display:block;letter-spacing:3px;font-size:17px}#mogalka-server-browser .brand div>span{display:block;letter-spacing:2px;font-size:9px;color:var(--muted);margin-top:4px}#mogalka-server-browser .app-heading>button{font-size:12px}#mogalka-server-browser .window{border:1px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);background:var(--panel);box-shadow:7px 9px #00000020}#mogalka-server-browser .window-title{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:6px 10px;background:var(--raised)}#mogalka-server-browser .window-title>div{display:flex;gap:9px;align-items:center}#mogalka-server-browser .window-title h1{font-size:14px;margin:0;font-weight:400}#mogalka-server-browser .server-symbol{font-size:22px;color:var(--accent)}#mogalka-server-browser button.close-button{min-width:28px;min-height:26px;width:28px;padding:0;font-size:21px;line-height:1}#mogalka-server-browser .tabs{display:flex;gap:3px;padding:12px 12px 0;border-bottom:1px solid var(--dark)}#mogalka-server-browser .tabs button{border-bottom:0;font-size:12px;min-height:34px;padding:7px 15px;background:var(--panel);color:var(--muted)}#mogalka-server-browser .tabs button[aria-selected=true]{background:var(--raised);color:var(--accent);font-weight:700;box-shadow:0 1px 0 var(--raised);position:relative}#mogalka-server-browser .list-toolbar{display:flex;gap:9px;padding:14px 14px 12px;background:var(--raised)}#mogalka-server-browser .search-field{display:flex;gap:8px;align-items:center;flex:1;min-width:100px;border:1px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);background:var(--field);padding-left:10px}#mogalka-server-browser .search-field>span{font-size:25px;line-height:1;color:var(--muted)}#mogalka-server-browser .search-field input{border:0;min-height:36px;background:transparent;padding-left:0}#mogalka-server-browser .search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}#mogalka-server-browser .search-field input:focus-visible{outline:0}#mogalka-server-browser .filters-toggle{display:none}#mogalka-server-browser .workspace{display:grid;grid-template-columns:204px minmax(0,1fr);padding:0 14px 14px;gap:14px;background:var(--raised)}#mogalka-server-browser .filters{padding:14px 12px;border:1px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);background:var(--panel)}#mogalka-server-browser .section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:5px}#mogalka-server-browser .section-heading h2{margin:0;font-size:13px;font-weight:700}#mogalka-server-browser button.text-button{border:0;box-shadow:none;background:transparent;min-height:24px;padding:3px 0;font-size:11px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}#mogalka-server-browser .filters>label{margin-bottom:16px}#mogalka-server-browser .checkbox{display:flex;align-items:center;gap:9px;line-height:1.5}#mogalka-server-browser .filters .checkbox{margin-top:21px}#mogalka-server-browser .filter-note{margin-top:30px;padding-top:13px;border-top:1px solid var(--light);font-size:11px;color:var(--muted);line-height:1.7}#mogalka-server-browser .results{display:flex;flex-direction:column;min-width:0;border:1px solid;border-color:var(--dark) var(--light) var(--light) var(--dark);background:var(--field)}#mogalka-server-browser .results-heading{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;font-size:11px;background:var(--panel)}#mogalka-server-browser .subtle{color:var(--muted)}#mogalka-server-browser .table-scroll{height:342px;overflow:auto;scrollbar-color:var(--raised) var(--field);position:relative}#mogalka-server-browser table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}#mogalka-server-browser th{height:33px;padding:0 6px;background:var(--raised);border-right:1px solid var(--dark);border-bottom:1px solid var(--dark);text-align:left;font-size:11px;font-weight:400;position:sticky;top:0;z-index:1}#mogalka-server-browser th:last-child{border-right:0}#mogalka-server-browser th button{background:transparent;border:0;box-shadow:none;padding:0;min-height:32px;width:100%;text-align:left;color:inherit;font-size:inherit;white-space:nowrap}#mogalka-server-browser .cell-lock{width:4%;text-align:center}#mogalka-server-browser .cell-name{width:38%}#mogalka-server-browser .cell-players{width:10%;text-align:center;font-variant-numeric:tabular-nums}#mogalka-server-browser th.cell-players button{text-align:center}#mogalka-server-browser .cell-map,#mogalka-server-browser .cell-mode{width:12%}#mogalka-server-browser .cell-state{width:16%}#mogalka-server-browser .cell-ping{width:8%;text-align:right;font-variant-numeric:tabular-nums}#mogalka-server-browser td{padding:0 7px;height:41px;border-bottom:1px solid #ffffff08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mogalka-server-browser .room-row{cursor:pointer;background:var(--row)}#mogalka-server-browser .room-row:nth-child(2n){background:var(--field)}#mogalka-server-browser .room-row:hover{background:var(--hover)}#mogalka-server-browser .room-row.selected{background:var(--selected);color:var(--ink);box-shadow:inset 3px 0 0 var(--accent)}#mogalka-server-browser .row-pick{display:block;max-width:100%;width:100%;border:0;box-shadow:none;padding:0;min-height:40px;color:inherit;background:transparent!important;text-align:left;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#mogalka-server-browser .cell-state span{font-size:10px;color:var(--muted)}#mogalka-server-browser .room-row.selected .cell-state span{color:var(--ink)}#mogalka-server-browser .lock{display:inline-block;width:9px;height:8px;border:1px solid currentColor;background:currentColor;position:relative;vertical-align:middle;color:var(--accent)}#mogalka-server-browser .lock:before{content:"";position:absolute;width:5px;height:5px;border:1px solid currentColor;border-radius:4px 4px 0 0;left:0;top:-6px}#mogalka-server-browser .room-details{min-height:91px;border-top:1px solid var(--dark);background:var(--panel);padding:14px 13px;display:flex;gap:15px;justify-content:space-between;align-items:center}#mogalka-server-browser .room-details>div:first-child{min-width:0}#mogalka-server-browser .eyebrow{font-size:9px;letter-spacing:1.2px;color:var(--muted)}#mogalka-server-browser .room-details h2{margin:6px 0;font-size:14px;font-weight:700;color:var(--accent);overflow-wrap:anywhere}#mogalka-server-browser .room-details p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}#mogalka-server-browser .detail-right{display:grid;gap:8px;flex-shrink:0;font-size:11px;text-align:right}#mogalka-server-browser .browser-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;border-top:1px solid var(--dark)}#mogalka-server-browser .connection{display:flex;align-items:center;gap:9px;font-size:11px;min-width:0}#mogalka-server-browser .status-dot{width:6px;height:6px;flex-shrink:0;background:var(--accent)}#mogalka-server-browser .connection small{display:block;font-size:10px;color:var(--muted);margin-top:4px}#mogalka-server-browser .main-actions{display:flex;gap:8px;flex-shrink:0}#mogalka-server-browser .preview-note{text-align:center;color:var(--muted);font-size:10px;line-height:1.7;margin:15px 5px 0}#mogalka-server-browser .preview-note span{padding:0 7px}#mogalka-server-browser .planned-panel{min-height:481px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--field);margin:14px;border:1px solid var(--dark)}#mogalka-server-browser .planned-symbol{font-size:38px;color:var(--muted)}#mogalka-server-browser .planned-panel h2{font-weight:400;font-size:23px;margin:15px 0 4px;color:var(--accent)}#mogalka-server-browser .planned-panel p{color:var(--muted);font-size:13px}#mogalka-server-browser .empty-state{padding:40px 20px;text-align:center}#mogalka-server-browser .empty-symbol{font-size:37px;color:var(--muted)}#mogalka-server-browser .empty-state h2{font-size:18px;font-weight:400;margin:10px 0}#mogalka-server-browser .empty-state p{font-size:12px;color:var(--muted);line-height:1.6}#mogalka-server-browser .empty-state button{font-size:12px;margin-top:7px}#mogalka-server-browser .home-content{min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:15px;padding:28px}#mogalka-server-browser .home-content h1{font-weight:400;font-size:25px;margin:0 0 14px}#mogalka-server-browser dialog{color:var(--ink);background:var(--panel);padding:0;width:min(440px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid;border-color:var(--light) var(--dark) var(--dark) var(--light);box-shadow:7px 9px #00000020}#mogalka-server-browser dialog::backdrop{background:#101812b8}#mogalka-server-browser .dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--raised);padding:9px 11px}#mogalka-server-browser .dialog-title h2{margin:0;font-size:14px;font-weight:400}#mogalka-server-browser .dialog-body{padding:22px 22px 16px}#mogalka-server-browser .dialog-body>label{margin-bottom:17px}#mogalka-server-browser .dialog-body label:last-child{margin-bottom:0}#mogalka-server-browser .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:17px}#mogalka-server-browser .dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--dark)}#mogalka-server-browser .hint{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 17px}#mogalka-server-browser .theme-swatches{display:flex;gap:7px;margin:7px 0}#mogalka-server-browser .theme-swatches span{width:48px;height:26px;border:1px solid var(--light)}#mogalka-server-browser .theme-swatches span:nth-child(1){background:var(--desktop)}#mogalka-server-browser .theme-swatches span:nth-child(2){background:var(--field)}#mogalka-server-browser .theme-swatches span:nth-child(3){background:var(--panel)}#mogalka-server-browser .theme-swatches span:nth-child(4){background:var(--raised)}#mogalka-server-browser .theme-swatches span:nth-child(5){background:var(--selected)}#mogalka-server-browser .password-room{font-size:17px;overflow-wrap:anywhere;color:var(--accent);margin:0 0 21px}#mogalka-server-browser .error{color:var(--error);font-size:12px;line-height:1.5;margin:0 0 14px}#mogalka-server-browser .joined-symbol{display:block;font-size:32px;color:var(--accent)}#mogalka-server-browser #joined-name{font-size:20px;font-weight:400;margin:8px 0;overflow-wrap:anywhere}#mogalka-server-browser #joined-description{font-size:13px;line-height:1.6}#mogalka-server-browser .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1050px)and (pointer:fine){#mogalka-server-browser .preview-shell{padding:16px}#mogalka-server-browser .workspace{grid-template-columns:175px minmax(0,1fr);gap:10px}#mogalka-server-browser .cell-mode{display:none}#mogalka-server-browser .cell-state{width:87px}#mogalka-server-browser .cell-map{width:72px}#mogalka-server-browser .cell-players{width:58px}}@media(max-width:760px),(pointer:coarse){#mogalka-server-browser .preview-shell{padding:12px 10px 10px}#mogalka-server-browser .app-heading{margin-bottom:12px}#mogalka-server-browser .brand strong{font-size:15px;letter-spacing:2px}#mogalka-server-browser .brand-mark{height:32px;width:32px;font-size:23px}#mogalka-server-browser .brand div>span{font-size:8px}#mogalka-server-browser button{min-height:44px;padding:9px 11px;font-size:13px}#mogalka-server-browser input:not([type=checkbox]),#mogalka-server-browser select{min-height:44px;font-size:16px}#mogalka-server-browser .tabs{padding:8px 7px 0;gap:1px}#mogalka-server-browser .tabs button{flex:1;min-width:0;min-height:44px;padding:7px 3px;font-size:11px}#mogalka-server-browser .window-title{min-height:38px}#mogalka-server-browser button.close-button{min-height:30px;min-width:30px;width:30px}#mogalka-server-browser .list-toolbar{flex-wrap:wrap;padding:10px 8px;gap:7px}#mogalka-server-browser .search-field{flex:1 1 100%}#mogalka-server-browser .search-field input{min-height:44px}#mogalka-server-browser .filters-toggle{display:block;flex:1}#mogalka-server-browser #refresh{flex:1}#mogalka-server-browser .workspace{display:block;padding:0 8px 8px}#mogalka-server-browser .filters{display:none;padding:12px;margin-bottom:9px}#mogalka-server-browser .filters.open{display:grid;grid-template-columns:1fr 1fr;gap:12px}#mogalka-server-browser .filters .section-heading,#mogalka-server-browser .filters .checkbox{grid-column:1/-1;margin:0}#mogalka-server-browser .filters>label{margin:0}#mogalka-server-browser .filter-note{display:none}#mogalka-server-browser .section-heading{margin:0}#mogalka-server-browser .section-heading .text-button{min-height:35px}#mogalka-server-browser .table-scroll{height:clamp(200px,calc(100dvh - 530px),330px)}#mogalka-server-browser table,#mogalka-server-browser tbody{display:block}#mogalka-server-browser thead{display:none}#mogalka-server-browser .room-row{display:grid;grid-template-columns:20px 49px minmax(0,1fr) 82px;grid-template-areas:"lock name name ping" "lock players map state";min-height:72px;padding:7px 8px 9px;align-items:center;gap:3px 5px;border-bottom:1px solid var(--dark)}#mogalka-server-browser td{width:auto!important;height:auto;padding:0;border:0;font-size:11px}#mogalka-server-browser .cell-lock{grid-area:lock;text-align:center}#mogalka-server-browser .cell-name{grid-area:name}#mogalka-server-browser .cell-players{grid-area:players;text-align:left;font-size:12px}#mogalka-server-browser .cell-map{grid-area:map;color:var(--muted)}#mogalka-server-browser .cell-mode{display:none}#mogalka-server-browser .cell-state{grid-area:state;text-align:right}#mogalka-server-browser .cell-ping{grid-area:ping;min-height:24px;line-height:24px}#mogalka-server-browser .row-pick{font-size:13px;min-height:27px;line-height:27px}#mogalka-server-browser .room-details{padding:12px 10px;display:block;min-height:108px}#mogalka-server-browser .detail-right{margin-top:9px;display:flex;gap:12px;text-align:left;flex-wrap:wrap;font-size:10px}#mogalka-server-browser .room-details h2{font-size:14px}#mogalka-server-browser .browser-footer{padding:10px 8px;display:flex;flex-direction:column;align-items:stretch;gap:11px}#mogalka-server-browser .main-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}#mogalka-server-browser button.primary{min-width:0}#mogalka-server-browser .connection{font-size:10px;justify-content:center}#mogalka-server-browser .connection small{display:inline;margin-left:9px;font-size:10px}#mogalka-server-browser .preview-note{font-size:9px;margin-top:13px}#mogalka-server-browser .preview-note span{padding:0 4px}#mogalka-server-browser .planned-panel{min-height:clamp(260px,calc(100dvh - 360px),496px);margin:8px}#mogalka-server-browser .dialog-body{padding:18px}#mogalka-server-browser .dialog-actions{padding:11px 13px}#mogalka-server-browser .dialog-body .checkbox{min-height:32px}#mogalka-server-browser input[type=checkbox]{width:18px;height:18px}}@media(max-height:500px)and (min-width:600px){#mogalka-server-browser .preview-shell{padding:8px 12px}#mogalka-server-browser .app-heading{position:absolute;right:59px;top:13px;z-index:2;margin:0}#mogalka-server-browser .app-heading .brand{display:none}#mogalka-server-browser .app-heading>button{min-height:28px;padding:5px 9px;font-size:11px}#mogalka-server-browser .window-title{padding:4px 8px;min-height:38px}#mogalka-server-browser .tabs{padding-top:0}#mogalka-server-browser .list-toolbar{flex-wrap:nowrap;padding:7px 8px}#mogalka-server-browser .search-field{flex:1 1 auto}#mogalka-server-browser .filters-toggle,#mogalka-server-browser #refresh{flex:0 0 auto}#mogalka-server-browser .table-scroll{height:clamp(72px,calc(100dvh - 266px),220px)}#mogalka-server-browser .room-details{display:none}#mogalka-server-browser .browser-footer{flex-direction:row;align-items:center}#mogalka-server-browser .main-actions{display:flex}#mogalka-server-browser .connection small{display:block;margin:3px 0 0}#mogalka-server-browser .preview-note{display:none}#mogalka-server-browser .planned-panel{min-height:calc(100dvh - 170px)}}:root[data-ui-theme=glass] #mogalka-server-browser{color-scheme:dark;--desktop:#101c2d;--desktop-line:#192c43;--panel:rgba(28,43,63,.8);--raised:rgba(78,101,127,.24);--field:rgba(13,26,43,.7);--row:rgba(84,112,145,.12);--hover:rgba(150,191,228,.2);--selected:rgba(91,156,214,.35);--ink:#f4f9ff;--muted:#cedbe9;--accent:#e5f3ff;--light:rgba(221,240,255,.36);--dark:rgba(3,12,25,.48);--button:rgba(159,198,237,.12);--button-ink:#f4f9ff;--error:#ffe0ae}:root[data-ui-theme=glass] #mogalka-server-browser{font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(ellipse at 8% 8%,#426d8f 0,transparent 43%),radial-gradient(ellipse at 91% 70%,#374d77 0,transparent 46%),linear-gradient(128deg,#162a3b,#111b2c 65%);background-attachment:fixed}:root[data-ui-theme=glass] #mogalka-server-browser .window,:root[data-ui-theme=glass] #mogalka-server-browser dialog{border:1px solid rgba(236,247,255,.32);border-radius:18px;background:linear-gradient(140deg,#bed8f21f,#111e31a3);box-shadow:inset 0 1px #ffffff47,inset 1px 0 #ffffff1c,0 22px 65px #01081357;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}:root[data-ui-theme=glass] #mogalka-server-browser .window-title,:root[data-ui-theme=glass] #mogalka-server-browser .dialog-title{background:#d2e7ff12;border-radius:17px 17px 0 0}:root[data-ui-theme=glass] #mogalka-server-browser button{border:1px solid rgba(217,240,255,.32);border-radius:9px;color:var(--button-ink);background:linear-gradient(160deg,#e1f2ff29,#9bbddc0b);box-shadow:inset 0 1px #ffffff2e,0 2px 7px #00081424}:root[data-ui-theme=glass] #mogalka-server-browser button:hover:not(:disabled){background:linear-gradient(160deg,#e1f2ff3d,#9bbddc1a)}:root[data-ui-theme=glass] #mogalka-server-browser button:active:not(:disabled){background:#7caedb3b;box-shadow:inset 0 1px 5px #030c1938}:root[data-ui-theme=glass] #mogalka-server-browser button.primary{background:linear-gradient(160deg,#95d0ff57,#437cb740);border-color:#dff4ff85;color:#fff}:root[data-ui-theme=glass] #mogalka-server-browser button:focus-visible,:root[data-ui-theme=glass] #mogalka-server-browser input:focus-visible,:root[data-ui-theme=glass] #mogalka-server-browser select:focus-visible{outline:2px solid #c1e8ff;outline-offset:2px}:root[data-ui-theme=glass] #mogalka-server-browser input:not([type=checkbox]),:root[data-ui-theme=glass] #mogalka-server-browser select{background:#091627ab;border:1px solid rgba(209,234,255,.27);border-radius:9px}:root[data-ui-theme=glass] #mogalka-server-browser select option{background:#23364c;color:#f4f9ff}:root[data-ui-theme=glass] #mogalka-server-browser .search-field{border-radius:10px;background:#09162791;border:1px solid rgba(209,234,255,.28)}:root[data-ui-theme=glass] #mogalka-server-browser .search-field input{background:transparent;border:0}:root[data-ui-theme=glass] #mogalka-server-browser .tabs{gap:5px;border-color:#d9f0ff26}:root[data-ui-theme=glass] #mogalka-server-browser .tabs button{background:#d1eaff09;border-radius:10px 10px 0 0;border-bottom:0;color:var(--muted)}:root[data-ui-theme=glass] #mogalka-server-browser .tabs button[aria-selected=true]{background:linear-gradient(160deg,#d8f1ff36,#84b4dd1a);color:#fff;box-shadow:inset 0 1px #ffffff28}:root[data-ui-theme=glass] #mogalka-server-browser .list-toolbar,:root[data-ui-theme=glass] #mogalka-server-browser .workspace{background:transparent}:root[data-ui-theme=glass] #mogalka-server-browser .filters{border:1px solid rgba(216,240,255,.19);border-radius:12px;background:#0c1a2c52}:root[data-ui-theme=glass] #mogalka-server-browser .results{border:1px solid rgba(216,240,255,.2);border-radius:12px;background:#0916266b;overflow:hidden}:root[data-ui-theme=glass] #mogalka-server-browser .results-heading{background:#d2e8ff12}:root[data-ui-theme=glass] #mogalka-server-browser th{background:#344c63;border-color:#dbefff29}:root[data-ui-theme=glass] #mogalka-server-browser th button,:root[data-ui-theme=glass] #mogalka-server-browser .row-pick{border:0;border-radius:0;box-shadow:none;background:transparent}:root[data-ui-theme=glass] #mogalka-server-browser .room-row{background:#90b5d60e}:root[data-ui-theme=glass] #mogalka-server-browser .room-row:nth-child(2n){background:#0917281a}:root[data-ui-theme=glass] #mogalka-server-browser .room-row:hover{background:#97c2e41f}:root[data-ui-theme=glass] #mogalka-server-browser .room-row.selected{background:#6db0e440;box-shadow:inset 3px 0 #b6e5ff}:root[data-ui-theme=glass] #mogalka-server-browser .room-details{background:#c4e1fa0f;border-color:#dbefff2e}:root[data-ui-theme=glass] #mogalka-server-browser .browser-footer,:root[data-ui-theme=glass] #mogalka-server-browser .dialog-actions{border-color:#dbefff2e}:root[data-ui-theme=glass] #mogalka-server-browser .browser-footer{background:#d6eaff09;border-radius:0 0 17px 17px}:root[data-ui-theme=glass] #mogalka-server-browser .planned-panel{border:1px solid rgba(216,240,255,.18);border-radius:12px;background:#09162659}:root[data-ui-theme=glass] #mogalka-server-browser .brand-mark{border-radius:10px;border-color:#dff3ff80;background:linear-gradient(140deg,#ffffff24,#ffffff05)}:root[data-ui-theme=glass] #mogalka-server-browser .text-button{background:transparent;border:0;box-shadow:none}:root[data-ui-theme=glass] #mogalka-server-browser .filter-note{border-color:#dbefff33}:root[data-ui-theme=glass] #mogalka-server-browser dialog::backdrop{background:#040c19a6}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-ui-theme=glass] #mogalka-server-browser .window,:root[data-ui-theme=glass] #mogalka-server-browser dialog{background:#22374a}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){:root[data-ui-theme=glass] #mogalka-server-browser .window,:root[data-ui-theme=glass] #mogalka-server-browser dialog{background:#22374a;backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-ui-theme=glass] #mogalka-server-browser .filters,:root[data-ui-theme=glass] #mogalka-server-browser .results,:root[data-ui-theme=glass] #mogalka-server-browser .planned-panel{background:#172b3f}:root[data-ui-theme=glass] #mogalka-server-browser .room-row.selected{background:#355d80}}#mogalka-server-browser{position:fixed;inset:0;z-index:10020;width:100%;height:var(--game-viewport-height,100dvh);min-height:0;overflow:auto;touch-action:pan-y;overscroll-behavior:contain;font-family:var(--ui-font);box-sizing:border-box}#mogalka-server-browser[hidden]{display:none!important}:root[data-ui-theme=glass] #mogalka-server-browser{font-family:var(--ui-font)}#mogalka-server-browser dialog{overflow:auto;touch-action:pan-y;max-height:calc(var(--game-viewport-height,100dvh) - 16px)}#mogalka-server-browser .table-scroll{touch-action:pan-y}#mogalka-server-browser select,#mogalka-server-browser input{touch-action:manipulation}#mogalka-server-browser .connection{max-width:100%;overflow-wrap:anywhere}#mogalka-server-browser .connection div{min-width:0}#mogalka-server-browser .browser-footer{position:sticky;bottom:0;z-index:3;background:var(--panel)}:root[data-ui-theme=glass] #mogalka-server-browser .browser-footer{background:linear-gradient(140deg,#344b60f5,#142337f5)}html.room-browser-open,html.room-browser-open body{touch-action:pan-y}html.room-browser-open #game-shell{visibility:hidden}html.room-browser-open #mobile-fullscreen{display:none!important}@media(max-height:500px)and (min-width:600px){#mogalka-server-browser .connection{max-width:48%}}:root[data-ui-theme]{font-family:var(--ui-font);background:var(--ui-background);color-scheme:dark}:root[data-ui-theme] .lan-ip-input,:root[data-ui-theme] [id^=mogalka-room-] input,:root[data-ui-theme] [id^=mogalka-room-] select{color:var(--ui-text)!important;background:var(--ui-panel)!important;border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;font-family:var(--ui-font)!important;box-shadow:none!important}:root[data-ui-theme] #mobile-fullscreen,:root[data-ui-theme] button[id^=mogalka-room-],:root[data-ui-theme] [id^=mogalka-room-] button{color:var(--ui-text)!important;background:var(--ui-button)!important;border:1px solid var(--ui-border)!important;border-radius:var(--ui-radius)!important;font-family:var(--ui-font)!important;box-shadow:inset 0 1px #ffffff24!important}:root[data-ui-theme] button[id^=mogalka-room-]:hover,:root[data-ui-theme] [id^=mogalka-room-] button:hover{background:var(--ui-hover)!important}:root[data-ui-theme] #mogalka-room-ui,:root[data-ui-theme] #mogalka-room-scoreboard{color:var(--ui-text)!important;background:var(--ui-panel)!important;border-color:var(--ui-border)!important;border-radius:var(--ui-radius)!important;font-family:var(--ui-font)!important;box-shadow:0 12px 35px #00000035!important}:root[data-ui-theme] #rotate-overlay{color:var(--ui-text);background:var(--ui-background)}:root[data-ui-theme] .phone-icon{border-color:var(--ui-accent);box-shadow:none}:root[data-ui-theme] .phone-icon span{background:var(--ui-accent)}:root[data-ui-theme] .rotate-subtitle{color:var(--ui-muted)}:root[data-ui-theme] #mogalka-room-ui{accent-color:var(--ui-accent)}:root[data-ui-theme] #mogalka-room-ui [id$=message],:root[data-ui-theme] #mogalka-room-ui [id$=qr-label]{color:var(--ui-accent)!important}:root[data-ui-theme] #mogalka-room-scoreboard-body>div{color:var(--ui-text)!important;border-color:var(--ui-border)!important}:root[data-ui-theme] #mogalka-room-scoreboard-body>div:first-child{color:var(--ui-muted)!important}:root[data-ui-theme] #mogalka-room-scoreboard-body>div[data-player-id]{background:var(--ui-background)!important}:root[data-ui-theme] #mogalka-room-scoreboard-body>div[data-local=true]{background:var(--ui-hover)!important}:root[data-ui-theme] #mogalka-room-scoreboard-body span{color:inherit!important}:root[data-ui-theme] #mogalka-room-scoreboard-body .room-avatar{border-color:var(--ui-border)!important;background:var(--ui-panel)!important;border-radius:var(--ui-radius)!important}:root[data-ui-theme] button:focus-visible,:root[data-ui-theme] input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}:root[data-ui-theme=glass] #mogalka-room-ui,:root[data-ui-theme=glass] #mogalka-room-scoreboard{background:linear-gradient(140deg,#b6d8f320,#142337e8)!important;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 1px #ffffff3d,0 14px 35px #00000035!important}:root[data-ui-theme=glass] #mobile-fullscreen,:root[data-ui-theme=glass] button[id^=mogalka-room-],:root[data-ui-theme=glass] [id^=mogalka-room-] button{background:linear-gradient(150deg,#a9d5ff35,#39516dbf)!important}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){:root[data-ui-theme=glass] #mogalka-room-ui,:root[data-ui-theme=glass] #mogalka-room-scoreboard{background:#22374a!important;-webkit-backdrop-filter:none;backdrop-filter:none}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-ui-theme=glass] #mogalka-room-ui,:root[data-ui-theme=glass] #mogalka-room-scoreboard{background:#22374a!important}}@media(prefers-reduced-motion:reduce){.phone-icon{animation:none}}
