.sound-anchor{display:inline-flex;position:relative}.sound-anchor.corner{position:absolute;top:12px;right:12px}.sound-button{min-width:36px}.sound-panel{z-index:20;text-align:left;border-radius:var(--radius);flex-direction:column;gap:8px;width:300px;padding:12px 14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.topbar .sound-panel{left:50%;right:auto;transform:translate(-50%)}.sound-head{justify-content:space-between;align-items:center;display:flex}.topbar .sound-panel button,.sound-panel button{border-radius:6px;padding:3px 8px}.sound-row{grid-template-columns:76px 1fr 42px 28px;align-items:center;gap:6px;font-size:.9rem;display:grid}.sound-row input[type=range]{width:100%;accent-color:var(--accent)}.sound-pct{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.sound-check{align-items:center;gap:8px;font-size:.9rem;display:flex}.sound-reset{align-self:flex-end}.sound-lab{flex-direction:column;gap:12px;max-width:760px;height:100%;margin:0 auto;padding:24px 16px;display:flex;overflow-y:auto}.sound-lab-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.sound-lab-grid button{text-align:left}.sound-lab-grid small{color:var(--muted);display:block}.sound-panel.inline{width:min(360px,100%);position:static}.language-picker{font:inherit;color:inherit;background:0 0;border:1px solid;border-radius:3px;padding:1px 4px}.language-picker option{color:#000}html:is(:lang(ar),:lang(fa),:lang(hi),:lang(bn)) body,html:is(:lang(ar),:lang(fa),:lang(hi),:lang(bn)) body *{letter-spacing:normal!important}[dir=rtl] canvas,[dir=rtl] .topbar,[dir=rtl] .buildbar{direction:ltr}[dir=rtl] .topbar button{white-space:nowrap}[dir=rtl] .leaderboard td.name,[dir=rtl] .team-board td.name,[dir=rtl] .end-stats td.name{text-align:right;unicode-bidi:plaintext}.flip-rtl{direction:ltr;unicode-bidi:isolate;display:inline-block}[dir=rtl] .flip-rtl{transform:scaleX(-1)}[dir=rtl] input[type=email],[dir=rtl] input[type=password],[dir=rtl] input[type=url],[dir=rtl] input[type=number]{text-align:right;direction:ltr}[dir=rtl] button.link,[dir=rtl] .feed-item.clickable,[dir=rtl] .leaderboard th,[dir=rtl] .news-teaser,[dir=rtl] .help-table td,[dir=rtl] .diagnostics td,[dir=rtl] .account-table td,[dir=rtl] .cq-flag-option,[dir=rtl] .player-panel .pp-buttons button,[dir=rtl] .chat-players button,[dir=rtl] .end-stats,[dir=rtl] .end-stats .name,[dir=rtl] .build-card,[dir=rtl] .team-board th,[dir=rtl] .continue-table th,[dir=rtl] .sound-panel,[dir=rtl] .sound-lab-grid button{text-align:right}[dir=rtl] .num,[dir=rtl] .leaderboard th.num,[dir=rtl] .account-table .num,[dir=rtl] .end-stats .num,[dir=rtl] .end-stats .rank,[dir=rtl] .team-board .num,[dir=rtl] .player-panel .pp-grid>:nth-child(2n),[dir=rtl] .settings-value,[dir=rtl] .sound-pct{text-align:left}[dir=rtl] .players li .kick{float:left}[dir=rtl] .help ol,[dir=rtl] .steps{padding-left:0;padding-right:1.3em}[dir=rtl] .tips{padding-left:0;padding-right:1.2em}[dir=rtl] .tuto-book ol{padding-left:0;padding-right:22px}[dir=rtl] .news-entry{padding-left:0;padding-right:12px}[dir=rtl] .feed.main{border-left:0;border-right:3px solid var(--danger)}[dir=rtl] .news-entry{border-left:0;border-right:3px solid var(--accent)}[dir=rtl] .cq-warning{border-left:0;border-right:3px solid var(--danger)}[dir=rtl] .tuto-card{border-left:0;border-right:4px solid var(--tu-mark)}[dir=rtl] .diplo-banner{border-left:0;border-right:3px solid #e8c547}[dir=rtl] .lobby-teams li{border-left:0;border-right:4px solid var(--team-color,#888)}[dir=rtl] .swatch,[dir=rtl] .end-stats .swatch,[dir=rtl] .presence:before,[dir=rtl] .badge,[dir=rtl] .rb-tag{margin-left:6px;margin-right:0}[dir=rtl] .badge{margin-left:8px}[dir=rtl] .rb-tag{margin-left:4px}[dir=rtl] .cq-flag{margin-left:.35em;margin-right:0}[dir=rtl] .tag,[dir=rtl] .net-pill button,[dir=rtl] .gold-gain{margin-left:0;margin-right:8px}[dir=rtl] .net-pill button,[dir=rtl] .gold-gain{margin-right:6px}[dir=rtl] .option-tags .tag{margin-right:0}[dir=rtl] .lb-info,[dir=rtl] .lb-marks{margin-left:0;margin-right:4px}[dir=rtl] .hover-title small{padding-left:0;padding-right:8px}[dir=rtl] .growth,[dir=rtl] .hover-title small,[dir=rtl] .help-tool .price,[dir=rtl] .es-head button,[dir=rtl] .es-tribes,[dir=rtl] .rg-top small,[dir=rtl] .rb-time{margin-left:0;margin-right:auto}@media (max-width:760px),(max-height:500px){[dir=rtl] .panel-fold{left:4px;right:auto}}.game>:not(canvas):not(.modal){zoom:var(--ui-scale,1)}.panel.settings-panel{flex-direction:column;gap:8px;width:min(680px,100%);max-height:calc(100vh - 32px);padding:14px 16px;display:flex}.settings-head{justify-content:space-between;align-items:center;display:flex}.settings-head h2{margin:0}.settings{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.settings-page .settings-body{max-height:55vh}.settings-tabs{border-bottom:1px solid var(--panel-border);flex-wrap:wrap;gap:4px;padding-bottom:6px;display:flex}.settings-tabs button{border-radius:8px 8px 0 0;padding:6px 12px}.settings-tabs button.selected{background:var(--accent)}.settings-body{flex-direction:column;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.settings-body .sound-panel.inline{background:0 0;border:none;width:auto;padding:0}.settings-row{grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;font-size:.92rem;display:grid}.settings-row>.settings-label:first-child,.settings-row>.choices,.settings-row>.settings-slider,.settings-row>.settings-hint{grid-column:1/-1}label.settings-row{cursor:pointer}.settings-row>input[type=checkbox]{accent-color:var(--accent)}.settings-hint{color:var(--muted);font-size:.8rem}.settings-row.planned{opacity:.5;cursor:default}.settings-slider{grid-template-columns:1fr 70px;align-items:center;gap:8px;display:grid}.settings-slider input[type=range]{width:100%;accent-color:var(--accent)}.settings-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.choice.custom{opacity:.8;cursor:default}.settings-body .keys-list{overflow:visible}.hover.hover-full{max-width:min(280px,100vw - 24px)}.hover-badge{border-inline-start:3px solid var(--panel-border);background:#ffffff0d;border-radius:4px;padding:1px 6px;font-size:.78rem}.hover-badge.attitude-0{border-inline-start-color:#e0533d}.hover-badge.attitude-1{border-inline-start-color:#f0a030}.hover-badge.attitude-2{border-inline-start-color:#9aa4b2}.hover-badge.attitude-3,.hover-badge.ally{border-inline-start-color:#4cd964}.hover-badge.pending{border-inline-start-color:#ffd23f}.hover-badge.traitor{color:#ff9a8a;border-inline-start-color:#e0533d}.hover-badge.embargo{border-inline-start-color:#f08030}.hover .troop-bar.thin{display:flex}.hover .troop-bar .away{background:#ff8c1e99}.hover-actions{flex-wrap:wrap;gap:4px;margin-top:4px;display:none}@media (min-width:1200px) and (pointer:fine){.hover.hover-full{pointer-events:auto}.hover-actions{display:flex}}.hover-actions button{min-width:32px;padding:2px 6px}.clock.blink{animation:1s steps(2,start) infinite panneaux-blink}.topbar.blink{animation:.6s ease-in-out infinite alternate panneaux-bar-blink}@keyframes panneaux-blink{to{opacity:.25}}@keyframes panneaux-bar-blink{0%{border-color:var(--panel-border)}to{border-color:var(--danger,#e0533d);box-shadow:0 0 12px #e0533d99}}.time-announce{background:var(--panel);border:1px solid var(--danger,#e0533d);text-align:center;pointer-events:none;border-radius:10px;max-width:calc(100% - 32px);padding:10px 22px;font-size:1.15rem;font-weight:600;animation:.4s ease-out panneaux-announce;position:absolute;top:22%;left:50%;transform:translate(-50%)}@keyframes panneaux-announce{0%{opacity:0;transform:translate(-50%,-8px)}}.overtime-pill{background:var(--panel);border:1px solid var(--panel-border);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;pointer-events:auto;border-radius:999px;max-width:calc(100% - 24px);padding:3px 12px;font-size:.78rem;position:absolute;top:54px;left:50%;overflow:hidden;transform:translate(-50%)}.overtime-pill.active{color:#ffd27a;border-color:#f0a030}.alert-frame.betrayal{--alert:#e62828d9}.game-info{flex-wrap:wrap;align-items:center;gap:4px 10px;padding:4px 10px;font-size:.8rem;display:flex}.game-code{align-items:center;gap:4px;display:inline-flex}.game-code .label{opacity:.7}.game-code button.code{letter-spacing:.05em;direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,monospace}.game-team{align-items:center;gap:6px;display:inline-flex}.game-info button.selected{background:var(--accent);border-color:#0000}.traitor-badge{color:#ffb0a4;border-inline-start:3px solid #e0533d;padding:4px 10px;font-size:.82rem}.perf-panel{inset-inline-end:12px;font-variant-numeric:tabular-nums;pointer-events:auto;min-width:220px;padding:6px 10px;font-size:.75rem;position:absolute;bottom:120px}.perf-panel .perf-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.perf-panel table{border-collapse:collapse;width:100%}.perf-panel th,.perf-panel td{text-align:end;padding:1px 4px}.perf-panel th[scope=row]{text-align:start;opacity:.8;font-weight:400}.notice.swipeable{pointer-events:auto;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:opacity .15s}.no-teaming{border-inline-start:3px solid #ffd23f;gap:6px;width:min(420px,100% - 24px);padding:8px 12px;font-size:.85rem;display:grid;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}.no-teaming .actions{justify-content:flex-end;gap:6px;display:flex}.chat-search{width:100%;margin:4px 0}.chat-empty{opacity:.7;padding:4px 0}.personal-preset{align-items:center;gap:2px;display:inline-flex}.preset-save{gap:6px;margin-top:4px;display:flex}.preset-save input{flex:1;min-width:0}.settings-transfer textarea{direction:ltr;width:100%;font-family:ui-monospace,monospace;font-size:.75rem}.settings-hint.ok{color:#7ddf8f}.settings-hint.bad{color:#ff9a8a}@media (pointer:coarse){.hover-actions button,.game-info button,.no-teaming button{min-height:40px}.perf-panel{bottom:auto;top:calc(96px + var(--safe-top,0px))}}@media (max-width:600px){.overtime-pill{top:calc(100px + var(--safe-top,0px));font-size:.72rem}.time-announce{font-size:1rem;top:30%}.game-info{font-size:.75rem}}.settings-advanced{border-top:1px solid var(--panel-border);flex-direction:column;gap:8px;padding-top:8px;display:flex}.settings-advanced>summary{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:.85em;font-weight:600}.settings-advanced-group{flex-direction:column;gap:8px;display:flex}.settings-advanced-group>h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:6px 0 0;font-size:.8em;font-weight:600}.control:has(.ratio-portrait){position:relative}.ratio-portrait{flex-direction:row;align-items:center;position:static}.ratio-button{font-variant-numeric:tabular-nums;min-width:4.5rem;min-height:40px;font-weight:600}.ratio-popup{z-index:4;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0}.ratio-popup input[type=range]{flex:1;min-width:0}.ratio-popup-value{font-variant-numeric:tabular-nums;flex-direction:column;flex-shrink:0;align-items:center;width:4rem;display:flex}.ratio-popup-value small{color:var(--muted)}.perf:empty{display:none}.health-icons{justify-content:flex-end;gap:6px;display:flex}.health-icon{color:#fff;cursor:help;background:#961e18d9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;line-height:1;animation:1.6s ease-in-out infinite health-pulse;display:inline-flex}@keyframes health-pulse{50%{opacity:.6}}@media (prefers-reduced-motion:reduce){.health-icon{animation:none}}.end.with-stats{width:min(960px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.end-summary{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 12px;display:flex}.end-summary strong{color:var(--text)}.stats-window{width:min(960px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.es-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.es-head h2{margin:0;font-size:1.3rem}.es-head button{margin-left:auto}.end-stats{text-align:left;flex-direction:column;gap:10px;display:flex}.es-tabs,.es-curves{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.es-tabs button,.es-curves button{border:1px solid var(--panel-border);color:var(--muted);background:0 0;border-radius:999px;padding:4px 12px}.es-tabs button.active,.es-curves button.active{background:var(--accent);border-color:var(--accent);color:#fff}.es-tribes{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:.85rem;display:flex}.es-scroll{border:1px solid var(--panel-border);border-radius:8px;max-height:300px;overflow:auto}.end-stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.end-stats th{background:var(--panel-solid,#101826);color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:5px 8px;font-weight:600;position:sticky;top:0}.end-stats td{border-top:1px solid var(--panel-border);white-space:nowrap;padding:3px 8px}.end-stats .num{text-align:right}.end-stats .rank{text-align:right;width:2.5em;color:var(--muted)}.end-stats .name{text-align:left;text-overflow:ellipsis;max-width:14em;overflow:hidden}.end-stats tr.me td{background:#2478e82e;font-weight:600}.end-stats tr.dead td{opacity:.6}.end-stats .swatch{vertical-align:baseline;border-radius:2px;width:.7em;height:.7em;margin-right:6px;display:inline-block}.es-chart svg{width:100%;height:auto;display:block}.es-chart polyline{fill:none;stroke-width:1.6px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.es-chart polyline.mine{stroke-width:3px}.es-chart .axis{stroke:var(--muted);stroke-width:1px}.es-chart .grid{stroke:var(--panel-border);stroke-dasharray:4 4}.es-chart .label{fill:var(--muted);font-size:11px}.es-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:.8rem;display:flex}@media (max-width:760px){.es-scroll{max-height:220px}}@media (max-height:760px){.es-chart svg{max-height:30vh}}.cq-flag{vertical-align:-.15em;flex:none;margin-right:.35em;display:inline-block}img.cq-flag{object-fit:contain;filter:drop-shadow(0 0 .6px #000000e6)}.cq-flag-empty{background:var(--cq-panel-3);box-shadow:0 0 0 1px #0000008c}.cq-flag-dialog{z-index:60;background:#080a0ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cq-flag-panel{background:var(--cq-panel);border:1px solid var(--cq-line-2);width:min(560px,100%);max-height:min(640px,100%);color:var(--cq-text);flex-direction:column;display:flex}.cq-flag-head{border-bottom:1px solid var(--cq-line);align-items:center;gap:.6em;padding:.7em .9em;display:flex}.cq-flag-head h2{font:600 1.05rem/1.2 var(--cq-display);flex:1;margin:0}.cq-flag-search{background:var(--cq-field);color:var(--cq-text);border:1px solid var(--cq-line-2);font:inherit;margin:.7em .9em .4em;padding:.5em .6em}.cq-flag-search:focus{border-color:var(--cq-mark);outline:none}.cq-flag-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;padding:.4em .9em .9em;display:grid;overflow-y:auto}.cq-flag-option{background:var(--cq-panel-2);color:var(--cq-text);text-align:left;cursor:pointer;font:.85rem var(--cq-body);border:1px solid #0000;align-items:center;gap:.2em;min-width:0;padding:.4em .5em;display:flex}.cq-flag-option span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cq-flag-option:hover,.cq-flag-option:focus-visible{border-color:var(--cq-line-2);background:var(--cq-panel-3)}.cq-flag-option.selected{border-color:var(--cq-mark)}.cq-flag-empty-list{color:var(--cq-muted);padding:1em .9em}.cq-flag-note{color:var(--cq-muted);margin:0;padding:0 .9em .7em;font-size:.78rem}.clan-tag{color:var(--cq-mark,var(--accent));white-space:nowrap;margin-inline-end:.3em;font-weight:600}.es-eliminations{margin:8px 0}.es-eliminations summary{cursor:pointer;font-weight:600}.es-eliminations ol{max-height:160px;margin:6px 0 0;padding-left:1.6em;overflow-y:auto}.es-eliminations li.me{font-weight:600}.level-badge{--lb-rank:#8f958c;border:1px solid #4a5357;border-left:3px solid var(--lb-rank);color:#e4e1d4;vertical-align:middle;white-space:nowrap;background:#10131499;align-items:center;gap:3px;margin-left:6px;padding:0 5px;font-family:Cascadia Mono,Consolas,ui-monospace,Menlo,monospace;font-size:.72rem;line-height:1.4;display:inline-flex}.level-badge .lb-rank{color:var(--lb-rank);font-weight:700}.level-badge.rank-1{--lb-rank:#7a8f4a}.level-badge.rank-2{--lb-rank:#b8a46a}.level-badge.rank-3{--lb-rank:#b07a45}.level-badge.rank-4{--lb-rank:#9aa7b0}.level-badge.rank-5{--lb-rank:#d0a93c}.level-badge.rank-6{--lb-rank:#4fa37f}.level-badge.rank-7{--lb-rank:#5b86c9}.level-badge.rank-8{--lb-rank:#c0503f}.level-badge.rank-9{--lb-rank:#8f6cc4}.level-badge.rank-10{--lb-rank:#e8c33a}.level-badge.marshal{--lb-rank:#15150d;color:#15150d;background:#e8c33a;border-color:#e8c33a}.level-badge.big{margin-left:0;padding:1px 8px;font-size:.95rem}.progression-panel .progress-level{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-buttons{flex-direction:column;gap:4px;margin:8px 0;display:flex}.level-track{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 12px;margin:4px 0 12px;padding:0;list-style:none;display:grid}.level-track li{align-items:baseline;gap:6px;display:flex}.level-track li.locked{opacity:.55}.account-panel{flex-direction:column;gap:14px;width:min(620px,100%);max-height:100%;display:flex;overflow-y:auto}.account-panel>*{flex-shrink:0}.account-panel h2,.account-panel h3{margin:0}.account-panel h3{margin-top:6px;font-size:1rem}.account-panel form{flex-direction:column;gap:10px;display:flex}.account-panel .field input:not([type=checkbox]){width:100%}.account-panel .field input[type=password],.account-panel .field input[type=email]{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#0000004d;border-radius:8px;padding:8px 10px}.account-tabs{gap:6px;display:flex}.account-tabs button{flex:1}.account-tabs button[aria-selected=true]{border-color:var(--accent);background:#2478e82e}.account-separator{color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.account-separator:before,.account-separator:after{content:"";border-top:1px solid var(--panel-border);flex:1}.account-note{border:1px solid var(--accent);background:#2478e81f;border-radius:8px;margin:0;padding:8px 10px}.account-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.account-stats{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.account-stats>div{border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;align-items:center;padding:8px;display:flex}.account-stats strong{font-size:1.4rem}.account-stats span{color:var(--muted);font-size:.8rem}.account-table-wrap{overflow-x:auto}.account-table{border-collapse:collapse;width:100%;font-size:.88rem}.account-table th,.account-table td{text-align:left;border-bottom:1px solid var(--panel-border);white-space:nowrap;padding:5px 8px}.account-table th{color:var(--muted);font-weight:400}.account-table .num{text-align:right}.account-table tr.outcome-won td:nth-child(5){color:#8fd694}.account-table tr.me td{background:#2478e829}.account-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.account-list li{border:1px solid var(--panel-border);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.account-list li>span:first-child{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.presence{color:var(--muted);font-size:.8rem}.presence:before{content:"";background:#6b7686;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.presence.online:before,.presence.lobby:before,.presence.game:before{background:#5bc46a}.account-row{gap:8px;display:flex}.account-row input{flex:1;min-width:0}details.account-section{border:1px solid var(--panel-border);border-radius:8px;padding:8px 10px}details.account-section>summary{cursor:pointer}details.account-section[open]>summary{margin-bottom:10px}.game-xp{border:1px solid var(--panel-border,#4a5357);background:#ffffff08;margin:8px 0;padding:8px 10px}.game-xp-head{align-items:baseline;gap:10px;display:flex}.game-xp-lines{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 16px;margin:6px 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.game-xp-lines li{justify-content:space-between;gap:8px;display:flex}.game-xp-level{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.game-xp-level .level-badge{margin-left:0}.diplo-right{pointer-events:none;flex-direction:column;gap:8px;width:min(320px,100% - 24px);max-height:calc(100% - 330px);display:flex;position:absolute;top:210px;right:12px;overflow-y:auto}.diplo-right>*{pointer-events:auto}.diplo-banner{border-left:3px solid #e8c547;flex-direction:column;gap:6px;padding:8px 10px;font-size:.85rem;display:flex}.diplo-banner.ally{border-left-color:#6fcf72}.diplo-banner .row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.diplo-banner .row .grow{flex:1}.diplo-banner .time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}.diplo-allies{padding:6px 10px;font-size:.82rem}.diplo-allies h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.78rem;font-weight:600}.diplo-allies li,.player-panel li{justify-content:space-between;gap:8px;display:flex}.diplo-allies ul,.player-panel ul{margin:0;padding:0;list-style:none}.time.soon{color:#ffcf6b}.player-panel{flex-direction:column;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.player-panel .pp-head{align-items:center;gap:8px;display:flex}.player-panel .pp-head strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:1rem;overflow:hidden}.player-panel .pp-head small{color:var(--muted)}.player-panel .pp-grid{grid-template-columns:auto 1fr;gap:2px 10px;display:grid}.player-panel .pp-grid>:nth-child(odd){color:var(--muted)}.player-panel .pp-grid>:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums}.player-panel .bad{color:#ffb4ab}.player-panel .good{color:#a6e3a1}.player-panel .pp-section h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:4px 0 2px;font-size:.75rem;font-weight:600}.player-panel .pp-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.player-panel .pp-buttons button{text-align:left;flex-direction:column;align-items:flex-start;padding:5px 8px;font-size:.82rem;line-height:1.2;display:flex}.player-panel .pp-buttons button small{color:var(--muted);font-size:.7rem}.player-panel .pp-buttons button.danger-soft{border-color:#e2574c99}.player-panel button.link,.diplo-banner button.link,.diplo-allies button.link{color:inherit;font-size:inherit}.swatch.small{width:10px;height:10px}.diplo-modal{z-index:5;background:#00000059;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.diplo-window{flex-direction:column;gap:10px;width:min(400px,100%);max-height:calc(100% - 32px);display:flex;overflow-y:auto}.diplo-window h3{justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.diplo-window .reason{color:#ffcf6b;font-size:.85rem}.diplo-window .actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.emoji-grid button,.emoji-favs button{padding:6px 0;font-size:1.5rem;line-height:1;position:relative}.emoji-favs{border-bottom:1px solid var(--panel-border);grid-template-columns:repeat(6,1fr);gap:4px;padding-bottom:8px;display:grid}.emoji-favs kbd{color:var(--muted);font-family:inherit;font-size:.6rem;position:absolute;bottom:2px;right:3px}.chat-tabs{flex-wrap:wrap;gap:4px;display:flex}.chat-tabs button.selected,.gift-shares button.selected{background:var(--accent);border-color:#0000}.chat-list{flex-direction:column;gap:4px;display:flex}.chat-list button,.chat-players button{text-align:left}.chat-players{grid-template-columns:1fr 1fr;gap:4px;max-height:240px;display:grid;overflow-y:auto}.gift-shares{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.gift-amount{font-variant-numeric:tabular-nums;text-align:center;font-size:1.3rem}.gift-window input[type=range]{width:100%}.gift-window .cap{color:var(--muted);text-align:center;font-size:.8rem}.lb-info{opacity:.7;margin-left:4px;padding:0 5px;font-size:.75rem;line-height:1.3}.lb-info:hover{opacity:1}.lb-marks{margin-left:4px;font-size:.75rem}.team-board table{border-collapse:collapse;width:100%;margin-top:6px;font-size:.85rem}.team-board td,.team-board th{white-space:nowrap;padding:2px 4px}.team-board th{color:var(--muted);text-align:left;font-weight:500}.team-board .num{text-align:right}.team-board tr.me td{color:#8cc2ff;font-weight:600}.team-board tr.out td{color:var(--muted);text-decoration:line-through}.team-board .lb-head small{align-items:center;display:inline-flex}.team-share{background:#ffffff14;border-radius:4px;height:8px;margin-top:6px;display:flex;overflow:hidden}.team-share span{flex-basis:0;min-width:0}.team-share .free{background:0 0}.leaderboard tr.mate td{font-weight:600}.lobby-teams{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.lobby-teams li{border-left:4px solid var(--team-color,#888);background:#ffffff0d;border-radius:6px;padding:6px 8px}.lobby-teams li.empty{opacity:.6}.lobby-teams .team-title{font-weight:600}.lobby-teams .team-title small{color:var(--muted);font-weight:400}.lobby-teams .member{font-size:.85rem;display:block}.lobby-teams .member.you{color:#8cc2ff;font-weight:600}.lobby-teams .ai{color:var(--muted);font-size:.8rem;display:block}.radial-backdrop{z-index:30;touch-action:none;position:absolute;inset:0}.radial{width:0;height:0;position:absolute}.radial-ring{filter:drop-shadow(0 3px 8px #00000073);animation:.14s ease-out radial-in;position:absolute;overflow:visible;transform:translate(-50%,-50%)}@keyframes radial-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}}.radial-sector{cursor:pointer;--tone:#6b7a90}.radial-shape{fill:#101826e6;stroke:var(--tone);stroke-width:2px;transition:fill 80ms}.radial-hole{fill:#0000;stroke:none;pointer-events:none}.radial-sector.hot .radial-shape,.radial-sector:hover .radial-shape{fill:color-mix(in srgb, var(--tone) 45%, #101826eb)}.radial-sector.off{opacity:.4;cursor:not-allowed}.radial-sector.off .radial-shape{fill:#101826e6}.radial-glyph{fill:#fff;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:600}.radial-icon{fill:#fff;stroke:#0006;stroke-width:.8px;pointer-events:none}.radial-center .radial-shape{fill:#1c2638f2}.tone-attack{--tone:#e5484d}.tone-build{--tone:#e8b130}.tone-boat{--tone:#3a8cf5}.tone-ally{--tone:#3fb36b}.tone-break{--tone:#d63c3c}.tone-soft-break{--tone:#f08a24}.tone-info{--tone:#9aa8bb}.tone-emoji{--tone:#f5d33f}.tone-weapon{--tone:#b45cf0}.radial-tip{pointer-events:none;text-align:center;gap:2px;width:max-content;max-width:min(320px,90vw);padding:6px 10px;font-size:13px;display:grid;position:absolute;left:0;transform:translate(-50%)}.radial-title{color:var(--muted);font-size:12px;font-weight:600}.radial-price{color:#f5d33f}.radial-why{color:#ff8f8f}.radial-setting{align-items:center;gap:8px;margin:8px 0;display:flex}.build-menu{gap:10px;width:min(760px,96vw);max-height:88vh;display:grid;overflow:auto}.build-menu-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.build-menu-head h2{margin:0;font-size:18px}.build-menu-counts{gap:4px;display:flex}.build-menu-counts button.selected{background:var(--accent)}.build-menu-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px;display:grid}.build-card{text-align:left;grid-template-columns:34px 1fr;align-items:start;gap:2px 8px;min-height:64px;padding:8px;display:grid}.build-card .tool-icon{grid-row:span 3;width:34px;height:34px}.build-card-name{font-weight:600}.build-card-help{color:var(--muted);font-size:12px}.build-card-price{color:#f5d33f;font-size:12px}.build-card.off{opacity:.45}.build-card-why{color:#ff8f8f;grid-column:1/-1;font-size:12px}@media (pointer:coarse){.build-card{min-height:72px}.build-menu-counts button{min-width:44px;min-height:40px}}.immunity-bar{border:1px solid var(--panel-border);pointer-events:none;background:#00000073;border-radius:9px;place-items:center;width:min(320px,60vw);height:18px;display:grid;position:absolute;top:54px;left:50%;overflow:hidden;transform:translate(-50%)}.immunity-fill{transition:width .2s linear;position:absolute;inset:0 auto 0 0}.immunity-bar.spawn .immunity-fill{background:#ffd23f8c}.immunity-bar.immunity .immunity-fill{background:#4cd9648c}.immunity-bar span{text-shadow:0 1px 2px #000c;font-size:.75rem;font-weight:600;position:relative}@media (min-width:601px){.game:has(>.immunity-bar)>.banner{top:78px}}.banner.host-pause{border-color:var(--accent,#e0b84a);top:96px}.spectator-banner{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:6px 16px;font-size:.9em;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.next-lobby{z-index:30;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:8px 14px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.lobby-spectate{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.doomsday-panel{background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--cq-ok);pointer-events:auto;gap:4px;width:min(300px,100vw - 24px);padding:6px 10px 7px;font-size:.78rem;display:grid;position:absolute;top:80px;left:50%;transform:translate(-50%)}.doomsday-panel.warn{border-left-color:var(--cq-mark)}.doomsday-panel.bad{border-left-color:#d9534f}.doomsday-panel.off{border-left-color:var(--cq-line-2);opacity:.75}.doomsday-panel.flash{animation:.8s ease-in-out infinite alternate dd-flash}@keyframes dd-flash{0%{box-shadow:0 0 #e8c33a00}to{box-shadow:0 0 0 2px #e8c33abf}}.dd-head,.dd-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dd-title{font-family:var(--cq-display);letter-spacing:.04em;text-transform:uppercase;color:#e57373;font-size:.72rem;font-weight:700}.dd-status{font-weight:700}.dd-status.ok{color:var(--cq-ok)}.dd-status.warn{color:var(--cq-mark)}.dd-status.bad{color:#ff6b66}.dd-status.off{color:var(--muted)}.dd-gauge{background:var(--cq-field);border:1px solid var(--cq-line);height:8px;position:relative;overflow:hidden}.dd-mine{background:#7fbf5ab3;transition:width .3s linear;position:absolute;inset:0 auto 0 0}.dd-bar{background:#ff4d4d;width:2px;margin-left:-1px;transition:left .3s linear;position:absolute;top:0;bottom:0}.dd-me{font-variant-numeric:tabular-nums}.dd-muted{color:var(--muted)}.dd-detail{color:#ffb3ad}.doomsday-panel.warn .dd-detail{color:var(--cq-mark)}@media (min-width:601px){.game:has(>.banner)>.doomsday-panel{top:100px}.game:has(>.immunity-bar):has(>.banner)>.doomsday-panel{top:122px}.game:has(>.doomsday-panel)>.notice{top:180px}}@media (max-width:600px){.doomsday-panel{top:calc(116px + var(--safe-top,0px));left:calc(8px + var(--safe-left,0px));right:calc(84px + var(--safe-right,0px));width:auto;transform:none}.game:has(>.doomsday-panel)>.diplo-right{top:calc(206px + var(--safe-top,0px));max-height:calc(52dvh - 100px)}.game:has(>.doomsday-panel)>.banner{top:calc(206px + var(--safe-top,0px))}.game:has(>.doomsday-panel)>.notice{top:calc(250px + var(--safe-top,0px))}}.tuto-card,.tuto-tip,.tuto-book,.tuto-guide-button{--tu-panel:var(--cq-panel,#1a1e1f);--tu-panel-2:var(--cq-panel-2,#22272a);--tu-line:var(--cq-line-2,#4a5357);--tu-text:var(--cq-text,#e4e1d4);--tu-muted:var(--cq-muted,#8f958c);--tu-mark:var(--cq-mark,#e8c33a);--tu-mark-hover:var(--cq-mark-hover,#f3d04e);--tu-mark-ink:var(--cq-mark-ink,#15150d);--tu-display:var(--cq-display,Bahnschrift, "DIN Alternate", "Roboto Condensed", "Arial Narrow", Arial, sans-serif);--tu-body:var(--cq-body,"Segoe UI", system-ui, sans-serif);--tu-mono:var(--cq-mono,"Cascadia Mono", Consolas, ui-monospace, monospace);color:var(--tu-text);font-family:var(--tu-body)}.tuto-card{background:var(--tu-panel);border:1px solid var(--tu-line);border-left:4px solid var(--tu-mark);width:min(440px,100% - 24px);padding:12px 16px 14px;position:absolute;top:140px;left:50%;transform:translate(-50%)}.tuto-card header,.tuto-tip header,.tuto-book header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tuto-tag{font:600 .72rem/1 var(--tu-display);letter-spacing:.14em;text-transform:uppercase;color:var(--tu-mark)}.tuto-count{font:.78rem/1 var(--tu-mono);color:var(--tu-muted)}.tuto-bar{background:var(--tu-panel-2);height:3px;margin:8px 0 4px}.tuto-bar i{background:var(--tu-mark);height:100%;transition:width .3s;display:block}.tuto-card h3,.tuto-tip h3{font:600 1.1rem/1.15 var(--tu-display);letter-spacing:.04em;text-transform:uppercase;margin:8px 0 4px}.tuto-card p,.tuto-tip p{margin:4px 0;font-size:.92rem;line-height:1.4}.tuto-hint{color:var(--tu-mark);font-size:.85rem!important}.tuto-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tuto-actions button,.tuto-guide-button,.tuto-book header button{border:1px solid var(--tu-line);background:var(--tu-panel-2);color:var(--tu-text);font:600 .8rem/1.2 var(--tu-display);letter-spacing:.06em;text-transform:uppercase;border-radius:0;padding:5px 12px}.tuto-actions button.tuto-primary{background:var(--tu-mark);border-color:var(--tu-mark);color:var(--tu-mark-ink)}.tuto-actions button.tuto-primary:hover{background:var(--tu-mark-hover)}.tuto-actions button.tuto-quiet,.tuto-book header button.tuto-quiet{color:var(--tu-muted);background:0 0}.tuto-link{color:var(--tu-mark);cursor:pointer;border:none;margin-top:8px;padding:0;font-size:.82rem;text-decoration:underline;background:0 0!important}.tuto-spot{z-index:19;pointer-events:none;border:2px solid var(--cq-mark,#e8c33a);animation:1.1s ease-in-out infinite tuto-blink;position:fixed;box-shadow:0 0 0 3px #15150d99}@keyframes tuto-blink{50%{border-color:#0000}}@media (prefers-reduced-motion:reduce){.tuto-spot{animation:none}}.tuto-tip{background:var(--tu-panel);border:1px solid var(--tu-line);border-top:3px solid var(--tu-mark);width:min(320px,100% - 24px);padding:10px 14px 12px;position:absolute;bottom:150px;right:12px}.tuto-tip .tuto-link{margin:0}.tuto-guide-button{cursor:pointer;position:absolute;bottom:150px;right:12px}.tuto-guide-button:hover{border-color:var(--tu-mark)}@media (min-width:641px){.game:has(>.tuto-guide-button)>.diplo-right{max-height:calc(100% - 396px)}}.tuto-book{background:var(--tu-panel);border:1px solid var(--tu-line);border-top:4px solid var(--tu-mark);width:min(720px,100% - 24px);max-height:calc(100% - 48px);padding:14px 20px 18px;overflow-y:auto}.tuto-book h2{font:600 1.1rem/1.1 var(--tu-display);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 8px}.tuto-book dl{gap:8px;margin:0;display:grid}.tuto-book dt{font-weight:600}.tuto-book dd{color:var(--tu-muted);margin:2px 0 0;font-size:.9rem}.tuto-book ol{gap:6px;margin:0;padding-left:22px;font-size:.9rem;display:grid}.tuto-check{align-items:center;gap:8px;margin-top:14px;font-size:.9rem;display:flex}@media (max-width:640px){.tuto-card{top:96px}.tuto-guide-button{top:calc(64px + var(--safe-top,0px));bottom:auto;right:calc(84px + var(--safe-right,0px))}.tuto-tip{top:calc(64px + var(--safe-top,0px));width:auto;bottom:auto;left:8px;right:84px}}.tuto-arrow{z-index:18;pointer-events:none;transform-origin:20px 56px;position:fixed;top:-56px;left:-20px}.tuto-arrow svg{fill:var(--cq-mark,#e8c33a);stroke:#15150dd9;stroke-width:2.5px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0009);animation:.9s ease-in-out infinite tuto-bob;display:block}.tuto-arrow.edge svg{opacity:.85}@keyframes tuto-bob{50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.tuto-arrow svg{animation:none}}.replay-bar{z-index:25;background:var(--cq-panel);border:1px solid var(--cq-line-2);border-top:3px solid var(--cq-mark);width:min(880px,100% - 24px);color:var(--cq-text);font-family:var(--cq-body);flex-direction:column;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.replay-bar button,.replay-bar select{background:var(--cq-panel-2);border:1px solid var(--cq-line-2);color:var(--cq-text);font:600 .85rem/1.2 var(--cq-display);letter-spacing:.04em;border-radius:0;padding:3px 9px}.replay-bar button:hover:not(:disabled){background:var(--cq-panel-3)}.replay-bar button.selected,.replay-bar .rb-play{background:var(--cq-mark);border-color:var(--cq-mark);color:var(--cq-mark-ink)}.replay-bar .rb-play:hover:not(:disabled){background:var(--cq-mark-hover)}.rb-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rb-tag{font:600 .8rem/1 var(--cq-display);letter-spacing:.12em;text-transform:uppercase;color:var(--cq-mark);margin-right:4px}.rb-speeds{gap:0;display:flex}.rb-speeds button+button{border-left:none}.rb-time{font-family:var(--cq-mono);color:var(--cq-muted);margin-left:auto;font-size:.9rem}.rb-timeline{background:var(--cq-field);border:1px solid var(--cq-line);height:18px;position:relative}.rb-verified{background:var(--cq-panel-3);pointer-events:none;position:absolute;inset:0 auto 0 0}.rb-desync{pointer-events:none;background:#d9534f;width:2px;position:absolute;top:0;bottom:0}.rb-timeline input[type=range]{width:100%;accent-color:var(--cq-mark);cursor:pointer;background:0 0;margin:0;position:absolute;inset:0}.rb-viewer{font:600 .8rem/1 var(--cq-display);text-transform:uppercase;letter-spacing:.06em;color:var(--cq-muted);align-items:center;gap:6px;display:flex}.rb-viewer select{text-transform:none;max-width:220px}.rb-status{min-width:120px;color:var(--cq-muted);flex:1;font-size:.85rem}.continue-dialog{background:var(--cq-panel);max-width:560px;color:var(--cq-text)}.continue-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.9rem}.continue-table th{text-align:left;font:600 .75rem/1.2 var(--cq-display);text-transform:uppercase;letter-spacing:.06em;color:var(--cq-muted);border-bottom:1px solid var(--cq-line);padding:4px 6px}.continue-table td{border-bottom:1px solid var(--cq-line);cursor:pointer;padding:4px 6px}.continue-table tr.selected td{background:var(--cq-panel-2)}.continue-table tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--cq-mark)}.continue-table td{text-align:left}.continue-dialog .actions button,.continue-difficulty select{background:var(--cq-panel-2);border:1px solid var(--cq-line-2);color:var(--cq-text);border-radius:0}.continue-dialog .actions button{font:600 .9rem/1.2 var(--cq-display);letter-spacing:.04em;padding:6px 14px}.continue-dialog .actions button:hover:not(:disabled){background:var(--cq-panel-3)}.continue-dialog .actions button.primary{background:var(--cq-mark);border-color:var(--cq-mark);color:var(--cq-mark-ink)}.continue-dialog .actions button.primary:hover:not(:disabled){background:var(--cq-mark-hover)}.continue-difficulty select{font:inherit;padding:3px 6px}.continue-dialog .actions{margin-top:10px}.continue-table tbody{max-height:40vh}.continue-difficulty{align-items:center;gap:8px;display:flex}.rg-actions{gap:8px;margin-top:4px;display:flex}.rg-actions button{padding:2px 10px;font-size:.85rem}:is(.game:has(>.replay-bar)>.dock-left,.game:has(>.replay-bar)>.attacks){bottom:128px}@media (max-width:640px){:is(.game:has(>.replay-bar)>.dock-left,.game:has(>.replay-bar)>.attacks){bottom:290px}.rb-time{margin-left:0}.rb-speeds button{padding:3px 5px}}.atlas-panel{flex-direction:column;gap:12px;width:min(980px,100%);max-height:100%;display:flex;overflow-y:auto}.atlas-panel>*{flex-shrink:0}.atlas-panel h2,.atlas-panel h3,.atlas-panel p{margin:0}.atlas-bar{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.atlas-bar input[type=search]{min-inline-size:0;font:inherit;color:var(--cq-text);background:var(--cq-field);border:1px solid var(--cq-line-2);flex:200px;padding:6px 10px}.atlas-select{color:var(--cq-muted);flex-direction:column;gap:2px;font-size:.78rem;display:flex}.atlas-select select,.lobby-filters select{font:inherit;color:var(--cq-text);background:var(--cq-field);border:1px solid var(--cq-line-2);max-inline-size:14em;padding:5px 6px;font-size:.9rem}.atlas-views{display:flex}.atlas-views button[aria-selected=true]{background:var(--cq-mark);color:var(--cq-mark-ink);border-color:#0000}.atlas-detail{background:var(--cq-panel-2);border:1px solid var(--cq-line);grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:12px;padding:10px;display:grid}.atlas-detail-preview{object-fit:contain;background:var(--cq-field);max-block-size:220px;inline-size:100%}.atlas-detail-body{flex-direction:column;gap:8px;min-inline-size:0;display:flex}.atlas-detail .actions{flex-wrap:wrap}.atlas-record{color:var(--cq-text)}.atlas-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.atlas-fav{color:var(--cq-mark)}.atlas-elsewhere{color:var(--cq-muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.atlas-chips{flex-wrap:wrap;gap:4px;display:flex}.atlas-chip{padding:3px 9px;font-size:.8rem}.atlas-chip.on{background:var(--cq-mark);color:var(--cq-mark-ink);border-color:#0000}@media (max-width:600px){.atlas-detail{grid-template-columns:minmax(0,1fr)}}.atlas-map{flex-direction:column;gap:4px;display:flex;position:relative}.atlas-frame{aspect-ratio:2;border:1px solid var(--cq-line-2);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#0d1f2a;inline-size:100%;position:relative;overflow:hidden}.atlas-frame:active{cursor:grabbing}.atlas-world{pointer-events:none;opacity:.85;max-inline-size:none;position:absolute}.atlas-pin{cursor:pointer;background:0 0;border:none;place-items:center;block-size:26px;inline-size:26px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.atlas-pin i{background:var(--cq-mark);border:2px solid var(--cq-mark-ink);border-radius:50%;block-size:10px;inline-size:10px}.atlas-pin:hover i,.atlas-pin:focus-visible i{transform:scale(1.4)}.atlas-pin.on i{border-color:var(--cq-mark);background:#fff;border-width:3px;block-size:14px;inline-size:14px}.atlas-pin-name{white-space:nowrap;color:var(--cq-text);pointer-events:none;background:#131617d9;padding:1px 5px;font-size:.72rem;position:absolute;top:22px;left:50%;transform:translate(-50%)}.atlas-pin.on .atlas-pin-name{color:var(--cq-mark-ink);background:var(--cq-mark)}.atlas-zoom{top:6px;flex-direction:column;gap:4px;display:flex;position:absolute;inset-inline-end:6px}.atlas-zoom button{block-size:32px;inline-size:32px;padding:0;font-size:1.1rem;line-height:1}.atlas-help{font-size:.75rem}.lobby-browser{flex-direction:column;gap:8px;display:flex}.lobby-filters{flex-wrap:wrap;align-items:end;gap:6px 10px;display:flex}.lobby-filters>label{color:var(--cq-muted);flex-direction:column;gap:2px;font-size:.78rem;display:flex}.lobby-filters>.lobby-spectate-toggle{color:var(--cq-text);flex-direction:row;align-items:center;gap:6px;min-block-size:32px;font-size:.85rem}.lobby-profiles{font-size:.85rem}.lobby-profiles>summary{cursor:pointer;color:var(--cq-muted)}.lobby-profiles ul{flex-wrap:wrap;gap:4px;margin:6px 0;padding:0;list-style:none;display:flex}.lobby-profiles li{display:flex}.lobby-profile-delete{padding:0 8px}.lobby-profile-new{gap:6px;margin-block-start:6px;display:flex}.lobby-profile-new input{min-inline-size:0;font:inherit;color:var(--cq-text);background:var(--cq-field);border:1px solid var(--cq-line-2);flex:1;padding:5px 8px}.lobby-lines{flex-direction:column;gap:6px;max-block-size:360px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.lobby-line{background:var(--cq-panel-2);border:1px solid var(--cq-line);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;display:grid}.lobby-line.status-countdown{border-inline-start:3px solid var(--cq-mark)}.lobby-line.status-started{opacity:.85}.lobby-line img{object-fit:cover;background:var(--cq-field);block-size:40px;inline-size:64px}.lobby-line-text{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.lobby-line-text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-line-text small{color:var(--cq-muted)}.lobby-seats{background:var(--cq-field);block-size:4px;display:block}.lobby-seats i{background:var(--cq-ok);block-size:100%;display:block}.confirm-leave{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.confirm-leave>span{font-weight:600}.options-changed{color:var(--cq-text);background:var(--cq-panel-2);border-inline-start:3px solid var(--cq-mark);margin:0;padding:6px 10px;font-size:.85rem}.install-banner{inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20;max-inline-size:560px;color:var(--cq-text);background:var(--cq-panel);border:1px solid var(--cq-line-2);border-inline-start:3px solid var(--cq-mark);align-items:center;gap:10px;margin-inline:auto;padding:8px 10px;font-size:.9rem;display:flex;position:fixed}.install-banner>span{flex:1}.install-banner button{font:inherit;color:var(--cq-text);background:var(--cq-panel-3);border:1px solid var(--cq-line-2);cursor:pointer;padding:6px 12px}.install-banner button.primary{color:var(--cq-mark-ink);background:var(--cq-mark);border-color:#0000}.install-banner .install-close{inline-size:32px;padding:6px 0}.notif{position:relative}.notif-bell{place-items:center;block-size:36px;inline-size:36px;padding:0;display:grid;position:relative}.notif-anchor{position:relative}.notif-count{top:-5px;block-size:18px;min-inline-size:18px;font:700 .7rem/1 var(--cq-body,sans-serif);color:#15150d;background:#e8c33a;place-items:center;padding:0 4px;display:grid;position:absolute;inset-inline-end:-5px}.notif-panel{top:calc(100% + 6px);z-index:5;background:var(--cq-panel);border:1px solid var(--cq-line-2);inline-size:min(340px,80vw);padding:8px 10px;position:absolute;inset-inline-end:0}.notif-panel p{margin:0}.notif-panel ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.notif-panel li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.notif-panel a{color:var(--cq-mark)}.notif-panel .button-link{border:1px solid var(--cq-line-2);padding:4px 10px;text-decoration:none}@media (pointer:coarse){.atlas-pin{block-size:40px;inline-size:40px}.atlas-zoom button,.notif-bell,.install-banner .install-close{block-size:44px;inline-size:44px}.lobby-line button,.confirm-leave button,.atlas-chip,.lobby-profiles button,.atlas-select select,.lobby-filters select{min-block-size:44px}}.map-picker{flex-direction:column;gap:8px;display:flex}.map-picker-bar{gap:8px;display:flex}.map-picker-bar input{min-width:0;font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#ffffff0f;border-radius:8px;flex:1;padding:6px 10px}.map-tabs{flex-wrap:wrap;gap:4px;display:flex}.map-tab{padding:3px 9px;font-size:.8rem}.map-tab.selected{background:var(--accent);border-color:#0000}.map-grid{max-height:300px;padding-right:2px;overflow-y:auto}.maps-single{grid-template-columns:minmax(0,180px)}.map-card-facts{color:var(--muted);font-size:.72rem}.map-card-wrap{display:flex;position:relative}.map-card-wrap .map-card{flex:1;min-width:0}.map-info,.map-star{background:#0009;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;font-size:.85rem;line-height:1;display:grid;position:absolute;top:10px}.map-info{left:10px}.map-star{font-size:1rem;right:10px}.map-star.on{color:#ffd76a;border-color:#ffd76a99}.map-sheet{flex-direction:column;gap:10px;display:flex}.map-sheet-preview{object-fit:contain;background:#00000040;border-radius:8px;width:100%;max-height:320px}.map-sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.map-sheet-head h3{margin:0}.map-sheet-head .map-star{flex:none;position:static}.map-sheet-blurb{margin:0}.map-osm-credit{opacity:.75;margin:0;font-size:11px}.map-osm-credit a{color:inherit}.map-facts{flex-direction:column;gap:4px;margin:0;display:flex}.map-facts>div{flex-wrap:wrap;gap:4px 12px;display:flex}.map-facts dt{color:var(--muted);flex:0 0 9em}.map-facts dd{flex:1;margin:0}.map-medals{gap:4px;margin-top:2px;display:flex}.map-medals .medal{border:1px solid var(--muted);opacity:.45;border-radius:50%;width:9px;height:9px}.map-medals .medal.on{opacity:1;border-color:#0000}.map-medals .medal.d0.on{background:#b08d57}.map-medals .medal.d1.on{background:#c0c4c8}.map-medals .medal.d2.on{background:#e3c15a}.map-medals .medal.d3.on{background:#9fd6e8}.start-bell-wrap{vertical-align:middle;align-items:center;gap:6px;margin-left:8px;display:inline-flex}button.start-bell{min-width:0;color:var(--cq-muted,#8f958c);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:2px 4px;display:inline-flex}button.start-bell:hover{color:var(--cq-text,#e4e1d4)}button.start-bell.on{color:var(--cq-mark,#e8c33a);border-color:var(--cq-line-2,#4a5357)}.start-bell-note{color:var(--cq-mark,#e8c33a);font-size:.85em}.clan-head{flex-direction:column;gap:4px;display:flex}.clan-title{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:1.1rem;display:flex}.clan-description{overflow-wrap:anywhere;margin:0}.clan-actions{flex-wrap:wrap;gap:4px;display:flex}.clan-requests{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.clan-requests li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.clan-requests li>span:first-child{flex:1}.account-panel textarea{width:100%;font:inherit;color:var(--text);border:1px solid var(--panel-border);border-radius:var(--radius,8px);resize:vertical;background:#0000004d;padding:8px 10px}.progress-level{flex-direction:column;gap:6px;display:flex}.progress-bar{border:1px solid var(--panel-border);background:#0000004d;border-radius:999px;height:10px;overflow:hidden}.progress-bar>div{background:var(--cq-mark,var(--accent));height:100%}.achievements{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.achievements li{border:1px solid var(--panel-border);border-radius:var(--radius,8px);gap:10px;padding:8px 10px;display:flex}.achievements li>div{flex-direction:column;gap:2px;min-width:0;display:flex}.achievements li.locked{opacity:.55}.achievement-mark{color:var(--cq-mark,var(--accent));font-size:1.2rem}.ranked-queue{flex-direction:column;gap:6px;display:flex}.ranked-queue .ranked-wait{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.account-panel form.account-row{flex-direction:row}.account-panel .account-row>input:not([type]){font:inherit;color:var(--text);border-style:solid;border-width:1px;padding:8px 10px}.account-table a{color:var(--accent)}@media (max-width:480px){.account-table th,.account-table td{padding:5px 4px}}.mod-ban{text-align:center;width:min(480px,100%)}.mod-reason{overflow-wrap:anywhere;font-weight:600}.mod-notice-wrap{z-index:40;position:fixed}.mod-notice{width:min(460px,100%)}.mod-warning{border-left:3px solid var(--panel-border);margin:8px 0;padding:4px 10px}.mod-admin{width:min(1100px,100%)}.mod-admin-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mod-tabs{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.mod-tabs .selected{outline:2px solid}.mod-message{font-weight:600}.mod-detail{border:1px solid var(--panel-border);overflow-wrap:anywhere;border-radius:8px;margin:8px 0;padding:8px 12px}.mod-form{gap:8px;margin-top:8px;display:grid}.mod-form label,.mod-detail label{gap:2px;display:grid}.mod-form textarea{resize:vertical;font:inherit}.mod-mute{margin-top:4px}.hm-home{--hm-bg:#07090b;--hm-panel:#0a0d10d1;--hm-panel-strong:#0a0d10e6;--hm-chip:#0e1215b3;--hm-bone:#e9e4d8;--hm-text2:#b9b8ac;--hm-muted:#8e978f;--hm-gold:#f0b44c;--hm-gold-hi:#f7cb72;--hm-red:#e0553f;--hm-line:#e9e4d824;--hm-line-hi:#e9e4d866;--hm-plate-line:#e9e4d838;--hm-card-line:#e9e4d829;--hm-player:#4f84c4;--hm-display:"Big Shoulders Display", "Bahnschrift Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--hm-body:"Libre Franklin", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;background:var(--hm-bg);height:100%;color:var(--hm-bone);font-family:var(--hm-body);-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden auto}.hm-home *{box-sizing:border-box}.hm-home button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0}.hm-home button:hover:not(:disabled){background:0 0}.hm-home :focus-visible{outline:2px solid var(--hm-gold);outline-offset:2px}.hm-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hm-cut8{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hm-cut12{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hm-cut18{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.hm-bg{pointer-events:none;position:fixed;inset:0}.hm-map{width:100%;height:100%;display:block;position:absolute;inset:0}.hm-veil{position:absolute;inset:0}.hm-veil-a{background:radial-gradient(46% 62% at 50% 52%,#07090be0 0%,#07090ba8 55%,#07090b52 100%)}.hm-veil-b{background:linear-gradient(#07090bcc 0%,#07090b00 16% 72%,#07090bf2 100%)}.hm-veil-c{box-shadow:inset 0 0 220px 40px #000000bf}.hm-layout{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:24px;min-height:100%;padding:28px 40px 0;display:grid;position:relative}.hm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.hm-brand{flex-direction:column;gap:6px;min-width:0;display:flex}.hm-brand h1{font:900 40px/.85 var(--hm-display);letter-spacing:.18em;text-transform:uppercase;color:var(--hm-bone);margin:0}.hm-brand p{font:600 14px/1.2 var(--hm-display);letter-spacing:.2em;text-transform:uppercase;color:var(--hm-muted);white-space:nowrap;margin:0}.hm-tools{align-items:center;gap:8px;display:flex}.hm-home .hm-icon-btn{background:var(--hm-chip);border:1px solid var(--hm-line);width:44px;height:44px;color:var(--hm-text2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.hm-home .hm-icon-btn:hover:not(:disabled),.hm-home .hm-icon-btn[aria-expanded=true]{background:var(--hm-chip);color:var(--hm-bone);border-color:var(--hm-line-hi)}.hm-home .sound-panel{border:1px solid var(--hm-line-hi);color:var(--hm-bone);font-family:var(--hm-body);text-align:start;background:#0a0d10f5;border-radius:0;top:calc(100% + 8px);left:auto;right:0}.hm-home .sound-panel strong{font:700 16px var(--hm-display);letter-spacing:.12em;text-transform:uppercase}.hm-home .sound-panel button{border:1px solid var(--hm-line);color:var(--hm-text2);padding:3px 8px}.hm-home .sound-panel button:hover:not(:disabled){border-color:var(--hm-line-hi);color:var(--hm-bone)}.hm-home .sound-panel input[type=range]{accent-color:var(--hm-gold)}.hm-badge{background:var(--hm-chip);border:1px solid var(--hm-line);min-height:52px;color:var(--hm-bone);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:12px;padding-block:8px;padding-inline:10px 14px;transition:border-color .2s;display:flex;position:relative}.hm-badge:hover,.hm-badge.editing,.hm-badge:focus-within{border-color:var(--hm-line-hi)}.hm-home .hm-badge-flag{flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.hm-badge-flag .cq-flag{margin:0}.hm-lozenge{background:var(--hm-player);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:28px;height:28px;transition:transform .2s;display:block}.hm-home .hm-badge-flag:hover .hm-lozenge{transform:scale(1.08)}.hm-badge-text{text-align:start;flex-direction:column;gap:2px;min-width:0;display:flex}.hm-badge-text small{font:600 13px/1 var(--hm-display);letter-spacing:.2em;text-transform:uppercase;color:var(--hm-muted)}.hm-badge-text strong,.hm-badge-text input{font:700 20px/1 var(--hm-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--hm-bone);overflow:hidden}.hm-badge-text input{border:0;border-bottom:1px solid var(--hm-gold);background:0 0;border-radius:0;outline:none;width:12em;max-width:100%;padding:0}.hm-badge-text input[aria-invalid=true]{border-bottom-color:var(--hm-red)}.hm-home .hm-dice{width:34px;height:34px;color:var(--hm-text2);flex:none;justify-content:center;align-items:center;display:flex}.hm-home .hm-dice:hover:not(:disabled){color:var(--hm-bone)}.hm-badge-error{z-index:5;border:1px solid var(--hm-red);width:max(100%,260px);color:var(--hm-bone);background:#0a0d10f5;padding:8px 10px;font-size:13px;line-height:1.4;position:absolute;top:calc(100% + 6px);right:0}.hm-main{justify-content:center;align-items:center;min-width:0;padding:8px 0 16px;display:flex}.hm-col{text-align:center;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:660px;display:flex}.hm-brief{max-width:40ch;color:var(--hm-text2);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.hm-brief b{color:var(--hm-bone);font-weight:600}.hm-warning{background:var(--hm-panel-strong);border:1px solid var(--hm-red);max-width:460px;color:var(--hm-bone);padding:10px 14px;font-size:14px;line-height:1.45}.hm-home .hm-inline-link{color:var(--hm-gold);text-underline-offset:3px;text-decoration:underline}.hm-home .hm-inline-link:hover:not(:disabled){color:var(--hm-gold-hi)}.hm-plates{flex-direction:column;gap:10px;width:400px;max-width:100%;display:flex}.hm-home .hm-plate{text-align:center;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:108px;padding:0 20px;transition:background .2s,transform .2s;display:flex}.hm-plate b{font:900 68px/.8 var(--hm-display);letter-spacing:.08em}.hm-plate b.small{font-size:34px;line-height:.9}.hm-plate span{font:500 14px/1.2 var(--hm-display);letter-spacing:.16em}.hm-home .hm-plate.gold{background:var(--hm-gold);color:var(--hm-bg)}.hm-home .hm-plate.gold:hover:not(:disabled),.hm-home .hm-plate.gold:focus-visible{background:var(--hm-gold-hi);transform:translateY(-2px)}.hm-home .hm-plate.dark{background:var(--hm-plate-line);height:76px;color:var(--hm-bone)}.hm-plate.dark b{font-size:44px}.hm-plate.dark span{color:var(--hm-text2)}.hm-home .hm-plate.dark:hover:not(:disabled),.hm-home .hm-plate.dark:focus-visible{background:var(--hm-gold);color:var(--hm-bg);transform:translateY(-2px)}.hm-home .hm-plate.dark:hover:not(:disabled) span,.hm-home .hm-plate.dark:focus-visible span{color:inherit}.hm-home :is(.hm-plate,.hm-ghost,.hm-join):focus-visible{outline:none}.hm-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hm-home .hm-ghost{background:var(--hm-plate-line);height:60px;padding:1px;transition:background .2s,transform .2s;display:block}.hm-ghost>span.hm-cut12{background:var(--hm-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%;color:var(--hm-bone);font:700 24px/1 var(--hm-display);letter-spacing:.06em;text-transform:uppercase;text-align:center;text-wrap:balance;justify-content:center;align-items:center;padding:0 10px;display:flex}.hm-home .hm-ghost:hover:not(:disabled),.hm-home .hm-ghost:focus-visible{background:var(--hm-gold);transform:translateY(-2px)}.hm-offer{color:var(--hm-text2);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin-top:-14px;font-size:14px;display:flex}.hm-offer b{color:var(--hm-bone);font-weight:600}.hm-home .hm-offer-go{color:var(--hm-gold);font-weight:600}.hm-home .hm-offer-go:hover:not(:disabled){color:var(--hm-gold-hi)}.hm-home .hm-offer-later{color:var(--hm-text2)}.hm-home .hm-offer-later:hover:not(:disabled){color:var(--hm-bone)}.hm-lobbies{text-align:start;flex-direction:column;gap:12px;width:100%;display:flex}.hm-lob-head{align-items:center;gap:14px;display:flex}.hm-live{font:600 14px/1 var(--hm-display);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;color:var(--hm-bone);align-items:center;gap:10px;display:flex}.hm-live i{background:var(--hm-muted);border-radius:50%;flex:none;width:7px;height:7px}.hm-live.on i{background:var(--hm-red);box-shadow:0 0 0 4px #e0553f2e}.hm-rule{background:var(--hm-line);flex:1;height:1px}.hm-summary{font:600 14px/1 var(--hm-display);letter-spacing:.14em;text-transform:uppercase;color:var(--hm-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.hm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hm-card{background:var(--hm-card-line);padding:1px;transition:background .2s}.hm-card.on{background:var(--hm-gold)}.hm-card-in{background:var(--hm-panel-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;height:100%;display:flex}.hm-thumb{filter:grayscale()contrast(1.1)brightness(.55);background:#141a1f 50%/cover no-repeat;height:84px;transition:filter .3s}.hm-card.on .hm-thumb{filter:grayscale()sepia(.7)saturate(1.8)hue-rotate(-8deg)brightness(.8)}.hm-card-body{flex-direction:column;flex:1;gap:12px;margin-top:-26px;padding:12px 14px 14px;display:flex;position:relative}.hm-row1{justify-content:space-between;align-items:flex-end;gap:8px;min-height:30px;display:flex}.hm-map-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:900 30px/.85 var(--hm-display);letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 12px #000c;padding-top:2px;overflow:hidden}.hm-map-name.long{font-size:24px}.hm-map-name.longer{font-size:20px}.hm-time{font:500 18px/1 var(--hm-display);font-variant-numeric:tabular-nums;color:var(--hm-bone);background:#07090bd9;flex:none;padding:4px 6px}.hm-time.soon{color:var(--hm-red)}.hm-time.waiting{letter-spacing:.08em;text-transform:uppercase;color:var(--hm-text2);padding:6px 6px 4px;font-size:14px}.hm-row2{color:var(--hm-text2);justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.hm-count{font:600 13px/1 var(--hm-display);letter-spacing:.06em;font-variant-numeric:tabular-nums;flex:none}.hm-ticks{gap:2px;height:4px;display:flex}.hm-ticks i{background:var(--hm-line);flex:1}.hm-ticks i.f{background:var(--hm-bone)}.hm-card.on .hm-ticks i.f{background:var(--hm-gold)}.hm-card-acts{align-items:center;gap:10px;margin-top:auto;display:flex}.hm-home .hm-join{height:38px;color:var(--hm-bone);font:600 11px/1 var(--hm-display);letter-spacing:.18em;text-transform:uppercase;text-align:center;background:#e9e4d814;flex:1;transition:background .2s,color .2s}.hm-home .hm-card.on .hm-join:not(:disabled){background:var(--hm-gold);color:var(--hm-bg)}.hm-home .hm-join:hover:not(:disabled),.hm-home .hm-join:focus-visible:not(:disabled){background:var(--hm-gold-hi);color:var(--hm-bg)}.hm-home .hm-join:disabled{opacity:1;color:var(--hm-muted);cursor:not-allowed;background:#e9e4d80a}.hm-home .hm-watch{min-height:38px;color:var(--hm-text2);text-decoration:underline;-webkit-text-decoration-color:var(--hm-line-hi);text-decoration-color:var(--hm-line-hi);text-underline-offset:3px;flex:none;padding:0 2px;font-size:12px}.hm-home .hm-watch:hover:not(:disabled){color:var(--hm-bone);text-decoration-color:currentColor}.hm-note{text-align:center;color:var(--hm-text2);margin:0;padding:10px 0;font-size:14px;line-height:1.5}.hm-home .hm-more{color:var(--hm-text2);text-align:center;align-self:center;padding:4px 0;font-size:13px}.hm-home .hm-more:hover:not(:disabled){color:var(--hm-bone)}.hm-arrow{display:inline-block}.hm-side{flex-wrap:wrap;justify-content:center;gap:6px 24px;width:max-content;max-width:calc(100vw - 80px);display:flex}.hm-home .hm-side button{color:var(--hm-text2);white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:500;transition:color .2s;display:flex}.hm-home .hm-side button:hover:not(:disabled){color:var(--hm-bone)}.hm-side small{color:var(--hm-gold);font-size:12px;font-weight:400}.hm-dot{background:var(--hm-gold);border-radius:50%;width:6px;height:6px}.hm-footer{font:600 14px/1.2 var(--hm-display);letter-spacing:.1em;text-transform:uppercase;color:var(--hm-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:16px 0 20px;display:flex}.hm-home .hm-dispatch{min-width:0;color:var(--hm-bone);text-align:start;align-items:center;gap:14px;transition:color .2s;display:flex}.hm-dispatch b{text-transform:uppercase;border:1px solid var(--hm-gold);color:var(--hm-gold);letter-spacing:.2em;flex:none;padding:3px 8px;font-weight:600}.hm-dispatch span{font:400 14px/1.35 var(--hm-body);letter-spacing:0;text-transform:none}.hm-home .hm-dispatch:hover:not(:disabled){color:var(--hm-gold)}.hm-end{align-items:center;gap:12px 24px;margin-inline-start:auto;display:flex}.hm-credits{letter-spacing:.08em;text-align:end;flex-direction:column;gap:3px;font-size:11px;display:flex}.hm-version{white-space:nowrap}.hm-home .language-picker{background:var(--hm-chip);border:1px solid var(--hm-line);height:32px;color:var(--hm-text2);font:500 13px var(--hm-body);letter-spacing:0;text-transform:none;cursor:pointer;border-radius:0;padding:0 6px}.hm-home .language-picker:hover{border-color:var(--hm-line-hi);color:var(--hm-bone)}[dir=rtl] .hm-arrow{transform:scaleX(-1)}[dir=rtl] .hm-home .sound-panel,[dir=rtl] .hm-badge-error{left:0;right:auto}html:lang(ar) .hm-home .hm-join{font-size:14px}html:lang(ar) .hm-plate span,html:lang(ar) .hm-brand p{font-size:15px}@media (max-width:1100px){.hm-footer{justify-content:center}.hm-end{flex-wrap:wrap;justify-content:center;margin-inline-start:0}.hm-credits{text-align:center}}@media (max-width:700px){.hm-layout{padding:max(20px, var(--safe-top,0px)) 16px 0;gap:20px}.hm-header{gap:16px}.hm-brand h1{font-size:34px}.hm-brand p{letter-spacing:.14em;white-space:normal;font-size:12px}.hm-tools{flex:100%;min-width:0}.hm-badge{flex:1;min-width:0}.hm-home .hm-badge-flag{width:40px;height:40px;margin:-5px}.hm-badge-text{justify-content:center;min-height:40px}.hm-col{gap:24px}.hm-plate b{font-size:60px}.hm-ghost>span.hm-cut12{font-size:20px}.hm-grid{grid-template-columns:1fr}.hm-thumb{height:72px}.hm-home .hm-join{height:44px;font-size:12px}.hm-home .hm-watch{min-height:44px;padding:0 6px}.hm-home :is(.hm-more,.hm-offer-go,.hm-offer-later,.hm-inline-link){min-height:40px}.hm-side{gap:0 20px;max-width:100%}.hm-home .hm-side button{min-height:40px}.hm-footer{padding-bottom:max(20px, var(--safe-bottom,0px));flex-direction:column;align-items:stretch}.hm-home .hm-dispatch{min-height:44px}.hm-end{flex-direction:column;gap:12px}.hm-credits{white-space:normal}.hm-home .language-picker{height:40px}}.editor{background:var(--bg);grid-template-rows:auto 1fr;grid-template-columns:250px 1fr;gap:8px;height:100%;padding:8px;display:grid}.editor-bar{flex-wrap:wrap;grid-column:1/3;align-items:center;gap:10px;display:flex}.editor-tag{color:var(--muted);border:1px solid var(--panel-border);border-radius:999px;padding:1px 8px;font-size:.75rem}.editor-spacer{flex:1}.editor-tools{flex-direction:column;gap:8px;font-size:.9rem;display:flex;overflow-y:auto}.editor-tools h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:8px 0 0;font-size:.85rem}.editor-row{gap:6px;display:flex}.editor-row select{flex:1;min-width:0}.editor-file input{display:none}.editor-file .button-like{text-align:center;border:1px solid var(--panel-border);cursor:pointer;background:#ffffff0f;border-radius:6px;padding:6px 10px;display:block}.editor-brushes{grid-template-columns:1fr 1fr;gap:4px;display:grid}.editor-tools button.selected{outline:2px solid var(--accent)}.swatch{vertical-align:-1px;border:1px solid #ffffff4d;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.editor-tools input[type=range]{width:100%}.editor-nations{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.editor-nations li{gap:4px;display:flex}.editor-nations input{flex:1;min-width:0}.editor-help{color:var(--muted);margin:4px 0 0;font-size:.8rem}.editor-view{border-radius:var(--radius);background:#070b12;position:relative;overflow:auto}.editor-message{z-index:2;max-width:640px;margin:8px;position:sticky;top:8px;left:8px}.editor-sheet{margin:8px;position:relative}.editor-sheet canvas{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none}.editor-sheet canvas.nation-tool{cursor:copy}.editor-nation{pointer-events:none;color:#fff;white-space:nowrap;background:#c81e1ed9;border-radius:999px;padding:1px 6px;font-size:.75rem;position:absolute;transform:translate(-50%,-50%)}.editor-zone{pointer-events:none;box-sizing:border-box;border:2px solid;position:absolute}.editor-zone.draft{border-style:dashed}.editor-zone span{color:#fff;border-radius:999px;padding:0 6px;font-size:.75rem;font-weight:700;position:absolute;top:2px;left:2px}@media (max-width:600px){.editor{grid-template-rows:auto minmax(0,2fr) minmax(0,3fr);grid-template-columns:minmax(0,1fr)}.editor-bar{grid-column:1}}.recent-games h3{color:var(--muted);margin:14px 0 6px;font-size:1rem}.recent-list{flex-direction:column;gap:6px;max-height:34vh;margin:0 0 8px;padding:0;list-style:none;display:flex;overflow-y:auto}.recent-list li{border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.rg-top{align-items:baseline;gap:8px;display:flex}.rg-top small{margin-left:auto}.rg-mode{border:1px solid var(--panel-border);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:.75rem}.clan-search{width:100%;margin:6px 0}.clan-bans{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.clan-bans li{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.clan-game-victory td:nth-child(5){color:var(--good,#6fcf7f)}.clan-game-defeat td:nth-child(5){color:var(--bad,#e07a6f)}.clan-game-winner{font-weight:600}.clan-stat-member{border-top:1px solid var(--panel-border);flex-direction:column;padding:4px 0;display:flex}.clan-stat-line{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:none;grid-template-columns:1em minmax(6em,1fr) minmax(60px,120px) auto;align-items:center;gap:8px;padding:2px 6px;display:grid}button.clan-stat-line{cursor:pointer;border-radius:6px}button.clan-stat-line:hover,button.clan-stat-line:focus-visible{background:#ffffff0f}.clan-stat-line.level-1{padding-left:22px}.clan-stat-line.level-2{padding-left:40px}.clan-stat-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clan-stat-bar{background:#e07a6f73;border-radius:3px;height:6px;overflow:hidden}.clan-stat-bar>span{background:var(--good,#6fcf7f);height:100%;display:block}.clan-stat-numbers{font-variant-numeric:tabular-nums;white-space:nowrap}.rank-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 8px;font-size:.85em;display:inline-block}.rank-iron{color:#a3a8ad}.rank-bronze{color:#c8895a}.rank-silver{color:#d4dbe2}.rank-gold{color:#e8c35a}.rank-platinum{color:#7fd6c9}.rank-diamond{color:#8fb8ff}.rank-master{color:#c79bff}.rank-grandmaster{color:#ff8f8f}.rank-tabs{flex-wrap:wrap}.cos{flex-direction:column;gap:8px;display:flex}.cos-preview,.cos-empty{border:1px solid var(--cq-line,var(--panel-border));background:var(--cq-field,#0000004d);width:84px;height:52px;display:block}.cos-empty{background:repeating-linear-gradient(45deg,#0000 0 6px,#ffffff0d 6px 12px)}.cos-worn{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.cos-worn-slot{border:1px solid var(--cq-line-2,var(--panel-border));background:var(--cq-panel-2,transparent);flex-direction:column;gap:4px;padding:8px;display:flex}.cos-worn-slot>small{min-height:2.5em;line-height:1.25}.cos-saved{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.cos-saved-card{border:1px solid var(--cq-line-2,var(--panel-border));background:var(--cq-panel-2,transparent);flex-direction:column;gap:6px;padding:8px 10px;display:flex}.cos-outfit-line{grid-template-columns:1fr 1fr;gap:2px 8px;margin:0;padding:0;list-style:none;display:grid}.cos-outfit-line li{flex-direction:column;min-width:0;display:flex}.cos-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.cos-card{text-align:left;border:1px solid var(--cq-line,var(--panel-border));background:var(--cq-panel-2,transparent);width:100%;height:100%;color:var(--cq-text,inherit);cursor:pointer;border-left-width:3px;flex-direction:column;align-items:flex-start;gap:3px;padding:8px;display:flex}.cos-card:hover:not(:disabled){border-color:var(--cq-line-2,var(--panel-border));background:var(--cq-panel-3,transparent)}.cos-card[aria-pressed=true]{border-color:var(--cq-mark,var(--accent));box-shadow:inset 0 0 0 1px var(--cq-mark,var(--accent))}.cos-card.locked{cursor:not-allowed}.cos-card.locked .cos-preview{opacity:.4;filter:grayscale(.7)}.cos-card:disabled{opacity:1}.cos-rarity{font-family:var(--cq-mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--cq-muted,inherit);font-size:.7rem}.cos-card.rarity-rare{border-left-color:#5d9bd8}.cos-card.rarity-rare .cos-rarity{color:#7fb2e6}.cos-card.rarity-epic{border-left-color:#a77ad8}.cos-card.rarity-epic .cos-rarity{color:#bf9be6}.cos-card.rarity-legendary{border-left-color:var(--cq-mark,#e8c33a)}.cos-card.rarity-legendary .cos-rarity{color:var(--cq-mark,#e8c33a)}.cos-condition{align-items:center;gap:4px;line-height:1.2;display:flex}.cos-lock{color:var(--cq-muted,inherit);flex:none}.screen .shop{max-width:980px}.screen .shop h3{font:600 1rem/1.2 var(--cq-display);letter-spacing:.08em;text-transform:uppercase;margin:12px 0 6px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.shop-card.cos-card{cursor:default;gap:5px}.shop-card.owned{border-color:var(--cq-ok,#7fbf5a)}.shop-previews{flex-wrap:wrap;gap:4px;display:flex}.shop-preview{border:1px solid var(--cq-line,var(--panel-border));background:var(--cq-field,#0000004d);display:block}.shop-name{font:600 1rem/1.2 var(--cq-display);letter-spacing:.04em}.shop-buy{border-top:1px solid var(--cq-line,var(--panel-border));justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:6px;display:flex}.shop-price{font-family:var(--cq-mono,monospace);color:var(--cq-text,inherit);flex-direction:column;font-size:1rem;display:flex}.shop-was{color:var(--cq-muted,inherit);font-size:.72rem;text-decoration:line-through}.shop-owned{font-family:var(--cq-mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:var(--cq-ok,#7fbf5a);font-size:.75rem}.shop-notice{border:1px solid var(--cq-line-2,var(--panel-border));border-left:3px solid var(--cq-mark,var(--accent));background:var(--cq-panel-2,transparent);margin:4px 0;padding:8px 10px}.shop-notice.ok{border-left-color:var(--cq-ok,#7fbf5a)}:root{--bg:#0e1624;--panel:#101826db;--panel-border:#ffffff17;--text:#e8edf4;--muted:#9aa8bb;--accent:#2478e8;--accent-hover:#3a8cf5;--danger:#e2574c;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#ffffff14;border-radius:8px;padding:6px 12px}button:hover:not(:disabled){background:#ffffff29}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:#0000}button.primary:hover{background:var(--accent-hover)}button.big{width:100%;padding:12px;font-size:1.05rem}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px 14px}.screen{background:radial-gradient(ellipse at 30% 20%, #2478e82e, transparent 60%), radial-gradient(ellipse at 80% 90%, #62924a29, transparent 55%), var(--bg);place-items:center;height:100%;padding:16px;display:grid}.home-panel{text-align:center;flex-direction:column;gap:12px;width:min(420px,100%);padding:28px;display:flex}.title{letter-spacing:.04em;margin:0;font-size:2.6rem}.tagline{color:var(--muted);margin:0 0 8px}.credits{color:var(--muted);margin:8px 0 0;font-size:.75rem}.setup{flex-direction:column;gap:14px;width:min(460px,100%);display:flex}.setup h2{margin:0}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--muted);font-size:.9rem}.field.checkbox{flex-direction:row;align-items:center}.field input:not([type]){font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#0000004d;border-radius:8px;padding:8px 10px}.choices{flex-wrap:wrap;gap:6px;display:flex}.choice{border:1px solid var(--panel-border);border-radius:8px;padding:6px 12px}.choice.selected{background:var(--accent);border-color:#0000}.maps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.map-card{flex-direction:column;align-items:center;gap:6px;padding:6px;font-size:.85rem;display:flex}.map-card img{object-fit:cover;border-radius:6px;width:100%;height:74px;display:block}.map-card.selected{border-color:var(--accent);background:#2478e840}.hint{color:var(--muted);font-size:.8rem}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}input[type=range]{accent-color:var(--accent);width:100%}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.game{-webkit-user-select:none;user-select:none;position:fixed;inset:0}.layer{width:100%;height:100%;display:block;position:absolute;inset:0}.layer.interactive{cursor:crosshair;touch-action:none}.banner{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:8px 18px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.banner.error{border-color:var(--danger)}.notice{pointer-events:none;background:#000000b3;border-radius:8px;padding:6px 14px;position:absolute;top:100px;left:50%;transform:translate(-50%)}.topbar{background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 14px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.topbar button{border-radius:999px;padding:4px 12px}.topbar button.speed{font-variant-numeric:tabular-nums;min-width:52px}.clock{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin-right:6px}.dock-left{pointer-events:none;flex-direction:column;gap:8px;width:min(340px,100% - 24px);display:flex;position:absolute;bottom:12px;left:12px}.dock-left>*{pointer-events:auto}.control{flex-direction:column;gap:10px;display:flex}.feed{flex-direction:column;gap:3px;padding:8px 12px;font-size:.85rem;display:flex}.feed-item.good{color:#9be3a2}.feed-item.bad{color:#ffb4ab}.feed-item.info{color:var(--muted)}.stat-row{justify-content:space-between;gap:12px;display:flex}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.value{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.value small,.sub{color:var(--muted);font-size:.8rem;font-weight:400}.ratio{flex-direction:column;gap:4px;display:flex}.ratio small{color:var(--muted)}.leaderboard{width:auto;min-width:220px;max-width:min(460px,100% - 24px);padding:6px 8px;font-size:.85rem;position:absolute;top:12px;left:12px}.leaderboard table{border-collapse:collapse;width:100%;margin-top:6px}.leaderboard td{white-space:nowrap;text-overflow:ellipsis;max-width:130px;padding:2px 4px;overflow:hidden}.leaderboard tr.me td{color:#8cc2ff;font-weight:600}.rank{color:var(--muted);width:24px}.num{text-align:right;font-variant-numeric:tabular-nums}.swatch{border-radius:2px;width:9px;height:9px;margin-right:6px;display:inline-block}.buildbar{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:calc(100% - 376px);padding:6px;display:flex;position:absolute;bottom:12px;right:12px}.tool{flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:6px 6px 4px;font-size:.75rem;display:flex;position:relative}.tool.selected{border-color:var(--accent);background:#2478e84d}.tool.unaffordable{opacity:.5}.tool-icon{width:26px;height:26px}.tool-price{color:#ffd76a;font-variant-numeric:tabular-nums}.tool kbd{color:var(--muted);font-family:inherit;font-size:.65rem;position:absolute;top:2px;left:4px}.attacks{flex-direction:column;gap:4px;min-width:280px;max-height:40vh;display:flex;position:absolute;bottom:96px;left:50%;overflow-y:auto;transform:translate(-50%)}.attack{justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.attack.in{color:#ffb4ab}.attack button{padding:2px 10px}.corner-stack{pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:12px;right:12px}.hover{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;border-radius:8px;flex-direction:column;gap:2px;min-width:190px;padding:6px 10px;font-size:.85rem;display:flex}.modal{background:#00000073;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.game .modal{z-index:30}.end{text-align:center;width:min(420px,100%)}.end h2{margin:4px 0 8px;font-size:2rem}@media (max-width:760px){.leaderboard,.tool-name{display:none}.tool{min-width:44px}}.net-status{pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:calc(100% - 32px);display:flex;position:absolute;top:140px;left:50%;transform:translate(-50%)}.net-pill{background:var(--panel);border:1px solid var(--panel-border);text-align:center;font-variant-numeric:tabular-nums;pointer-events:auto;border-radius:999px;padding:6px 16px}.net-pill.warn{border-color:#e0a84c}.net-pill.bad{border-color:var(--danger)}.net-pill button{border-radius:999px;margin-left:6px;padding:2px 10px}.leaderboard .offline{color:var(--muted);font-size:.75rem;font-weight:400}.multi{flex-direction:column;gap:14px;width:min(520px,100%);max-height:calc(100vh - 32px);display:flex;overflow-y:auto}.multi h2{margin:0}.status-line{color:var(--muted);font-size:.9rem}.message{border:1px solid var(--danger);background:#e2574c1f;border-radius:8px;padding:8px 10px}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:.2em;font-variant-numeric:tabular-nums;flex:1;min-width:0}.public-list{flex-direction:column;gap:6px;display:flex}.public-row{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.public-row .meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.lobby-code{align-items:center;gap:12px;display:flex}.lobby-code strong{letter-spacing:.25em;font-variant-numeric:tabular-nums;font-size:2.2rem}.players{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.players li{background:#ffffff0a;border-radius:6px;padding:4px 8px}.tag{color:var(--muted);border:1px solid var(--panel-border);border-radius:999px;margin-left:8px;padding:0 8px;font-size:.75rem}.tag.host{color:#ffd76a;border-color:#ffd76a66}.readonly .choice:disabled,.readonly .map-card:disabled{opacity:1}.match-options{flex-direction:column;gap:14px;display:flex}.options-panel{width:min(620px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.advanced-options{flex-direction:column;gap:10px;display:flex}.opt-group{border:1px solid var(--panel-border);border-radius:8px;flex-direction:column;gap:8px;margin:0;padding:8px 12px 10px;display:flex}.opt-group legend{color:var(--muted);padding:0 4px;font-size:.85rem}.opt-group.later{opacity:.55}.opt-toggle{align-items:center;gap:8px;display:flex}.opt-number{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.opt-value{align-items:center;gap:6px;display:flex}.opt-value input{width:90px;font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#0000004d;border-radius:6px;padding:4px 6px}.opt-value small{color:var(--muted)}.opt-slider{align-items:center;gap:8px;display:flex}.opt-slider input{flex:1}.choice.off{border-color:var(--danger);background:#e2574c40;text-decoration:line-through}.presets-body{flex-direction:column;gap:6px;margin-top:6px;display:flex}.preset-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.preset-list li{align-items:center;gap:6px;display:flex}.preset-list li span{flex:1}.option-tags{flex-wrap:wrap;gap:6px;display:flex}.option-tags .tag{margin-left:0}.clock.urgent{color:var(--danger)}.tool.off{opacity:.3}.topbar .speeds{gap:2px;display:flex}.topbar button.selected,.topbar .speed.selected{background:var(--accent);border-color:#0000}button.icon{padding:4px 9px}button.small{padding:2px 8px;font-size:.8rem}button.link{text-align:left;color:inherit;background:0 0;border:none;padding:0}button.link:hover:not(:disabled){background:0 0;text-decoration:underline}button.danger{background:var(--danger)}.muted{color:var(--muted)}.feed.main{border-left:3px solid var(--danger);max-height:30vh;font-size:.9rem;overflow-y:auto}.feed.minor{opacity:.9;font-size:.8rem}.feed-item.clickable{text-align:left;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0}.feed-item.clickable:hover{background:0 0;text-decoration:underline}.feed-item.warn{color:#ffd76a}.troop-line .value{align-items:baseline;gap:6px;display:flex}.growth{color:#7ee08a;margin-left:auto;font-size:.8rem;font-weight:500}.growth.slowing{color:#ffb02e}.troop-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-top:4px;display:flex;overflow:hidden}.troop-bar.thin{height:5px;margin:2px 0 4px}.troop-bar .here{background:#3d8df0}.troop-bar .away{background:#e0a84c}.gold-box{position:relative}.gold-gain{color:#ffd23f;white-space:nowrap;pointer-events:none;margin-left:6px;font-weight:700;animation:2s ease-out forwards gold-gain;position:absolute;top:18px;left:100%}@keyframes gold-gain{0%{opacity:0;transform:translateY(6px)}15%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.help-line{color:#ffd76a;font-size:.8rem}.tool-owned{color:var(--text);background:#ffffff24;border-radius:6px;padding:0 4px;font-size:.65rem;position:absolute;top:2px;right:4px}.lb-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.lb-head small{color:var(--muted)}.lb-columns{grid-template-columns:1fr 1fr;gap:2px 10px;padding:6px 2px;font-size:.8rem;display:grid}.lb-scroll{max-height:min(46vh,420px);overflow-y:auto}.leaderboard th{color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap;background:#101826f7;padding:2px 4px;font-size:.75rem;font-weight:500;position:sticky;top:0}.leaderboard th.num{text-align:right}.leaderboard tbody tr,.leaderboard tfoot tr{cursor:pointer}.leaderboard tbody tr:hover td{background:#ffffff0f}.leaderboard tfoot td{border-top:1px solid var(--panel-border);background:#101826f7;position:sticky;bottom:0}.hover-title{align-items:center;gap:4px;display:flex}.hover-title small{color:var(--muted);margin-left:auto;padding-left:8px}.hover-row{justify-content:space-between;gap:12px;display:flex}.hover-unit{color:#ffd76a}.hover-units{color:var(--muted);flex-wrap:wrap;gap:2px 8px;font-size:.78rem;display:flex}.attacks{padding:6px 10px}.attack button.link{font-size:.9rem}.alert-frame{pointer-events:none;border:17px solid #0000;animation:.8s ease-in-out 2 alert-flash;position:absolute;inset:0}.alert-frame.attack{--alert:#ff8c1ebf}@keyframes alert-flash{0%,to{border-color:#0000}50%{border-color:var(--alert)}}.perf{pointer-events:none;gap:6px;display:flex}.perf-pill{background:var(--panel);border:1px solid var(--panel-border);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-size:.8rem}.perf-pill.bad{border-color:var(--danger);color:#ffb4ab}.keys-list{overflow-y:auto}.keys-list h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;font-size:.85rem}.key-row{align-items:center;gap:6px;padding:2px 0;font-size:.88rem;display:flex}.key-label{flex:1}.key-row.conflict .key-label,.key-row.conflict .key-value{color:#ffb4ab}.key-row.conflict .key-value{border-color:var(--danger)}.key-value{font-variant-numeric:tabular-nums;min-width:110px;padding:3px 8px}.key-value.capturing{border-color:var(--accent);background:#2478e84d}@media (max-width:760px){.hover{display:none}}:root{--panel-solid:#101826}.home .home-panel{gap:16px;width:min(460px,100%);padding:32px 30px 20px}.home .title{background:linear-gradient(120deg,#fff,#8fc0ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,9vw,3.3rem);line-height:1.1}.home .tagline{margin:0}.home-actions{flex-direction:column;gap:10px;display:flex}.home-row{gap:10px;display:flex}.home-row .big{flex:1;width:auto}.news-teaser{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;display:flex}.news-teaser small{color:var(--muted)}.badge{background:var(--accent);color:#fff;border-radius:999px;margin-right:8px;padding:0 8px;font-size:.7rem;display:inline-block}.home-footer{color:var(--muted);justify-content:center;align-items:center;gap:16px;font-size:.8rem;display:flex}button.link{color:var(--muted);font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}button.link:hover:not(:disabled){color:var(--text);background:0 0}.home .credits{margin:0}.name-row{gap:8px;display:flex}.name-row input{flex:1;min-width:0}.name-row button{white-space:nowrap}.field input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:#ffb4ab;font-size:.8rem}.ok-text{color:#9be3a2;margin:0;font-size:.9rem}.actions.start{justify-content:flex-start;align-items:center}button.danger{background:var(--danger);border-color:#0000}button.danger:hover:not(:disabled){background:#ee6a5f}.page{width:min(760px,100%);max-height:calc(100vh - 32px);flex-direction:column;gap:14px;max-height:calc(100dvh - 32px);display:flex;overflow-y:auto}.page h2,.page h3{margin:0}.page h3{color:#cfe0f7;font-size:1.05rem}.page>.actions{background:var(--panel-solid);border-top:1px solid var(--panel-border);margin:0 -14px -12px;padding:10px 14px;position:sticky;bottom:-12px}.page p{margin:0}.help-modal{z-index:5}.help-window{max-height:calc(100% - 8px)}.help section{margin-bottom:18px}.help section>h3{margin-bottom:8px}.help ol{flex-direction:column;gap:6px;margin:0;padding-left:1.3em;display:flex}.help kbd{border:1px solid var(--panel-border);font:inherit;white-space:nowrap;background:#ffffff14;border-bottom-width:2px;border-radius:6px;padding:1px 7px;font-size:.8rem;display:inline-block}.help .or{color:var(--muted);font-size:.8rem}.help-table{border-collapse:collapse;width:100%}.help-table th,.help-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:6px 8px}.help-table th{width:36%;font-weight:500}.help-panels{flex-direction:column;gap:8px;margin:0;display:flex}.help-panels dt{font-weight:600}.help-panels dd{color:var(--muted);margin:0}.help-tools{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.help-tool{border:1px solid var(--panel-border);background:#ffffff0a;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.help-tool header{align-items:center;gap:8px;display:flex}.help-tool .price{color:#ffd76a;font-variant-numeric:tabular-nums;margin-left:auto}.help-tool p{font-size:.9rem}.diagnostics{border-collapse:collapse;width:100%}.diagnostics th,.diagnostics td{text-align:left;border-bottom:1px solid #ffffff0f;padding:5px 8px}.diagnostics th{width:40%;color:var(--muted);font-weight:500}.diagnostics tr.bad td{color:#ffb4ab}.tips{margin:0 0 6px;padding-left:1.2em}.copy-area{width:100%;color:var(--text);border:1px solid var(--panel-border);background:#0000004d;border-radius:8px;padding:8px 10px;font:.8rem ui-monospace,Consolas,monospace}.confirm{border:1px solid var(--danger);background:#e2574c1a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.confirm span{flex:220px}.steps{flex-direction:column;gap:8px;margin:0;padding-left:1.3em;display:flex}.news-list{flex-direction:column;gap:16px;display:flex}.news-entry{border-left:3px solid var(--accent);padding-left:12px}.news-entry h3{margin:2px 0 6px}@media (max-width:560px){.home .home-panel{padding:24px 18px 16px}.name-row{flex-wrap:wrap}.help-table,.help-table tbody,.help-table tr,.help-table th,.help-table td{width:auto;display:block}.help-table th{border-bottom:none;padding-bottom:0}.confirm button{flex:1}}.lobby-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field input[type=number]{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#0000004d;border-radius:8px;padding:8px 10px}.players li .kick{float:right;padding:0 10px;font-size:.8rem}:is(.screen,.editor,.cq-tokens){--cq-bg:#131617;--cq-panel:#1a1e1f;--cq-panel-2:#22272a;--cq-panel-3:#2c3236;--cq-field:#101314;--cq-line:#353c3f;--cq-line-2:#4a5357;--cq-text:#e4e1d4;--cq-muted:#8f958c;--cq-mark:#e8c33a;--cq-mark-hover:#f3d04e;--cq-mark-ink:#15150d;--cq-ok:#7fbf5a;--cq-display:Bahnschrift, "DIN Alternate", "DIN 2014", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--cq-body:"Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--cq-mono:"Cascadia Mono", Consolas, ui-monospace, Menlo, "DejaVu Sans Mono", monospace;--bg:var(--cq-bg);--panel:var(--cq-panel);--panel-solid:var(--cq-panel);--panel-border:var(--cq-line-2);--text:var(--cq-text);--muted:var(--cq-muted);--accent:var(--cq-mark);--accent-hover:var(--cq-mark-hover);--radius:0px}:is(.screen,.editor){color:var(--cq-text);font-family:var(--cq-body);background-color:var(--cq-bg);background-image:linear-gradient(var(--cq-panel) 1px, transparent 1px), linear-gradient(90deg, var(--cq-panel) 1px, transparent 1px);background-position:50%;background-size:72px 72px}:is(.screen,.editor) .panel{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0}:is(.screen,.editor) h2{font:600 1.45rem/1.1 var(--cq-display);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;display:flex}:is(.screen,.editor) h2:before{content:"";background:var(--cq-mark);flex:none;width:9px;height:1.1em}:is(.screen,.editor) .panel>h2:first-child{background:var(--cq-bg);border-bottom:1px solid var(--cq-line);margin:-12px -14px 0;padding:12px 14px}:is(.screen,.editor) h3,:is(.screen,.editor) .page h3{font:600 1.05rem/1.2 var(--cq-display);letter-spacing:.08em;text-transform:uppercase;color:var(--cq-text)}:is(.screen,.editor) .field>span,:is(.screen,.editor) .opt-group legend{font:500 .78rem var(--cq-display);letter-spacing:.14em;text-transform:uppercase}:is(.screen,.editor) button{background:var(--cq-panel-2);border-color:var(--cq-line-2);border-radius:0}:is(.screen,.editor) button:hover:not(:disabled){background:var(--cq-panel-3)}:is(.screen,.editor) button.primary,:is(.screen,.editor) .choice.selected,:is(.screen,.editor) .map-tab.selected{background:var(--cq-mark);color:var(--cq-mark-ink);border-color:#0000}:is(.screen,.editor) button.primary{font-family:var(--cq-display);letter-spacing:.08em;text-transform:uppercase;font-weight:600}:is(.screen,.editor) button.primary:hover:not(:disabled),:is(.screen,.editor) .choice.selected:hover:not(:disabled),:is(.screen,.editor) .map-tab.selected:hover:not(:disabled){background:var(--cq-mark-hover)}:is(.screen,.editor) button.danger{background:var(--danger);border-color:#0000}:is(.screen,.editor) button.danger:hover:not(:disabled){background:#ee6a5f}:is(.screen,.editor) button.link,:is(.screen,.editor) button.link:hover:not(:disabled){background:0 0;border:none}:is(.screen,.editor) button:focus-visible,:is(.screen,.editor) input:focus-visible,:is(.screen,.editor) select:focus-visible{outline:2px solid var(--cq-mark);outline-offset:2px}:is(.screen,.editor) input:not([type]),:is(.screen,.editor) input[type=text],:is(.screen,.editor) input[type=number],:is(.screen,.editor) input[type=search],:is(.screen,.editor) select,:is(.screen,.editor) textarea{background:var(--cq-field);border-color:var(--cq-line-2);border-radius:0}:is(.screen,.editor) .map-card.selected{border-color:var(--cq-mark);background:#e8c33a24}:is(.screen,.editor) .map-card img,:is(.screen,.editor) .message,:is(.screen,.editor) .public-row,:is(.screen,.editor) .players li,:is(.screen,.editor) .help-tool,:is(.screen,.editor) .copy-area,:is(.screen,.editor) .sound-panel button{border-radius:0}:is(.screen,.editor) .tag,:is(.screen,.editor) .badge{font-family:var(--cq-display);letter-spacing:.08em;text-transform:uppercase;border-radius:0}:is(.screen,.editor) .badge{color:var(--cq-mark-ink)}:is(.screen,.editor) .tag.host{color:var(--cq-mark);border-color:var(--cq-mark)}:is(.screen,.editor) .public-row,:is(.screen,.editor) .players li{background:var(--cq-panel-2)}:is(.screen,.editor) .lobby-code strong{font-family:var(--cq-mono);color:var(--cq-mark)}:is(.screen,.editor) .join-row input{font-family:var(--cq-mono)}:is(.screen,.editor) .public-row strong{font:600 1.05rem var(--cq-display);letter-spacing:.06em;text-transform:uppercase}:is(.screen,.editor) kbd{border-radius:2px}.screen .account-tabs button[aria-selected=true]{border-color:var(--cq-mark);background:#e8c33a24}.screen .settings-tabs button.selected{background:var(--cq-mark);color:var(--cq-mark-ink)}.screen .account-note{border-color:var(--cq-mark);background:#e8c33a1a}.screen .account-table tr.me td{background:#e8c33a1f}.screen .account-table th,.screen .recent-games h3{font-family:var(--cq-display);letter-spacing:.08em;text-transform:uppercase}.screen .account-panel .field input[type=password],.screen .account-panel .field input[type=email]{background:var(--cq-field);border-color:var(--cq-line-2);border-radius:0}.screen .account-note,.screen .account-stats>div,.screen .account-list li,.screen details.account-section,.screen .recent-list li,.screen .rg-mode,.screen .settings-tabs button,.screen .map-picker-bar input,.editor .editor-tag,.editor .panel{border-radius:0}.screen .recent-list li,.screen .account-stats>div,.screen .account-list li{background:var(--cq-panel-2)}.screen .rg-mode,.editor .editor-tag{font-family:var(--cq-display);letter-spacing:.08em;text-transform:uppercase}.editor .editor-bar strong{font:600 1.05rem var(--cq-display);letter-spacing:.08em;text-transform:uppercase}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--touch-target:40px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overscroll-behavior:none}.game{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game button,.game input,.game select,.game label{touch-action:manipulation}.game :is(.lb-scroll,.feed.main,.attacks,.settings-body,.es-scroll,.diplo-window,.diplo-right,.build-menu,.page,.keys-list,.modal .panel){touch-action:pan-x pan-y;overscroll-behavior:contain}.topbar{top:calc(12px + var(--safe-top))}.leaderboard{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left))}.dock-left{left:calc(12px + var(--safe-left));bottom:calc(12px + var(--safe-bottom))}.buildbar{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom))}.corner-stack{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right))}.modal,.diplo-modal{padding:max(16px, var(--safe-top)) max(16px, var(--safe-right)) max(16px, var(--safe-bottom)) max(16px, var(--safe-left))}.multi,.options-panel,.page,.panel.settings-panel,.end.with-stats,.stats-window{max-height:calc(100dvh - 32px)}.build-menu{max-height:88dvh}@media (pointer:coarse){.game button:not(.link):not(.feed-item),.game select,.game input:not([type=range]):not([type=checkbox]):not([type=radio]){min-height:var(--touch-target)}.game button.icon,.game button.small:not(.link){min-width:var(--touch-target)}.topbar button{padding:4px 14px}.game input[type=range]{height:var(--touch-target)}.game input[type=checkbox],.game input[type=radio]{width:22px;height:22px}.game label:has(>input[type=checkbox]){min-height:var(--touch-target);align-items:center;gap:8px;display:flex}.feed-item.clickable,.attack button.link,.diplo-right button.link{align-items:center;min-height:36px;display:flex}.leaderboard td,.leaderboard th{padding:8px 6px}.leaderboard .lb-head button.link{min-height:var(--touch-target)}.tool kbd,.emoji-favs kbd{display:none}.buildbar .tool{touch-action:none;min-width:52px;min-height:56px}.tool-icon{width:28px;height:28px}.screen:not(.hm-home) button:not(.link),.screen:not(.hm-home) select,.screen:not(.hm-home) input:not([type=range]):not([type=checkbox]):not([type=radio]){min-height:var(--touch-target)}:is(.game,.screen:not(.hm-home)) :is(input,select,textarea){font-size:max(16px,1em)}.screen:not(.hm-home) input[type=checkbox],.screen:not(.hm-home) input[type=radio]{width:22px;height:22px}.screen:not(.hm-home) input[type=range]{height:var(--touch-target)}.screen:not(.hm-home) label:has(>input[type=checkbox]){min-height:var(--touch-target)}.map-info,.map-star{width:32px;height:32px}}.topbar-menu,.topbar .menu-only{display:none}.topbar-extra{display:contents}.tool-bubble{white-space:pre-line;pointer-events:none;z-index:4;width:min(280px,100vw - 24px);padding:8px 10px;font-size:.85rem;position:absolute;bottom:calc(100% + 8px);right:0}.touch-bar{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.touch-bar button{flex:auto;min-height:44px;font-weight:600}.touch-bar button.selected{background:var(--accent);border-color:#0000}.touch-hint{color:#ffd76a;flex:100%;font-size:.8rem}.panel-fold{display:none}.dock-left .attacks{min-width:0;max-height:24vh;max-height:24dvh;position:static;transform:none}@media (max-width:760px),(max-height:500px){.topbar{gap:4px;padding:4px 4px 4px 10px}.topbar-menu{display:inline-block}.topbar-extra{display:none}.topbar.open .topbar-extra{z-index:6;width:min(340px, calc(100vw - 16px - var(--safe-left) - var(--safe-right)));background:var(--panel-solid,var(--panel));border:1px solid var(--panel-border);border-radius:var(--radius);flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.topbar.open .menu-only{display:inline-block}.topbar.open .topbar-extra .speeds{flex:100%;justify-content:flex-end}.topbar .sound-panel{width:min(300px,100vw - 24px);left:auto;right:0;transform:none}.leaderboard{min-width:0;padding:4px 8px;display:block}.leaderboard td{max-width:96px}.lb-scroll{max-height:38vh;max-height:38dvh}.dock-left{max-height:calc(100dvh - 76px - var(--safe-top) - var(--safe-bottom));gap:6px}.dock-left>.feed,.dock-left>.attacks{flex:0 auto;min-height:0;overflow-y:auto}.feed.minor{display:none}.feed.main{max-height:16vh;max-height:16dvh;padding:6px 10px}.control{gap:6px;padding:8px 10px;position:relative}.panel-fold{display:inline-block;position:absolute;top:4px;right:4px}.control .troop-line .value{padding-right:44px;font-size:1.05rem}.control .value{font-size:1.05rem}.control.folded .stat-row,.control.folded .help-line,.control.folded .troop-bar{display:none}.diplo-right{z-index:3}.banner,.notice{max-width:calc(100% - 24px);font-size:.85rem}.net-status{top:calc(110px + var(--safe-top))}.corner-stack{top:calc(56px + var(--safe-top))}}@media (max-width:600px){.topbar{left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));top:calc(8px + var(--safe-top));border-radius:var(--radius);justify-content:flex-start;transform:none}.topbar .clock{margin-right:auto}.leaderboard{top:calc(64px + var(--safe-top));left:calc(8px + var(--safe-left));max-width:calc(100% - 92px - var(--safe-left) - var(--safe-right))}.leaderboard:not(.closed){z-index:4}.banner{top:calc(108px + var(--safe-top))}.notice{top:calc(150px + var(--safe-top))}.immunity-bar{top:calc(58px + var(--safe-top));width:min(320px,70vw)}.immunity-bar~.leaderboard,.immunity-bar~.buildbar{top:calc(84px + var(--safe-top))}.immunity-bar~.diplo-right{top:calc(132px + var(--safe-top))}.buildbar{top:calc(64px + var(--safe-top));right:calc(8px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));overscroll-behavior:contain;touch-action:pan-y;flex-flow:column;justify-content:flex-start;width:68px;max-width:none;padding:4px;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.buildbar .tool{touch-action:pan-y;flex:none;width:100%;min-width:0;padding:4px 2px}.buildbar .tool-price{font-size:.68rem}.tool-bubble{width:min(240px,100vw - 100px);top:0;bottom:auto;right:calc(100% + 8px)}.dock-left{left:calc(8px + var(--safe-left));right:calc(84px + var(--safe-right));bottom:calc(8px + var(--safe-bottom));width:auto}.diplo-right{left:calc(8px + var(--safe-left));right:calc(84px + var(--safe-right));top:calc(112px + var(--safe-top));width:auto;max-height:52vh;max-height:52dvh}.game>.attacks{left:calc(8px + var(--safe-left));right:calc(84px + var(--safe-right));min-width:0;max-height:24vh;bottom:45vh;transform:none}.alert-frame{border-width:10px}}@media (max-height:500px) and (min-width:601px){.topbar{top:calc(6px + var(--safe-top))}.leaderboard{top:calc(6px + var(--safe-top));max-width:calc(50% - 170px)}.lb-scroll{max-height:52dvh}.dock-left{width:min(300px,40vw);bottom:calc(6px + var(--safe-bottom));max-height:calc(100dvh - 64px - var(--safe-top) - var(--safe-bottom))}.buildbar{bottom:calc(6px + var(--safe-bottom));max-width:calc(100% - min(300px, 40vw) - 36px - var(--safe-left) - var(--safe-right));padding:4px}.buildbar .tool{min-width:48px;min-height:48px;padding:3px}.tool-name{display:none}.diplo-right{top:calc(56px + var(--safe-top));max-height:calc(100dvh - 180px)}.game>.attacks{bottom:auto;top:calc(56px + var(--safe-top));max-height:40dvh}.banner{top:calc(52px + var(--safe-top))}.immunity-bar{top:calc(48px + var(--safe-top));width:min(260px,50vw)}.modal .panel,.diplo-window{max-height:calc(100dvh - 16px);overflow-y:auto}}@media (max-width:600px){.screen:not(.hm-home){padding:max(8px, var(--safe-top)) max(8px, var(--safe-right)) max(8px, var(--safe-bottom)) max(8px, var(--safe-left))}.screen:not(.hm-home) .panel{padding:12px}.screen:not(.hm-home) :is(.multi,.options-panel,.page,.setup,.account-panel){max-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom));overflow-y:auto}.screen:not(.hm-home) .page>.actions{margin:0 -12px -12px;padding:10px 12px}.lobby-options{grid-template-columns:1fr}.lobby-code{flex-wrap:wrap}.lobby-code strong{letter-spacing:.15em;font-size:1.8rem}.public-row{flex-wrap:wrap}.actions>button{flex:auto}.opt-number{align-items:stretch}.help-tools{grid-template-columns:1fr}.sound-panel{width:min(300px,100vw - 24px)}.settings-tabs button{flex:auto}.settings-slider{grid-template-columns:1fr 56px}.key-row{flex-wrap:wrap}.map-grid{max-height:46dvh}.map-facts dt{flex-basis:100%}.emoji-favs{grid-template-columns:repeat(3,1fr)}}@media (max-width:420px){.maps{grid-template-columns:repeat(2,1fr)}.lb-columns,.player-panel .pp-buttons{grid-template-columns:1fr}.gift-shares,.emoji-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:761px) and (max-width:1600px) and (min-height:501px){.leaderboard{top:calc(58px + var(--safe-top))}}@media (min-width:761px) and (max-width:1320px) and (min-height:501px){.corner-stack{top:calc(62px + var(--safe-top))}}@media (min-width:761px) and (max-width:1100px){.buildbar .tool{min-width:54px;padding:6px 3px 4px;font-size:.7rem}}