@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-greek.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 600;font-stretch:100%;font-display:swap;src:url(/fonts/ibm-plex-sans-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{color-scheme:dark;--ink: #e8ecf1;--panel: #151c27;--edge: #2b3646;--button-padding: 1rem;--bg: #292929;--bg-pattern: #ffffff12;--bg-pattern-size: 4px;--bg-pattern-gap: 64px;--backdrop-dim: .28;--backdrop-blur: 20px;--home-dim: .6;--panel-color: #000000a6;--panel-hover: #2c2c2ce7;--panel-green: #00af20a6;--panel-green-hover: #00af20b6;--panel-red: #760000a6;--panel-red-hover: #760000b6;--panel-violet: #7c3aeda6;--panel-violet-hover: #7c3aedb6;--brand: #ef6400;--text-white: #ffffff;--text-mute: #ffffffa6;--text-faint: #ffffff73;--text-yellow: #f8ff2b;--text-green: #4ade5a;--text-red: #ff5a5a}*{box-sizing:border-box}html,body,#app{margin:0;color:var(--ink);font:14px/1.45 IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}html{min-height:100%}body[data-playing],body[data-playing] #app{height:100%}html{background:var(--bg)}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;background:var(--bg);opacity:0;animation:loading-in .3s .8s ease-out forwards}@keyframes loading-in{to{opacity:1}}.loading__spinner{width:2.25rem;height:2.25rem;border:3px solid #ffffff26;border-top-color:var(--text-white);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading__text{margin:0;color:var(--text-faint);font-size:12px;letter-spacing:.14em;text-transform:uppercase}body[data-playing]{overflow:hidden}@media(pointer:coarse){:where(body[data-playing]) *{touch-action:manipulation}}.site-socials{position:fixed;z-index:2;right:calc(1rem + env(safe-area-inset-right,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));display:flex;gap:.75rem}.site-socials__link{display:grid;width:30px;height:30px;place-items:center;text-decoration:none;opacity:.78}.site-socials__link:hover{opacity:1}.site-socials__link:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.site-socials__icon{display:block;width:26px;height:26px;object-fit:contain}.site-privacy{position:fixed;z-index:2;left:calc(1rem + env(safe-area-inset-left,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));color:var(--text-mute);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.cookie-banner{position:fixed;z-index:20;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:1rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;width:min(760px,calc(100% - 2rem));margin:auto;padding:1rem;background:#090d14f5;box-shadow:0 8px 30px #00000080}.cookie-banner strong{display:block;margin-bottom:.25rem;font-size:15px}.cookie-banner p{margin:0;color:var(--text-mute)}.cookie-banner__actions,.privacy__actions{display:flex;gap:2px}.cookie-banner__actions button,.privacy__actions button{padding:.8rem 1rem;background:var(--panel-color);border:0;border-radius:0;white-space:nowrap}@media(max-width:640px){.site-socials{right:auto;left:50%;bottom:calc(.5rem + env(safe-area-inset-bottom,0px));transform:translate(-50%)}body[data-route=home] .menu,body[data-route=play] .menu{padding-bottom:5rem}.site-privacy{bottom:calc(.85rem + env(safe-area-inset-bottom,0px))}.cookie-banner{grid-template-columns:1fr}.cookie-banner__actions button{flex:1 1 0}}body:before{content:"";position:fixed;inset:calc(-3 * var(--backdrop-blur));z-index:-1;background:url(/backdrop.webp) center / cover no-repeat,url(/backdrop.jpg) center / cover no-repeat;filter:blur(var(--backdrop-blur)) brightness(var(--backdrop-dim))}body[data-route]:before{top:0;right:0;bottom:0;left:0;background:url(/background.webp) center / cover no-repeat;filter:brightness(var(--home-dim))}body[data-playing]:before{display:none}.shell{padding:0 2rem 5rem;color:var(--text-white)}body[data-route=home] .shell,body[data-route=play] .shell{padding:0}.page{max-width:900px;margin:0 auto}.page--narrow,.page--prose{max-width:680px}.page__title{margin:4rem 0 1rem;font-size:30px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-align:center}.page__lead{margin:0 0 .5rem;color:var(--text-mute);font-size:16px;text-align:center}.page--prose p{margin:0 0 .75rem;color:var(--text-mute)}.privacy>section{margin-top:2px;padding:1.5rem;background:var(--panel-color)}.privacy h2,.privacy h3{margin:0 0 .75rem}.privacy h2{font-size:18px}.privacy h3{font-size:14px}.privacy ul{margin:0;padding-left:1.25rem;color:var(--text-mute)}.privacy li+li{margin-top:.5rem}.privacy__table-wrap{overflow-x:auto}.privacy__table{width:100%;border-collapse:collapse;color:var(--text-mute)}.privacy__table th,.privacy__table td{padding:.75rem;border-bottom:1px solid #ffffff1a;text-align:left;vertical-align:top}.privacy__table th{color:var(--text-white);font-weight:500}.privacy__consent{margin-top:1.5rem}.privacy__actions button[aria-pressed=true]{background:var(--panel-green)}.privacy__back{display:block;margin-top:2px}@media(max-width:640px){.privacy>section{padding:1rem}.privacy__actions{flex-direction:column}}.page__aside{color:var(--text-faint);font-size:13px}.page__more{margin-top:3rem}a{color:inherit;text-decoration-color:#ffffff59;text-underline-offset:3px}a:hover{color:var(--text-yellow);text-decoration-color:currentColor}code{padding:1px 6px;background:#ffffff1a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}kbd{padding:2px 7px;background:#ffffff1a;font:inherit;font-size:12px}@media(max-width:640px){.shell{padding:0 1rem 4rem}.rules-table tbody th{white-space:normal}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px}.card{padding:1.5rem;background-color:var(--panel-color)}.card__title{margin:0 0 .6rem;font-size:16px;font-weight:600}.card p{margin:0;color:var(--text-mute)}.menu{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:2rem 1rem}.menu__panel{width:min(26rem,100%)}.menu__panel--setup,.menu__panel--lobby{width:min(38rem,100%)}.menu__panel--lobby{display:flex;flex-direction:column;max-height:calc(100dvh - 4rem)}.menu__panel--setup .page__title,.menu__panel--lobby .page__title{margin-top:0}.menu__mark{position:relative;z-index:0;margin:0 0 1.5rem;font-size:clamp(34px,9vw,52px);font-weight:600;letter-spacing:.08em;text-indent:.08em;text-align:center}.menu__fire{color:var(--text-white)}.menu__front{position:relative;color:var(--brand)}.menu__heat{position:relative}.menu__glow{position:absolute;top:50%;left:50%;width:100%;aspect-ratio:5 / 2;translate:-50% -50%;background:radial-gradient(closest-side,#ef64004d,#ef640017 60%,transparent 88%);filter:blur(12px);animation:menu-breathe 7s ease-in-out infinite}@keyframes menu-breathe{0%,to{opacity:.6;scale:1}50%{opacity:1;scale:1.07}}.menu__embers{position:absolute;top:-6rem;right:0;bottom:0;left:0;z-index:-1}.menu__ember{position:absolute;bottom:.2rem;left:var(--x);width:var(--size);height:calc(var(--size) * var(--long));border-radius:50%/72% 72% 28% 28%;background:linear-gradient(to top,#ef6400,#ff9c3a 50%,#ffeec4);box-shadow:0 0 8px 2px #ef6400b3;opacity:0;animation:menu-ember var(--dur) linear var(--delay) infinite}@keyframes menu-ember{0%{opacity:0;transform:translate(0) scale(.5)}12%{opacity:var(--peak)}25%{transform:translate(calc(var(--drift) * .6),calc(var(--rise) * -.44)) scale(.85)}50%{transform:translate(var(--drift),calc(var(--rise) * -.75)) scale(1)}60%{opacity:calc(var(--peak) * .55)}78%{opacity:0;transform:translate(calc(var(--drift) * .25),calc(var(--rise) * -.95)) scale(.5)}to{opacity:0;transform:translate(calc(var(--drift) * -.45),calc(var(--rise) * -1)) scale(.3)}}@media(prefers-reduced-motion:reduce){.menu__glow{animation:none}.menu__embers{display:none}}.menu__buttons{display:grid;gap:6px;margin-top:1.25rem}.menu__button{padding:var(--button-padding);background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.menu__button:hover:not(:disabled){background-color:var(--panel-hover)}.menu__button--go{background-color:var(--panel-green)}.menu__button--go:hover:not(:disabled){background-color:var(--panel-green-hover)}.spotlight,.field-notes{position:absolute;top:50%;width:19rem;transform:translateY(-50%)}.spotlight{left:clamp(2rem,4vw,5rem)}.field-notes{right:clamp(2rem,4vw,5rem)}.spotlight__header,.field-notes__header{margin-bottom:.75rem}.spotlight__eyebrow,.field-notes__label,.spotlight__platform{color:var(--brand);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.field-notes__label{margin:0}.spotlight__header h2{margin:.15rem 0 0;font-size:20px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.spotlight__card,.spotlight__empty{display:flex;flex-direction:column;padding:.75rem;background:var(--panel-color);text-decoration:none}.spotlight__card[hidden]{display:none}.spotlight__card:hover{background:var(--panel-hover);color:var(--text-white)}.spotlight__image{position:relative;display:grid;width:100%;aspect-ratio:16 / 9;place-items:center;overflow:hidden;background:linear-gradient(#00000029,#000000a6),url(/background.webp) center / cover}.spotlight__image:before{content:"▶";z-index:1;color:var(--text-white);font-size:24px;text-shadow:0 2px 12px #000}.spotlight__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.spotlight__open{position:absolute;z-index:1;top:.5rem;right:.6rem;font-size:18px}.spotlight__platform{margin-top:.75rem}.spotlight__title{margin-top:.2rem;font-size:17px;line-height:1.25}.spotlight__creator{margin-top:.35rem;color:var(--text-mute);font-size:12px}.spotlight__empty{min-height:11rem;justify-content:center;gap:.5rem}.spotlight__empty-mark{color:var(--brand);font-size:28px;line-height:1}.spotlight__empty strong{font-size:16px}.spotlight__empty>span:last-child{color:var(--text-mute);font-size:13px}.spotlight__controls{display:flex;gap:2px;align-items:center;margin-top:2px}.spotlight__controls button{width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:0;background:var(--panel-color);color:var(--text-white);font-size:18px}.spotlight__controls button:hover{background:var(--panel-hover)}.spotlight__count{flex:1;color:var(--text-mute);font-size:12px;text-align:center}.spotlight__submit{display:flex;justify-content:space-between;margin-top:6px;padding:.8rem;background:var(--panel-color);font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.spotlight__submit:hover{background:var(--panel-hover);color:var(--text-white)}.spotlight a:focus-visible,.spotlight button:focus-visible,.field-notes button:focus-visible{outline:2px solid var(--text-yellow);outline-offset:2px}.field-notes__card{padding:1.25rem;background:var(--panel-color)}.field-notes__card[hidden]{display:none}.field-notes__card h3{margin:0 0 .75rem;font-size:19px;line-height:1.25}.field-notes__card p{margin:0;color:var(--text-mute);font-size:13px;line-height:1.55}.field-notes__next{display:flex;align-items:center;gap:.35rem;min-height:40px;margin:.5rem 0 0 auto;padding:.5rem;border:0;border-radius:0;background:none;color:var(--text-mute);font:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.field-notes__next:hover{color:var(--text-white)}.field-notes__announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1100px){body[data-route=home] .menu{display:block;padding:0 1rem 6rem}body[data-route=home] .menu__panel{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;margin:0 auto;padding:4rem 0 6rem}.spotlight,.field-notes{position:static;width:min(26rem,100%);margin:0 auto;transform:none}.field-notes{margin-top:2rem}}@media(max-width:1250px){.lobby .field-notes{position:static;width:auto;margin:0;transform:none}}.not-found{text-align:center}.not-found__code{margin:0;color:var(--brand);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(4rem,18vw,7rem);font-weight:600;letter-spacing:.08em;line-height:1}.not-found .page__title{margin:1rem 0 .75rem}.menu__join{display:grid;grid-template-columns:1fr auto;gap:2px;margin-top:6px}.menu__code{min-width:0;padding:1rem;background-color:var(--panel-color);color:var(--text-white);border:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.3em;text-transform:uppercase}.menu__code::placeholder{color:var(--text-faint);letter-spacing:normal;text-transform:none;opacity:1}.menu__code:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.menu__corner{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));display:flex;gap:2px}.menu__help{position:absolute;top:calc(1rem + env(safe-area-inset-top,0px));left:calc(1rem + env(safe-area-inset-left,0px))}.corner{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem 1rem;background-color:var(--panel-color);color:var(--text-faint);border:0;font-weight:600;line-height:20px;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.corner:hover{background-color:var(--panel-hover);color:var(--text-white)}.corner:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.corner--in,.corner--icon{padding:.75rem;color:var(--text-white)}.corner__glyph{width:20px;height:20px;display:block}@media(max-width:26rem){.corner__more{display:none}}.menu__hint{pointer-events:none;position:absolute;right:0;z-index:1;padding:.5rem .9rem;background-color:var(--panel-green);color:var(--text-white);font-weight:600;white-space:nowrap}.menu__hint[hidden]{display:none}.menu__hint:after{content:"";position:absolute;right:1.2rem;border:.5rem solid transparent}.menu__hint--below{top:calc(100% + .75rem)}.menu__hint--below:after{bottom:100%;border-bottom-color:var(--panel-green)}.menu__hint--above{bottom:calc(100% + .75rem)}.menu__hint--above:after{top:100%;border-top-color:var(--panel-green)}.account{display:flex;flex-direction:column;gap:6px}.account__lead{margin:0 0 6px;color:var(--text-faint);line-height:1.5;text-align:left}.account__lead strong{color:var(--text-white);font-weight:600}.account__google{position:relative}.account__provider{display:flex;gap:.75rem;align-items:center;justify-content:center}.account__mark{width:17px;height:20px;flex:none}.account__mark--g{width:18px;height:18px}.account__google:hover .account__google-face{background-color:var(--panel-hover)}.account__google:focus-within .account__google-face{outline:2px solid var(--text-yellow);outline-offset:-2px}.account__google-gsi{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;color-scheme:light}.account__google-gsi,.account__google-gsi>div,.account__google-gsi>div>div{display:flex;align-items:stretch}.account__google-gsi>div,.account__google-gsi>div>div{flex:1 1 auto;min-width:0}.account__google-gsi [role=button]{width:100%!important;max-width:none!important;height:auto!important;align-self:stretch}.account__providers,.account__form{display:flex;flex-direction:column;gap:2px}.account__actions{display:grid;grid-template-columns:1fr 1fr;gap:2px}.account__actions:has(>:only-child){grid-template-columns:1fr}@media(max-width:26rem){.account__actions{grid-template-columns:1fr}}.account__field{min-width:0;padding:1rem;background-color:var(--panel-color);color:var(--text-white);border:0}.account__field::placeholder{color:var(--text-faint);opacity:1}.account__field:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.account__rule{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin:.5rem 0;color:var(--text-faint);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase}.account__rule:before,.account__rule:after{content:"";height:1px;background-color:var(--text-faint);opacity:.4}.account__link{align-self:flex-start;padding:.5rem 0;background:none;color:var(--text-faint);border:0;text-decoration:underline}.account__link:hover{color:var(--text-white)}#account-delete-open{text-transform:none}.account__legal{margin:.5rem 0 0;color:var(--text-faint);font-size:12px}.account__note{margin:.25rem 0 0;line-height:1.4;text-align:left}.account__note--error{color:var(--text-red)}.account__note--ok{color:var(--text-yellow)}.account__danger{margin-top:1rem;padding-top:.5rem;border-top:1px solid var(--edge)}.account__danger p,.account__danger label{color:var(--text-faint);line-height:1.5}.account__danger label{display:block;margin:.5rem 0}.account__delete-button{color:var(--text-red)}.nation{display:grid;grid-template-columns:1fr auto;gap:2px}.nation__name{padding:1rem;min-width:0;background-color:var(--panel-color);color:var(--text-white);border:0;font:inherit;font-weight:600}.nation__name::placeholder{color:var(--text-faint);font-weight:400;opacity:1}.nation__name:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.nation__colour{position:relative}.nation__swatch{display:block;width:3.4rem;height:100%;cursor:pointer;list-style:none;outline:1px solid var(--text-white);outline-offset:-1px}.nation__swatch::-webkit-details-marker{display:none}.nation__swatch:hover,.nation__colour[open] .nation__swatch{filter:brightness(1.15)}.nation__swatch:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.nation__panel{position:absolute;right:0;top:calc(100% + 2px);z-index:2;display:flex;align-items:stretch;gap:.75rem;width:17rem;padding:.75rem;background:var(--panel);border:1px solid var(--edge)}.nation__preview{flex:none;width:3.5rem;border-radius:2px}.nation__bars{flex:1;min-width:0;display:grid;gap:.45rem}.nation__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;cursor:pointer}.nation__channel{color:var(--text-faint);font-size:12px;font-weight:600}.nation__amount{width:2.2rem;text-align:right;color:var(--text-mute);font-size:12px;font-variant-numeric:tabular-nums}.nation__slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:0;background:none;cursor:pointer}.nation__slider::-webkit-slider-runnable-track{height:10px;border-radius:2px;background:var(--track)}.nation__slider::-moz-range-track{height:10px;border-radius:2px;background:var(--track)}.nation__slider::-webkit-slider-thumb{-webkit-appearance:none;width:8px;height:20px;margin-top:-5px;border:1px solid #000000a6;border-radius:2px;background:var(--text-white)}.nation__slider::-moz-range-thumb{width:8px;height:20px;border:1px solid #000000a6;border-radius:2px;background:var(--text-white)}.nation__slider:focus-visible{outline:2px solid var(--text-yellow);outline-offset:2px}.setup{display:grid;gap:1.75rem;margin-top:2rem}.setup__group{margin:0;padding:0;border:0}.setup__legend{padding:0 0 .6rem;color:var(--text-faint);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.setup__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:2px}.setup__option{display:grid;gap:.25rem;padding:var(--button-padding);background-color:var(--panel-color);cursor:pointer}.setup__option:hover{background-color:var(--panel-hover)}.setup__option input,.picker__option input{position:absolute;opacity:0;pointer-events:none}.setup__option:has(input:checked){background-color:var(--panel-green)}.setup__option:has(input:checked):hover{background-color:var(--panel-green-hover)}.setup__option:has(input:focus-visible){outline:2px solid var(--text-yellow);outline-offset:-2px}.setup__option-label{font-weight:600}.picker{position:relative;--rows: 4.5;--row-h: calc(2rem + 1.45em) }.picker__value{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:var(--button-padding);background-color:var(--panel-color);font-weight:600;cursor:pointer;list-style:none}.picker__value::-webkit-details-marker{display:none}.picker__value:hover,.picker[open] .picker__value{background-color:var(--panel-hover)}.picker__value:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.picker__caret{flex:none;opacity:.6}.picker__list{position:absolute;left:0;right:0;top:calc(100% + 2px);z-index:1;display:grid;gap:2px;max-height:calc(var(--rows) * var(--row-h));overflow-y:auto;overscroll-behavior:contain;background-color:var(--bg)}.picker__list::-webkit-scrollbar,.lobby__roster::-webkit-scrollbar{width:20px}.picker__list::-webkit-scrollbar-track,.lobby__roster::-webkit-scrollbar-track{background-color:#ffffff40}.picker__list::-webkit-scrollbar-thumb,.lobby__roster::-webkit-scrollbar-thumb{background-color:#ffffff70}.picker__list::-webkit-scrollbar-button,.lobby__roster::-webkit-scrollbar-button{display:none}@supports (-moz-appearance: none){.picker__list,.lobby__roster{scrollbar-width:thin;scrollbar-color:#ffffff70 #ffffff40}}.picker__option{display:flex;align-items:center;padding:var(--button-padding);background-color:var(--panel-color);cursor:pointer}.picker__option:hover{background-color:var(--panel-hover)}.picker__option:has(input:checked){background-color:var(--panel-green)}.picker__option:has(input:checked):hover{background-color:var(--panel-green-hover)}.picker__option:has(input:focus-visible){outline:2px solid var(--text-yellow);outline-offset:-2px}.setup__count{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--panel-color)}.setup__slider{flex:1;min-width:0;margin:0;accent-color:var(--text-white);cursor:pointer}.setup__amount{width:1.5rem;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.setup__play{padding:var(--button-padding);background-color:var(--panel-green);color:var(--text-white);border:0;border-radius:0;font-weight:600;letter-spacing:.14em}.setup__play:hover:not(:disabled){background-color:var(--panel-green-hover)}.setup__actions{display:grid;gap:2px}.setup__back{padding:var(--button-padding);background-color:var(--panel-color);color:var(--text-white);font-weight:600;letter-spacing:.14em;text-align:center;text-decoration:none}.setup__back:hover{background-color:var(--panel-hover);color:var(--text-white)}.menu__panel>.setup__back{display:block;margin-top:6px}.setup__hint{margin:0;text-align:center;color:var(--text-faint);font-size:13px}.rules{max-width:68rem;padding-bottom:2rem}.rules__lead{max-width:48rem;margin:0 auto 2.5rem}.rules__title{margin:2.5rem 0 .75rem;font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.rules__objectives,.rules__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.rules__objective,.rules__card{padding:1.25rem;background:var(--panel-color)}.rules__objective{display:flex;flex-direction:column;gap:.35rem}.rules__objective strong{color:var(--text-white);font-size:1.5rem;font-weight:600}.rules__objective span,.rules__card p,.rules__fineprint{color:var(--text-mute)}.rules__fineprint{margin:.75rem 0 0;font-size:.9rem}.rules__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rules__card h3,.rules__controls h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.rules__card p{margin:0}.rules__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.rules__back{display:block;margin-top:2.5rem}.rules-table{width:100%;margin:0 0 1rem;border-collapse:collapse;font-size:14px}.rules-table th,.rules-table td{padding:.6rem 1rem;text-align:left;vertical-align:top}.rules-table tbody tr:nth-child(odd){background-color:var(--panel-color)}.rules-table thead th{color:var(--text-faint);font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.rules-table tbody th{font-weight:500;white-space:nowrap}.rules-table td{color:var(--text-mute)}.rules-table__where{color:var(--text-faint);font-weight:400}@media(max-width:640px){.rules__objectives,.rules__grid,.rules__controls{grid-template-columns:minmax(0,1fr)}}.feedback{margin:1.5rem 0 .75rem}.feedback__frame{display:block;width:100%;border:0}select,button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:6px 12px;cursor:pointer}body:not([data-playing]) button,.menu__button,.setup__back{text-transform:uppercase}.setup__option-label,.picker__value,.picker__option,.lobby__map{text-transform:none}button:hover:not(:disabled){border-color:#4b607d;background:#1d2837}button:disabled{opacity:.45;cursor:not-allowed}button{-webkit-user-select:text;user-select:text}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.top-bar{position:absolute;left:2rem;top:2rem;display:flex;align-items:stretch;gap:1rem;pointer-events:none}.top-bar>*{pointer-events:auto}.player-bar{background-color:var(--panel-color);color:var(--text-white);padding:1rem;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:2rem;font-variant-numeric:tabular-nums;white-space:nowrap}.player-bar__stat{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.breakdown{display:none;position:absolute;top:calc(100% + 1rem);left:-1rem;width:200px;padding:1rem;background-color:var(--panel-color);pointer-events:none;grid-template-columns:1fr auto;gap:.25rem 1rem}.player-bar__stat:hover>.breakdown{display:grid}@media(pointer:coarse){.player-bar__stat:hover:not(.player-bar__stat--open)>.breakdown{display:none}.player-bar__stat--open>.breakdown{display:grid}}.breakdown__source{color:var(--text-white);font-weight:400}.breakdown__rate{font-size:.85em;opacity:.6}.breakdown__amount{color:var(--text-white);font-weight:600;text-align:right}.breakdown__training{font-weight:400}.breakdown__rule{grid-column:1 / -1;height:1px;background-color:var(--text-faint)}.breakdown__gap{grid-column:1 / -1;height:.5rem}.breakdown__amount--gain{color:var(--text-green)}.breakdown__amount--loss{color:var(--text-red)}.player-bar__icon{height:1.5rem;width:1.5rem;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center}.player-bar__icon--clock{background-image:url(/sprites/icon-clock.webp)}.player-bar__icon--force{background-image:url(/sprites/icon-force.webp)}.player-bar__icon--troops{background-image:url(/sprites/icon-troops.webp)}.player-bar__icon--land{background-image:url(/sprites/icon-land.webp)}.player-bar__icon--cities{background-image:url(/sprites/icon-cities.webp)}.player-bar__figure{display:flex;flex-direction:column}.player-bar__value{font-weight:600;line-height:1.5rem}.player-bar__income{font-size:.8rem;line-height:1rem;font-weight:400}.player-bar__income:after{content:"/s";font-size:.85em;color:var(--text-mute)}.player-bar__income--gain{color:var(--text-green)}.player-bar__income--loss{color:var(--text-red)}.player-bar__value--full{color:var(--brand)}.force-gauge{position:absolute;left:0;right:0;bottom:-.4rem;height:3px;background-color:var(--text-faint);pointer-events:none}.force-gauge--breakdown{position:static;grid-column:1 / -1}.force-gauge__fill{height:100%;width:0;background-color:var(--text-white)}.force-gauge__fill--full{background-color:var(--brand)}.player-bar__training{font-weight:400}.selection{position:absolute;left:50%;transform:translate(-50%);bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.selection[hidden]{display:none}.selection__chips{display:flex;gap:1rem}.selection__chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background-color:var(--panel-color);color:var(--text-white);font-weight:600;font-variant-numeric:tabular-nums}.selection__chip[hidden]{display:none}.selection__chip:hover:not(:disabled){background-color:#000000b6}.selection__icon{height:1.5rem;width:1.5rem;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center}.selection__icon--infantry{background-image:url(/sprites/unit-light.webp)}.selection__icon--artillery{background-image:url(/sprites/unit-splash.webp)}.selection__icon--armoured{background-image:url(/sprites/unit-heavy.webp)}.selection__chip--drop{background-color:#00000073;margin-left:.35rem}.selection__icon--drop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");opacity:.75}.selection__count{font-size:.85rem}.selection__split{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background-color:var(--panel-color);color:var(--text-white);font-weight:600;font-variant-numeric:tabular-nums}.selection__split[hidden]{display:none}.selection__slider{width:12rem;margin:0;accent-color:var(--text-white);cursor:pointer}.speed{position:relative;display:flex}.speed[hidden]{display:none}.speed__toggle{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;font-weight:600;font-variant-numeric:tabular-nums}.speed__toggle:hover:not(:disabled){background-color:#000000b6}.speed__toggle--open{background-color:var(--panel-green)}.speed__toggle--open:hover:not(:disabled){background-color:var(--panel-green-hover)}.speed__caret{opacity:.6}.speed__menu{position:absolute;left:0;top:calc(100% + 1rem);display:flex;flex-direction:column;min-width:100%}.speed__menu[hidden]{display:none}.speed__button{padding:var(--button-padding);text-align:left;white-space:nowrap;background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;font-weight:600;font-variant-numeric:tabular-nums}.speed__button:hover:not(:disabled){background-color:#000000b6}.speed__button--armed{background-color:var(--panel-green)}.speed__button--armed:hover:not(:disabled){background-color:var(--panel-green-hover)}.volume{position:relative;display:flex}.volume__toggle{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0}.volume__toggle:hover:not(:disabled){background-color:#000000b6}.volume__toggle--open{background-color:var(--panel-green)}.volume__toggle--open:hover:not(:disabled){background-color:var(--panel-green-hover)}.volume__icon{height:1.25rem;width:1.25rem;flex:none;fill:currentColor}.volume__caret{opacity:.6}.volume__menu{position:absolute;left:0;top:calc(100% + 1rem);display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:var(--panel-color)}.volume__menu[hidden]{display:none}.volume__row{display:flex;align-items:center;gap:.75rem}.volume__label{width:5rem;color:var(--text-white);font-weight:600}.volume__slider{width:9rem;margin:0;accent-color:var(--text-white);cursor:pointer}.volume__value{width:2.5rem;text-align:right;color:var(--text-white);font-weight:600;font-variant-numeric:tabular-nums}.board-fold{position:relative;display:flex}.board-fold__toggle{display:flex;align-items:center;padding:1rem;background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0}.board-fold__toggle:hover:not(:disabled){background-color:#000000b6}.board-fold__toggle--open{background-color:var(--panel-green)}.board-fold__toggle--open:hover:not(:disabled){background-color:var(--panel-green-hover)}.board-fold__icon{height:1.25rem;width:1.25rem;display:block;flex:none;fill:currentColor}.game-menu{position:relative;display:flex}.game-menu__toggle{display:flex;align-items:center;padding:1rem;background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0}.game-menu__toggle:hover:not(:disabled){background-color:#000000b6}.game-menu__toggle--open{background-color:var(--panel-green)}.game-menu__toggle--open:hover:not(:disabled){background-color:var(--panel-green-hover)}.game-menu__icon{height:1.25rem;width:1.25rem;flex:none;fill:currentColor}.game-menu__panel{position:absolute;left:0;top:calc(100% + 1rem);display:flex;flex-direction:column;min-width:max-content}.game-menu__panel[hidden]{display:none}.hud-dropdown--leftward{left:auto;right:0}.game-menu__button{padding:var(--button-padding);text-align:left;white-space:nowrap;background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;font-weight:600}.game-menu__button:hover:not(:disabled){background-color:#000000b6}.action-bar{position:absolute;left:2rem;bottom:2rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.action-bar__button{background-color:var(--panel-color);color:var(--text-white);padding:var(--button-padding);font-weight:600;border:0;border-radius:0}.action-bar__button:hover:not(:disabled){background-color:#000000b6}.action-bar__button--open{background-color:var(--panel-green)}.action-bar__button--open:hover:not(:disabled){background-color:var(--panel-green-hover)}.touch-corner{display:none;position:absolute;right:2rem;bottom:2rem}.touch-corner__button{display:flex;align-items:center;justify-content:center;width:var(--touch-corner);height:var(--touch-corner);padding:0;border:0;border-radius:50%;background-color:var(--panel-color)}.touch-corner__button[hidden]{display:none}.touch-corner__hint{pointer-events:none;position:absolute;right:0;bottom:calc(100% + .75rem);z-index:1;padding:.5rem .9rem;background-color:var(--panel-green);color:var(--text-white);font-weight:600;white-space:nowrap}.touch-corner__hint:after{content:"";position:absolute;top:100%;right:calc(var(--touch-corner) / 2 - .5rem);border:.5rem solid transparent;border-top-color:var(--panel-green)}.touch-corner__hint[hidden]{display:none}.touch-corner__button:hover:not(:disabled){background-color:#000000b6}.touch-corner__button--armed{background-color:var(--panel-violet)}.touch-corner__button--armed:hover:not(:disabled){background-color:var(--panel-violet-hover)}.touch-corner__icon{display:block;height:45%;width:45%;background-size:contain;background-repeat:no-repeat;background-position:center}.touch-corner__icon--lasso{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 4c4.4 0 8 2.7 8 6s-3.6 6-8 6c-1.5 0-2.9-.3-4.1-.9'/%3E%3Cpath d='M7.9 15.1C6.1 14 5 12.6 5 11c0-1.6 1-3 2.7-4.1' stroke-dasharray='2 2.6'/%3E%3Cpath d='M12 16v4'/%3E%3C/svg%3E")}.touch-corner__icon--drop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}@media(pointer:coarse){.hud{--touch-corner: 5.25rem}.touch-corner{display:flex}.selection__chip--drop{display:none}}.build-menu{position:absolute;left:0;bottom:calc(100% + 1rem);display:flex;flex-direction:column;gap:1rem}.build-menu[hidden]{display:none}.build-menu__button{display:flex;flex-direction:column;gap:.5rem;min-width:18rem;padding:var(--button-padding);background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;font-size:1.15rem;font-weight:600;text-align:left}.build-menu__button:hover:not(:disabled){background-color:#000000b6}.build-menu__button--armed{background-color:var(--panel-green)}.build-menu__button--armed:hover:not(:disabled){background-color:var(--panel-green-hover)}.build-menu__detail{display:flex;gap:1.5rem;font-size:.85rem;font-weight:400;font-variant-numeric:tabular-nums}.build-menu__cost{margin-left:auto}.build-menu__figure{display:flex;align-items:baseline;gap:.4rem}.build-menu__key{opacity:.6}.recruit-menu{position:absolute;left:0;bottom:calc(100% + 1rem);display:flex;flex-direction:column;gap:1rem}.recruit-menu[hidden]{display:none}.recruit-menu__full{min-width:18rem;padding:.75rem 1.5rem;background-color:var(--panel-red);color:var(--text-white);font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums}.recruit-menu__row{display:flex;flex-direction:column;gap:.75rem;min-width:18rem;padding:var(--button-padding);background-color:var(--panel-color)}.recruit-menu__row--armed{background-color:var(--panel-green)}.recruit-menu__button{display:flex;flex-direction:column;gap:.5rem;padding:0;background:none;border:0;border-radius:0;color:var(--text-white);font-size:1.15rem;font-weight:600;text-align:left}.recruit-menu__head{display:flex;align-items:center;gap:1.5rem}.recruit-menu__stats{display:flex;align-items:center;gap:.85rem;margin-left:auto;font-size:.85rem;font-weight:400;font-variant-numeric:tabular-nums}.recruit-menu__stat{display:flex;align-items:center;gap:.3rem}.recruit-menu__icon{height:1.2rem;width:1.2rem;flex:none;background-size:contain;background-repeat:no-repeat;background-position:center}.recruit-menu__icon--attack{background-image:url(/sprites/icon-attack.webp)}.recruit-menu__icon--attack-splash{background-image:url(/sprites/icon-attack-splash.webp)}.recruit-menu__icon--defence{background-image:url(/sprites/icon-defence.webp)}.recruit-menu__icon--speed{background-image:url(/sprites/icon-speed.webp)}.recruit-menu__icon--range{background-image:url(/sprites/icon-range.webp)}.recruit-menu__button:hover:not(:disabled){color:var(--text-yellow)}.recruit-menu__detail{display:flex;gap:1.5rem;font-size:.85rem;font-weight:400;font-variant-numeric:tabular-nums}.recruit-menu__count{margin-right:auto}.recruit-menu__figure{display:flex;align-items:baseline;gap:.4rem}.recruit-menu__key{opacity:.6}.recruit-menu__slider{width:100%;margin:0;accent-color:var(--text-white);cursor:pointer}.recruit-menu__slider:disabled{opacity:.45;cursor:not-allowed}.leaderboard{position:absolute;right:2rem;top:2rem;width:300px;display:grid;grid-template-columns:1fr;background-color:var(--panel-color);color:var(--text-white);font-weight:500;font-variant-numeric:tabular-nums;--entries: 5;--entry-h: 21px}.leaderboard--scrolls{grid-template-columns:1fr 12px}.leaderboard--folded{display:none}.leaderboard__entries{display:flex;flex-direction:column;justify-content:start;align-items:stretch;gap:1rem;padding:1rem;max-height:calc(var(--entries) * var(--entry-h) + (var(--entries) - 1) * 1rem + 2rem);overflow-y:auto;scrollbar-width:none}.leaderboard__entries::-webkit-scrollbar{display:none}.leaderboard__entry{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;height:var(--entry-h);cursor:pointer}.leaderboard__name{display:flex;align-items:center;gap:7px;min-width:0}.leaderboard__label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard__swatch{width:9px;height:9px;border-radius:2px;flex:none}.leaderboard__score{flex:none}.leaderboard__entry--mine .leaderboard__name,.leaderboard__entry--mine .leaderboard__score{color:var(--text-yellow);font-weight:600}.leaderboard__entry--out{opacity:.45}.leaderboard:not(.leaderboard--scrolls) .scrollbar{display:none}.scrollbar{position:relative;background-color:#ffffff40}.scrollbar__handle{position:absolute;width:100%;background-color:#ffffff40;cursor:grab;touch-action:none}.scrollbar__handle:active{cursor:grabbing}.war-dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem;width:36rem;max-width:calc(100vw - 4rem)}.war-dialog[hidden]{display:none}.war-dialog__question{padding:2rem 2.25rem;background-color:var(--panel-color);color:var(--text-white)}.war-dialog__title{margin:0 0 .75rem;font-size:2rem;font-weight:600}.war-dialog__text{margin:0;font-size:1.25rem}.war-dialog__buttons{display:flex;gap:1rem}.war-dialog__button{flex:1;padding:var(--button-padding);background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;font-size:1.35rem;font-weight:600}.war-dialog__button:hover:not(:disabled){background-color:#000000b6}.war-dialog__button--danger{background-color:var(--panel-red)}.war-dialog__button--danger:hover:not(:disabled){background-color:var(--panel-red-hover)}.realm-menu[hidden]{display:none}.realm-menu{position:absolute;display:grid;gap:2px;min-width:13em;padding:6px;background:#111721f7;border:1px solid var(--edge);border-radius:8px;box-shadow:0 10px 30px #00000080}.realm-menu__name{padding:3px 8px 5px;font-weight:600;max-width:16em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.realm-menu__button{padding:6px 10px;border:0;border-radius:5px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.realm-menu__button:hover:not(:disabled){background:#222d3d}.realm-menu__button:disabled{color:#6c788a;cursor:default}.realm-menu__emotes{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px}.realm-menu__emote{display:grid;place-items:center;width:2.4rem;height:2.4rem;padding:0;border:0;border-radius:5px;background:none;cursor:pointer}.realm-menu__emote:hover{background:#222d3d}.emote{display:inline-flex;align-items:center;font-size:1.35em;line-height:1}.realm-menu__emote .emote{font-size:1.6rem}.emote__art{width:1em;height:1em;image-rendering:pixelated}.hud--capture>*:not(.capture-board){display:none}.capture-board{display:none;position:absolute;right:20px;bottom:20px;pointer-events:none}.hud--capture>.capture-board{display:block}.panel{position:absolute;right:2rem;top:calc(9rem + 105px);width:300px;padding:1rem;background-color:var(--panel-color);color:var(--text-white)}.panel__header{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:1rem}.panel__close{padding:0;width:1.5rem;background:none;color:var(--text-white);border:0;border-radius:0;opacity:.6}.panel__close:hover:not(:disabled){background:none;opacity:1}.panel--nation{font-variant-numeric:tabular-nums}.panel__who{display:flex;align-items:center;gap:7px;min-width:0}.panel__who>[data-role=name]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel__swatch{width:9px;height:9px;border-radius:2px;flex:none}.panel__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.25rem 0}.panel__label{color:var(--text-white);font-weight:400}.panel__value{font-weight:600}.page-error{position:fixed;z-index:100;top:2rem;left:50%;transform:translate(-50%);max-width:calc(100vw - 2rem);padding:.75rem 1.5rem;background-color:var(--panel-red);color:var(--text-white);font-weight:600;text-align:center;pointer-events:none}.notice{pointer-events:none;position:absolute;top:7.5rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background-color:var(--panel-red);color:var(--text-white);white-space:nowrap;max-width:calc(100vw - 4rem);overflow:hidden;text-overflow:ellipsis}.prompt{pointer-events:none;position:absolute;left:50%;transform:translate(-50%);bottom:2rem;padding:.75rem 1.5rem;background-color:var(--panel-green);color:var(--text-white);font-weight:600;white-space:nowrap}.notifications{position:absolute;right:2rem;bottom:2rem;display:flex;flex-direction:column;justify-content:start;align-items:end;gap:.5rem;pointer-events:none}@media(pointer:coarse){.notifications{bottom:calc(2rem + var(--touch-corner) + 1rem)}}.notification{padding:.5rem 1rem;max-width:350px;color:var(--text-white);transition:opacity .4s}.notification--leaving{opacity:0}.notification__name{font-weight:600;display:inline-block;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.notification .emote{vertical-align:-.2em}.notification--normal{background-color:var(--panel-color)}.notification--green{background-color:var(--panel-green)}.notification--red{background-color:var(--panel-red)}.hud--placing>:not(.banner){display:none!important}.banner{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:22px 40px;text-align:center;background:#0b1119eb;border:1px solid var(--edge);border-radius:10px}.banner--prompt{background:#0b11198c;top:auto;bottom:2rem;transform:translate(-50%)}.banner__title{margin:0 0 6px;font-size:30px;letter-spacing:.1em}.banner__detail{margin:0;color:#8b98a9}.banner__timer{margin-top:10px}.banner__time{margin-bottom:6px;font-variant-numeric:tabular-nums}.banner__track{height:4px;background-color:var(--text-faint)}.banner__fill{height:100%;background-color:var(--text-white);transition:width 0s linear}.banner__actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.banner__button{pointer-events:auto;padding:var(--button-padding);font-weight:600}.banner__button:first-child{background:var(--panel-green);border-color:#2f8f3f}.banner__button:first-child:hover:not(:disabled){background:var(--panel-green-hover);border-color:#3fa851}.lobby{display:flex;flex-direction:column;gap:1rem;min-height:0}.lobby>*{flex:none}.lobby__status{margin:0;text-align:center;color:var(--text-mute)}.lobby__clock{margin:0;padding:.5rem 0 1rem;text-align:center;font-size:44px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em}.lobby__clock[hidden]{display:none}.lobby__roster{display:grid;gap:2px;margin:0;padding:0;list-style:none;flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.lobby__player{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background-color:var(--panel-color);min-width:0}.lobby__player>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lobby__player--you{background-color:#000000b6}.lobby__swatch{width:1rem;height:1rem;flex:none;background-color:var(--text-faint);outline:1px solid var(--text-white);outline-offset:-1px}.lobby__you{margin-left:auto;color:var(--text-faint);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lobby__code{display:grid;gap:.35rem;padding:1rem;background-color:var(--panel-color);text-align:center}.lobby__code[hidden]{display:none}.lobby__code-label{color:var(--text-faint);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lobby__code-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:28px;letter-spacing:.3em;text-indent:.3em}.lobby__host{display:grid;gap:1.25rem}.lobby__host[hidden]{display:none}.advanced{background-color:var(--panel-color)}.advanced__summary{padding:1rem;color:var(--text-mute);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;list-style:none}.advanced__summary::-webkit-details-marker{display:none}.advanced__summary:after{content:" ▾";opacity:.6}.advanced[open] .advanced__summary:after{content:" ▴"}.advanced__summary:hover:not(:disabled){background-color:var(--panel-hover)}.advanced__rows{display:grid;gap:.75rem;padding:0 1rem 1rem}.advanced__row{display:flex;align-items:center;gap:1rem;cursor:pointer}.advanced__label{width:8rem;flex:none;color:var(--text-mute);font-size:13px}.advanced__slider{flex:1;min-width:0;margin:0;accent-color:var(--text-white);cursor:pointer}.advanced__value{width:4.5rem;flex:none;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.lobby__settings,.lobby__guest{margin:0;text-align:center;color:var(--text-mute);font-size:13px}.lobby__settings[hidden],.lobby__guest[hidden]{display:none}.lobby__music{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background-color:var(--panel-color);cursor:pointer}.lobby__music-label{width:4.5rem;flex:none;color:var(--text-mute)}.lobby__music-slider{flex:1;min-width:0;margin:0;accent-color:var(--text-white);cursor:pointer}.lobby__music-value{width:3.5rem;flex:none;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.lobby__tag{margin-left:auto;color:var(--text-yellow);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lobby__act{flex:none;padding:.3rem .6rem;background-color:#ffffff1a;color:var(--text-mute);border:0;border-radius:0;font-size:12px;letter-spacing:.08em}.lobby__act:hover:not(:disabled){background-color:#ffffff2e;color:var(--text-white)}.lobby__start{padding:var(--button-padding);background-color:var(--panel-green);color:var(--text-white);border:0;border-radius:0;font-weight:600;letter-spacing:.14em}.lobby__start:hover:not(:disabled){background-color:var(--panel-green-hover)}.lobby__start:disabled{background-color:var(--panel-color);color:var(--text-faint);cursor:not-allowed}.lobby__start[hidden]{display:none}.lobby__maps{display:grid;grid-template-columns:1fr 1fr;gap:2px}.lobby__maps[hidden]{display:none}.lobby__map{display:grid;gap:.35rem;padding:var(--button-padding);background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;text-align:left;cursor:pointer}.lobby__map:hover:not(:disabled){background-color:var(--panel-hover)}.lobby__map--mine{background-color:var(--panel-green)}.lobby__map--mine:hover:not(:disabled){background-color:var(--panel-green-hover)}.lobby__map:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.lobby__map-shot{width:100%;height:120px;object-fit:contain;background-color:#00000059}.lobby__map-name{font-weight:600}.lobby__map-votes{color:var(--text-faint);font-size:13px;font-variant-numeric:tabular-nums}.lobby__map--mine .lobby__map-votes{color:var(--text-white)}.lobby__map--leading .lobby__map-name:after{content:" ·  leading";color:var(--text-yellow);font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.lobby__leave{padding:var(--button-padding);background-color:var(--panel-color);color:var(--text-white);border:0;border-radius:0;font-weight:600;letter-spacing:.14em}.lobby__leave:hover:not(:disabled){background-color:var(--panel-hover)}@media(max-width:640px),(max-height:480px){.hud{--edge-x: calc(.5rem + env(safe-area-inset-left, 0px)) ;--edge-r: calc(.5rem + env(safe-area-inset-right, 0px)) ;--edge-t: calc(.5rem + env(safe-area-inset-top, 0px)) ;--edge-b: calc(.5rem + env(safe-area-inset-bottom, 0px)) ;--touch-corner: 4.25rem}.top-bar{left:var(--edge-x);right:var(--edge-r);top:var(--edge-t);gap:.4rem;z-index:1}.player-bar{flex:1;min-width:0;max-width:22rem;gap:.35rem;padding:.45rem .55rem;font-size:.8rem;justify-content:space-between;overflow:hidden}.board-fold__toggle,.game-menu__toggle,.volume__toggle,.speed__toggle{padding:.45rem .5rem}.player-bar__stat{gap:.25rem}.player-bar__icon{height:.95rem;width:.95rem}.player-bar__income,.player-bar__training{display:none}.player-bar__stat:not(.player-bar__stat--open)>.breakdown{display:none!important}.player-bar__stat--open>.breakdown{position:fixed;top:calc(var(--edge-t) + 3rem);left:var(--edge-x)}.leaderboard{right:var(--edge-r);left:auto;top:calc(var(--edge-t) + 3rem);width:min(11rem,45vw);--entries: 3;font-size:.8rem}.leaderboard__entries{gap:.5rem;padding:.5rem;max-height:calc(var(--entries) * var(--entry-h) + (var(--entries) - 1) * .5rem + 1rem)}.panel{right:var(--edge-r);left:var(--edge-x);top:auto;bottom:calc(var(--edge-b) + 7.5rem);width:auto;max-height:45vh;overflow-y:auto;padding:.6rem;font-size:.85rem}@media(pointer:coarse){.panel{left:auto;top:calc(var(--edge-t) + 3rem);bottom:auto;width:min(11rem,45vw)}.hud:has(.leaderboard:not(.leaderboard--folded)) .panel{top:calc(var(--edge-t) + 3rem + (3 * 21px + 2 * .5rem + 1rem) + .4rem)}.panel__header{margin-bottom:.4rem}.panel__row{padding:.1rem 0}}.action-bar{left:var(--edge-x);bottom:var(--edge-b);gap:.4rem}.action-bar__button{padding:.5rem .7rem;font-size:.8rem}.touch-corner{right:var(--edge-r);bottom:var(--edge-b)}.selection{bottom:var(--edge-b);left:auto;right:var(--edge-r);transform:none;align-items:end;gap:.4rem}@media(pointer:coarse){.selection{right:calc(var(--edge-r) + var(--touch-corner) + .4rem);flex-direction:column-reverse}}.selection__chip{width:2.9rem;height:2.9rem}.selection__icon{height:1.1rem;width:1.1rem}.notifications{right:var(--edge-r);left:var(--edge-x);bottom:calc(var(--edge-b) + 4rem);align-items:end}@media(pointer:coarse){.notifications{bottom:calc(var(--edge-b) + var(--touch-corner) + .4rem);gap:.25rem;z-index:-1}.notification{padding:.2rem .5rem;font-size:.75rem}.notification--normal{background-color:#00000073}.notification--green{background-color:#00af2073}.notification--red{background-color:#76000073}}.build-menu,.recruit-menu{max-width:calc(100vw - var(--edge-x) - var(--edge-r))}@media(pointer:coarse){.build-menu,.recruit-menu{bottom:calc(100% + .4rem);gap:.4rem}.build-menu__button,.recruit-menu__row,.recruit-menu__full{min-width:0;padding:.5rem .7rem}.build-menu__button,.recruit-menu__button{gap:.25rem;font-size:.85rem}.recruit-menu__row{gap:.4rem}.recruit-menu__full,.build-menu__detail,.recruit-menu__detail,.recruit-menu__stats{font-size:.75rem}.build-menu__detail,.recruit-menu__detail,.recruit-menu__head{gap:.75rem}.recruit-menu__stats{gap:.5rem}.recruit-menu__icon{height:.9rem;width:.9rem}}.realm-menu{left:var(--edge-x)!important;right:var(--edge-r);top:auto!important;bottom:calc(var(--edge-b) + 7.5rem);min-width:0;max-width:none}.war-dialog{max-width:calc(100vw - var(--edge-x) - var(--edge-r))}.banner{max-width:calc(100vw - 2rem);padding:1rem 1.2rem}@media(pointer:coarse){.banner--prompt{top:calc(var(--edge-t) + 3rem);bottom:auto;width:max-content}}}.menu__panel--stats{width:min(54rem,100%)}.menu__panel:has(.account__columns){width:min(72rem,100%)}.menu:has(.account__columns),.menu:has(.menu__panel--stats){align-items:flex-start}.menu__buttons a.menu__button{text-align:center;text-decoration:none}.account__stats{min-width:0}.account__columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);gap:1.5rem;align-items:start}.account__management{min-width:0}.stats__heading{margin:1.25rem 0 .75rem;font-size:1.15rem;font-weight:600}.stats__tabs{display:flex;gap:2px;flex-wrap:wrap}.stats__tabs .stats__tab{flex:1;padding:var(--button-padding);border:0;border-radius:0;background:var(--panel-color);color:var(--text-white);text-transform:uppercase}body:not([data-playing]) .account__stats .stats__tab{text-transform:none}.stats__tabs .stats__tab[aria-pressed=true]{background:var(--panel-green)}.stats__tabs .stats__tab:hover:not(:disabled){background:var(--panel-hover)}.stats__tabs .stats__tab[aria-pressed=true]:hover:not(:disabled){background:var(--panel-green-hover)}.stats__tab:focus-visible{outline:2px solid var(--text-yellow);outline-offset:-2px}.stats__note{color:var(--text-mute);font-size:.9rem}.stats__content--loading{position:relative}.stats__content--loading>*{visibility:hidden}.stats__content--loading:after{content:attr(data-loading-label);position:absolute;top:0;right:0;bottom:0;left:0}#board-reset{min-height:1.45em}.stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:1rem 0}.stats__grid>div{background:var(--panel-color);padding:1rem}.stats__grid dt{color:var(--text-mute);font-size:.85rem}.stats__grid dd{margin:.25rem 0 0;font-size:1.65rem;font-weight:600;font-variant-numeric:tabular-nums}.stats__table-wrap{overflow-x:auto;margin-bottom:1rem}.stats__table{width:100%;border-collapse:collapse;background:var(--panel-color);font-variant-numeric:tabular-nums}.stats__table th,.stats__table td{padding:.85rem;text-align:left;border-bottom:1px solid #ffffff1a}.stats__table th{color:var(--text-mute);font-weight:500}.stats__table small{display:block;color:var(--text-mute)}.stats__you{background:var(--panel-green)}.menu__panel--stats>.setup__back{display:block}@media(max-width:58rem){.account__columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:38rem){#board-reset{min-height:2.9em}.stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats__table th,.stats__table td{padding:.6rem}}