:root{--ice: #a8dcff;--gold: #ffcc00;--glass: rgba(10, 16, 26, .62);--line: rgba(168, 220, 255, .18);--hud: linear-gradient(180deg, rgba(18, 28, 44, .86), rgba(8, 12, 20, .9));--hud-shadow: 0 10px 30px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06);--text: #e4eef8;--muted: rgba(228, 238, 248, .6)}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--text);font:14px/1.4 system-ui,sans-serif}#world{display:block;width:100vw;height:100vh}#overlay{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none}:where(#hud button){font:inherit;color:inherit}:where(#hud button):focus-visible{outline:2px solid var(--ice);outline-offset:2px}#minimap,#info,#card,#tooltip,#sandbox,#board,#resources,#status,#menu-btn,#game-menu,#give,#end,#end-reopen,#chat-input{background:var(--hud);border:1px solid var(--line);border-radius:12px;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#minimap{position:fixed;left:12px;bottom:12px;width:200px;height:200px;padding:4px;box-sizing:content-box;cursor:crosshair}#status{position:fixed;top:12px;left:50%;transform:translate(-50%);padding:6px 16px;font:700 15px Cinzel,Georgia,serif;color:var(--gold);pointer-events:none}#status:empty,body:has(#home) #status{display:none}#menu-btn{position:fixed;top:12px;left:12px;z-index:6;display:flex;align-items:center;gap:8px;padding:7px 12px;font:700 13px Cinzel,Georgia,serif;letter-spacing:.08em;color:var(--gold);cursor:pointer;transition:border-color .15s}#menu-btn:hover,#menu-btn[aria-expanded=true]{border-color:#ffcc008c}kbd{padding:1px 5px;font:600 10px system-ui,sans-serif;letter-spacing:0;color:var(--muted);border:1px solid var(--line);border-radius:4px}#resources{position:fixed;top:12px;right:12px;display:flex;gap:18px;padding:7px 16px;font-weight:700;font-variant-numeric:tabular-nums}.gold,.lumber,.lives{display:inline-flex;align-items:center;gap:6px}.gold{color:#ffe27a}.lumber{color:#a6e39a}.gold:before,.lumber:before{content:"";width:18px;height:18px;background:var(--icon-gold) center / contain no-repeat}.lumber:before{background-image:var(--icon-lumber)}.lives:before{content:"♥";color:#ff5a5a}#board{position:fixed;top:56px;right:12px;min-width:180px;padding:8px 14px;white-space:pre;font-size:13px;line-height:1.6;font-variant-numeric:tabular-nums}#game-menu{position:fixed;top:56px;left:12px;z-index:6;display:flex;flex-direction:column;gap:14px;width:340px;padding:16px;animation:drop .15s ease-out}#game-menu[hidden]{display:none}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}#game-menu section{display:flex;flex-wrap:wrap;gap:6px}#game-menu h3{flex-basis:100%;margin:0 0 2px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#game-menu section button,#give button{padding:6px 10px;font-size:13px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s}#game-menu section button:hover,#give button:not(:disabled):hover{border-color:#a8dcff80;background:#ffffff1a}#game-menu .give,#game-menu .chip{flex:1 1 calc(50% - 3px);display:flex;align-items:center;gap:8px}#game-menu .give i,#game-menu .chip i{width:24px;height:24px;border-radius:4px;background:center / cover no-repeat}#volume{flex:1;display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}#volume input{flex:1;accent-color:var(--gold)}#volume output{width:3em;text-align:right;color:var(--muted)}#quit{padding:9px;font-weight:700;color:#ffb4a8;background:#a01e1440;border:1px solid rgba(255,120,100,.35);border-radius:8px;cursor:pointer;transition:background .15s}#quit:hover,#quit[data-armed]{background:#be28198c;color:#fff}#message{position:fixed;bottom:230px;left:50%;transform:translate(-50%);color:var(--gold);font-size:18px;font-weight:600;text-shadow:0 1px 3px #000,0 0 12px rgba(0,0,0,.8)}#info{position:fixed;bottom:12px;left:232px;min-width:260px;padding:10px 14px}#info:empty{display:none}#info:not(:empty){display:flex;align-items:center;gap:12px}#info .portrait{flex:none;width:56px;height:56px;border:1px solid rgba(0,0,0,.7);border-radius:6px;background:#00000073 center / cover no-repeat}#info.dead .portrait{filter:grayscale(1) brightness(.6)}#info .name{font:700 16px Cinzel,Georgia,serif;color:var(--gold);margin-bottom:4px}#card{position:fixed;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(4,52px);gap:5px;padding:8px}.cmd{position:relative;width:52px;height:52px;padding:0;border:1px solid rgba(0,0,0,.7);border-radius:6px;background:#00000073 center / cover no-repeat;box-shadow:inset 0 0 0 1px #a8dcff1f;cursor:pointer;transition:box-shadow .12s,transform .12s}.cmd:disabled{cursor:default;box-shadow:inset 0 0 0 1px #a8dcff0f;background-color:#00000040}.cmd:not(:disabled):hover{box-shadow:0 0 0 2px var(--gold),0 0 14px #ffcc0073}.cmd:not(:disabled):active,.cmd.pressed{transform:scale(.9);filter:brightness(1.5);box-shadow:0 0 0 2px var(--gold),0 0 14px #ffcc00b3}.cmd .hk{position:absolute;right:3px;bottom:2px;font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.cmd .badge{position:absolute;left:3px;top:1px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 0 2px #000,0 0 2px #000}.cmd.empty,.cmd.poor{filter:grayscale(1) brightness(.55)}#tooltip{position:fixed;right:12px;bottom:200px;width:300px;padding:10px 12px}#tooltip .tip{font-weight:700;margin-bottom:4px}#tooltip .cost{display:flex;gap:12px;margin-bottom:6px}#sandbox{position:fixed;top:56px;left:12px;display:grid;grid-template-columns:repeat(5,44px);gap:5px;padding:10px}#sandbox>div{grid-column:1 / -1;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#sandbox .cmd{width:44px;height:44px}#home{position:fixed;inset:0;z-index:10;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center;gap:48px;padding:48px clamp(16px,6vw,96px);overflow-y:auto;background:radial-gradient(ellipse at 30% 40%,#040a1426,#040a14d9 75%),linear-gradient(90deg,rgba(4,10,20,.55),transparent 45%,rgba(4,10,20,.55))}#home .snow{position:fixed;inset:-200px 0 0;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 140px 90px,#fff,transparent),radial-gradient(3px 3px at 80px 160px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 190px 200px,#fff,transparent);background-size:220px 220px;opacity:.55;animation:snow 9s linear infinite}#home .snow.far{background-size:130px 130px;opacity:.3;filter:blur(1px);animation-duration:16s}@keyframes snow{to{transform:translate(60px,220px)}}@media(prefers-reduced-motion:reduce){#home .snow{animation:none}}#home .hero{position:relative;text-shadow:0 2px 18px rgba(0,0,0,.8);animation:rise .8s ease-out both}#home .logo{margin:0;font-family:Cinzel,Georgia,serif;font-weight:900;line-height:.95;text-transform:uppercase}#home .logo span{display:block;font-size:clamp(36px,5.6vw,92px);letter-spacing:.02em;background:linear-gradient(180deg,#fff 10%,var(--ice) 55%,#4f8fc4);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(120,190,255,.45)) drop-shadow(0 4px 2px rgba(0,0,0,.7))}#home .logo small{display:flex;align-items:center;gap:18px;margin-top:10px;font-size:clamp(20px,2.6vw,34px);letter-spacing:.6em;color:var(--gold)}#home .logo small:before,#home .logo small:after{content:"";flex:0 1 90px;height:2px;background:linear-gradient(90deg,transparent,var(--gold))}#home .logo small:after{transform:scaleX(-1)}#home .tagline{max-width:34ch;margin:22px 0 18px;font-size:clamp(16px,1.5vw,20px);color:#e4eef8}#home .version{position:fixed;bottom:10px;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.08em;color:#e4eef899;pointer-events:none}#menu{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;background:var(--glass);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);animation:rise .8s .15s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}#menu h1{margin:0 0 4px;font:700 24px Cinzel,Georgia,serif;color:var(--gold)}#menu h2{margin:8px 0 0;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#e4eef899}#menu input,#menu button{font:inherit;padding:10px 12px;color:#e8eef6;background:#ffffff0d;border:1px solid var(--line);border-radius:10px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s}#menu input:focus{outline:none;border-color:var(--ice);box-shadow:0 0 0 3px #a8dcff26}#menu button{cursor:pointer}#menu button:not(:disabled):hover{border-color:#a8dcff80;background:#ffffff17}#menu button:focus-visible{outline:2px solid var(--ice);outline-offset:2px}#menu button:disabled{cursor:default;opacity:.5}#menu button.primary{font-weight:700;color:#1b1200;background:linear-gradient(180deg,#ffe066,#f0a800);border-color:#ffe9a0;box-shadow:0 8px 24px #f0a8004d}#menu button.primary:not(:disabled):hover{background:linear-gradient(180deg,#fff0a0,#ffb800);transform:translateY(-1px);box-shadow:0 12px 32px #f0a80073}#menu button.play{display:flex;flex-direction:column;align-items:center;padding:14px;font:900 24px Cinzel,Georgia,serif;letter-spacing:.08em;text-transform:uppercase}#menu button.play small{font:600 12px system-ui,sans-serif;letter-spacing:0;text-transform:none;opacity:.7}#menu .field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#e4eef899}#menu .field input{font-size:16px}#menu .error{color:#ff8a7a;min-height:1.4em}#menu .error:empty{min-height:0}#menu .modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}#menu button.mode{position:relative;display:grid;place-items:center;min-height:68px;padding:8px}#menu .mode strong{font:700 22px Cinzel,Georgia,serif;line-height:1;color:#e8eef6}#menu .mode small{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:11px;color:var(--ice)}#menu button.mode.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px #fc03;background:#ffcc0014}#menu .mode.selected strong{color:var(--gold)}#menu button.play{padding:16px}#menu .seats{display:flex;gap:4px}#menu .seats i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(168,220,255,.4)}#menu .seats i.on{background:var(--ice);border-color:var(--ice);box-shadow:0 0 6px var(--ice)}#menu .radar{position:relative;width:132px;height:132px;margin:6px auto 0}#menu .radar i{position:absolute;inset:0;border:2px solid var(--gold);border-radius:50%;opacity:0;animation:ping 2.4s ease-out infinite}#menu .radar i:nth-child(2){animation-delay:.8s}#menu .radar i:nth-child(3){animation-delay:1.6s}#menu .radar span{position:absolute;inset:36px;display:grid;place-items:center;border-radius:50%;font:700 20px Cinzel,Georgia,serif;color:var(--gold);background:radial-gradient(circle,#ffcc002e,#0a101ae6);border:1px solid rgba(255,204,0,.6);box-shadow:0 0 24px #ffcc004d;animation:breathe 2.4s ease-in-out infinite}@keyframes ping{0%{transform:scale(.35);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes breathe{50%{box-shadow:0 0 40px #ffcc008c}}@keyframes pulse{to{opacity:.25}}#menu .countdown,#menu .elapsed{text-align:center}#menu .elapsed{margin:-6px 0 0;font-size:13px;font-variant-numeric:tabular-nums;color:#e4eef899}#menu .lineup{display:grid;gap:8px}#menu .seat{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:8px;border:1px dashed rgba(168,220,255,.35);border-radius:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#menu .seat.on{border:1px solid var(--ice);background:#a8dcff14;box-shadow:0 0 12px #a8dcff33}#menu .seat i{width:6px;height:6px;border-radius:50%;background:var(--ice);animation:pulse .9s ease-in-out infinite alternate}#menu .seat i:nth-child(2){animation-delay:.3s}#menu .seat i:nth-child(3){animation-delay:.6s}@media(prefers-reduced-motion:reduce){#menu .radar i,#menu .radar span,#menu .seat i{animation:none}#menu .radar i:first-child{opacity:.4}}#menu .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}#menu .action{display:flex;align-items:center;gap:10px;text-align:left}#menu .action .icon{flex:none;width:40px;height:40px;border-radius:6px;border:1px solid rgba(0,0,0,.6);background:#111 center / cover no-repeat}#menu .action strong{display:block}#menu .action small{font-size:12px;opacity:.65}#menu .invite{display:flex;gap:6px}#menu .invite input{flex:1}#menu .teams{display:grid;grid-template-columns:1fr 1fr;gap:12px}#menu .team{display:flex;flex-direction:column;gap:6px}#menu .slot{text-align:left}#menu .slot.selected{outline:2px solid var(--gold)}#menu .dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%}#menu .hint{margin:0;font-size:12px;opacity:.7}#menu button.link{align-self:center;padding:4px 8px;font-size:13px;background:none;border-color:transparent;color:#e4eef899}#menu .credits{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:14px}#menu .credits dt{font-weight:700;color:var(--ice)}#menu .credits dd{margin:0;color:#e4eef8cc}#menu .credits a{color:inherit}#menu .countdown{margin:0;font-size:18px;color:var(--gold)}#menu ul{margin:0;padding-left:20px}#menu .flags.lang{position:absolute;top:16px;right:22px}.flags{display:flex;gap:6px}#menu .flags button,#game-menu .flags button{display:block;width:30px;height:20px;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:none;opacity:.55;cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s}#menu .flags button:hover,#game-menu .flags button:hover{opacity:.9;transform:translateY(-1px)}#menu .flags button[aria-pressed=true],#game-menu .flags button[aria-pressed=true]{opacity:1;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.flags svg{display:block;width:100%;height:100%}#menu .options{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}#menu .options legend{padding:0 6px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#e4eef899}#menu .options label{display:flex;align-items:center;gap:6px;cursor:pointer}#menu .options input{width:16px;height:16px;padding:0;accent-color:var(--gold)}#menu .options .hint{flex-basis:100%}#menu .bar{display:flex;align-items:center;gap:10px}#menu .bar h1{margin:0}#menu button.back{padding:4px 12px;font-size:20px;line-height:1}@media(max-width:860px){#home{grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding:44px 16px 32px}#home .tagline{margin:14px 0 12px}}#chat{position:fixed;left:232px;bottom:120px;max-width:520px;font-size:14px;text-shadow:0 1px 2px #000,0 0 2px #000;pointer-events:none}#chat-input{position:fixed;left:232px;bottom:84px;width:420px;padding:7px 12px;font:inherit;color:#fff;border-radius:8px}#chat-input:focus{outline:none;border-color:var(--ice)}#give{position:fixed;top:30%;left:50%;transform:translate(-50%);z-index:7;display:flex;flex-direction:column;gap:8px;min-width:300px;padding:20px 22px}#give .title{margin-bottom:4px;font:700 18px Cinzel,Georgia,serif;color:var(--gold);text-align:center}#give button{padding:9px;font-weight:700}#give button[type=submit]{color:#1b1200;background:linear-gradient(180deg,#ffe066,#f0a800);border-color:#ffe9a0}#give button:disabled{opacity:.4;cursor:default}#give label{display:flex;gap:8px;cursor:pointer}#give input[type=number]{font:inherit;padding:8px 10px;color:#fff;background:#ffffff0d;border:1px solid var(--line);border-radius:8px}#home.loading{grid-template-columns:minmax(0,1fr);align-items:stretch;background:linear-gradient(180deg,#04080ec7,#04080ef0 70%)}#home.loading .hero,#home.loading .version{display:none}#home.loading #menu{padding:0;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}#menu .intro{display:flex;flex-direction:column;flex:1;max-width:960px;width:100%;margin:0 auto;text-shadow:0 1px 2px #000}#menu .intro h1{margin:0;font:700 clamp(32px,5vw,64px) / 1.05 "Cinzel",Georgia,serif;color:var(--gold)}#menu .intro h1 small{display:block;font-size:.45em;color:#c9a35a}#menu .intro .lead{margin:8px 0 0;font-size:clamp(16px,1.6vw,20px)}#menu .rosters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px 64px;margin-top:clamp(28px,6vh,64px)}#menu .roster h2{margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(201,163,90,.45);font:700 18px Cinzel,Georgia,serif;letter-spacing:0;text-transform:none;color:#c9a35a}#menu .roster p{display:flex;align-items:center;gap:10px;margin:0;padding:5px 0;font-size:17px;font-weight:600;overflow-wrap:anywhere}#menu .roster small{font-weight:400;color:var(--muted)}#menu .swatch{flex:none;width:16px;height:16px;border:1px solid #000;box-shadow:inset 1px 1px #ffffff73,inset -1px -1px #00000073}#menu .intro .opts{margin:28px 0 0;color:var(--muted)}#menu .loading-foot{margin-top:auto;padding-top:40px}#menu .loadbar{height:22px;padding:3px;border:2px solid #7a5a2a;border-radius:2px;background:#05080c;box-shadow:0 0 0 1px #000,inset 0 2px 4px #000000e6}#menu .loadbar i{display:block;height:100%;transform-origin:left;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(0,0,0,.25) 14px 15px),linear-gradient(180deg,#ffe680,#fc0 45%,#b07800);animation:load var(--intro, 5s) linear both}@keyframes load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#menu .intro .count{margin:8px 0 0;text-align:center;font-size:14px;font-variant-numeric:tabular-nums;color:var(--muted)}#end{position:fixed;top:50%;left:50%;z-index:8;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;box-sizing:border-box;padding:20px 24px}#end h2{margin:0;text-align:center;font:700 28px Cinzel,Georgia,serif;color:var(--gold)}#end .sub{margin:4px 0 16px;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}#end h3{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}#end svg{display:block;width:100%;height:160px;background:#ffffff08;border-bottom:1px solid var(--line);border-left:1px solid var(--line)}#end .axis{display:flex;justify-content:space-between;margin-top:2px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}#end table{width:100%;margin-top:16px;border-collapse:collapse;font-variant-numeric:tabular-nums}#end th,#end td{padding:5px 8px;text-align:right;border-bottom:1px solid var(--line)}#end th:first-child,#end td:first-child{text-align:left;font-weight:600;overflow-wrap:anywhere}#end th{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted)}#end td:first-child:before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:2px;background:var(--slot);box-shadow:0 0 0 1px #fff6}#end tr.won td:first-child:after{content:" ★";color:var(--gold)}#end .actions{display:flex;justify-content:center;gap:10px;margin-top:18px}#end .actions button,#end-reopen{padding:8px 16px;background:#ffffff0f;border:1px solid var(--line);border-radius:8px;cursor:pointer}#end .actions button:hover,#end-reopen:hover{border-color:#a8dcff80;background:#ffffff1f}#end-reopen{position:fixed;top:12px;left:50%;z-index:8;transform:translate(-50%);font-weight:700;color:var(--gold)}#end[hidden],#end-reopen[hidden]{display:none}