:root{--bg:#0b1017;--panel:#151d29;--panel-hi:#1d2838;--panel-lo:#0f151e;--metal-hi:#aab3bf;--metal:#6c7684;--metal-lo:#353c47;--edge:#04070b;--ink:#f3e7cf;--muted:#95a0b0;--accent:#f29a2e;--gold:#f4c24f;--ok:#6cc04a;--bad:#e5483b;--africa:#c9327a;--africa-2:#ee7a22;--europe:#2f5fc4;--europe-2:#6a45c0;--asia:#17b8d6;--asia-2:#ff3fa4;--samerica:#1f9e4a;--samerica-2:#f2c230;--oceania:#b5462a;--oceania-2:#1fb3a6;--namerica:#d8323f;--namerica-2:#1c2f73;--ocean:#3e72c4;--bevel:inset 2px 2px 0 var(--metal-hi), inset -2px -2px 0 var(--metal-lo)}html,body{background:var(--bg);height:100%;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}body:not(.in-game){background:radial-gradient(ellipse 60% 70% at 0% 100%, #ee7a2233, transparent 70%), radial-gradient(ellipse 60% 70% at 100% 0%, #2f5fc440, transparent 70%), linear-gradient(#1c263522 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, #1c263522 1px, transparent 1px) 0 0 / 32px 32px, var(--bg)}#game canvas{image-rendering:pixelated;display:block}#ui{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}[hidden]{display:none!important}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}img.ico{width:48px;height:48px;image-rendering:pixelated;pointer-events:none;flex:none}img.ico.sm{image-rendering:auto;width:24px;height:24px}img.ico.big{width:48px;height:48px}img.ico.huge{width:96px;height:96px}.panel{pointer-events:auto;background:linear-gradient(var(--panel-hi), var(--panel) 40%, var(--panel-lo));border:2px solid var(--edge);outline:2px solid var(--metal);outline-offset:-6px;box-shadow:var(--bevel), 0 0 0 1px #000, 6px 6px 0 #000a;box-sizing:border-box;width:min(480px,100vw - 32px);max-height:calc(100dvh - 24px);padding:22px 26px;overflow:auto}h1{color:var(--accent);text-shadow:3px 3px #000;margin:0 0 4px;font-size:32px}h2{text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px #000;margin:0 0 12px}.tagline,.small,.muted,.status{color:var(--muted);font-size:13px}label,.label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:14px 0 6px;font-size:12px;display:block}input{box-sizing:border-box;width:100%;min-height:44px;font:inherit;color:var(--ink);border:2px solid var(--edge);box-shadow:inset 2px 2px 0 #000, 0 0 0 1px var(--metal-lo);-webkit-user-select:text;user-select:text;background:#080c12;margin-top:6px;padding:0 10px;display:block}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{min-height:44px;font:inherit;color:var(--ink);border:2px solid var(--edge);box-shadow:var(--bevel), 2px 2px 0 #000;cursor:pointer;background:linear-gradient(#2c3849,#1d2634);justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}button:hover:not(:disabled){background:linear-gradient(#36445a,#232e3f)}button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}button.primary{color:#1a0f05;background:linear-gradient(#f8b44a,#e07f1c);font-weight:700;box-shadow:inset 2px 2px #ffe0a0,inset -2px -2px #9a4d0c,2px 2px #000}button.primary:hover:not(:disabled){background:linear-gradient(#ffc463,#ec8b26)}button:disabled{color:#6e7786;cursor:not-allowed;background:#232a35;box-shadow:inset 2px 2px #3a424e}button:disabled img.ico{filter:grayscale()brightness(.6)}button:active:not(:disabled){box-shadow:var(--bevel), 0 0 0 #000;transform:translate(2px,2px)}button img.ico{image-rendering:auto;width:24px;height:24px}.home{width:min(500px,100vw - 32px)}.home .hero{text-align:center}.logo-big{filter:drop-shadow(0 6px #0008);width:min(100%,390px);height:auto;margin:-6px auto 0;display:block}.home h1{margin:0;line-height:0}.home .tagline{text-align:center;margin:4px 0 0}.home .form>button.primary,.home .form>button.sandbox{width:100%;margin-top:18px}.home .form>button.sandbox{margin-top:8px}.row{align-items:center;gap:8px;margin-top:12px;display:flex}.row input{flex:1;margin:0}details{margin-top:14px;font-size:13px}summary{cursor:pointer;color:var(--muted);min-height:24px}.factions{grid-template-columns:1fr 1fr;gap:10px;display:grid}button.faction{text-align:left;opacity:.75;grid-template-rows:auto auto;grid-template-columns:auto 1fr;place-items:center start;column-gap:8px;min-height:64px;padding:8px 10px;display:grid}button.faction img.ico{width:48px;height:48px;image-rendering:pixelated;grid-row:span 2}button.faction strong,button.faction small{grid-column:2}.factions>button.faction:last-child:nth-child(odd){grid-column:1/-1}button.faction strong{text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px #000;font-size:16px}button.faction small{color:var(--ink);opacity:.85;font-size:11px}button.faction.africa{background:linear-gradient(120deg,#8a3a10,#6c1f48)}button.faction.europe{background:linear-gradient(120deg,#1d3c86,#3b2a7a)}button.faction.africa:hover:not(:disabled){background:linear-gradient(120deg,#a84a16,#85285a)}button.faction.europe:hover:not(:disabled){background:linear-gradient(120deg,#2549a0,#4a3594)}button.faction.selected{opacity:1;outline:3px solid var(--gold);outline-offset:-3px}button.faction.africa.selected{background:linear-gradient(120deg, var(--africa-2), var(--africa))}button.faction.europe.selected{background:linear-gradient(120deg, var(--europe), var(--europe-2))}button.faction.asia{background:linear-gradient(120deg,#0d5a6c,#7a1c52)}button.faction.southAmerica{background:linear-gradient(120deg,#0f5a2a,#7a6212)}button.faction.oceania{background:linear-gradient(120deg,#6c2814,#0f5c56)}button.faction.northAmerica{background:linear-gradient(120deg,#7a1820,#141f4e)}button.faction.asia:hover:not(:disabled){background:linear-gradient(120deg,#11708a,#962466)}button.faction.southAmerica:hover:not(:disabled){background:linear-gradient(120deg,#137236,#957818)}button.faction.oceania:hover:not(:disabled){background:linear-gradient(120deg,#86331a,#13736b)}button.faction.northAmerica:hover:not(:disabled){background:linear-gradient(120deg,#962029,#1b2a66)}button.faction.asia.selected{background:linear-gradient(120deg, var(--asia), var(--asia-2))}button.faction.southAmerica.selected{background:linear-gradient(120deg, var(--samerica), var(--samerica-2))}button.faction.oceania.selected{background:linear-gradient(120deg, var(--oceania), var(--oceania-2))}button.faction.northAmerica.selected{background:linear-gradient(120deg, var(--namerica), var(--namerica-2))}.factions.maps{margin-top:4px}button.faction.map.g20{background:linear-gradient(120deg,#24462a,#2b3a4e)}button.faction.map.desert{background:linear-gradient(120deg,#7a5a24,#6a3a1c)}button.faction.map.g20:hover:not(:disabled){background:linear-gradient(120deg,#2d5834,#34485f)}button.faction.map.desert:hover:not(:disabled){background:linear-gradient(120deg,#8f6a2b,#7d4522)}button.faction.map.g20.selected{background:linear-gradient(120deg,#3f8a3a,#3e72c4)}button.faction.map.desert.selected{background:linear-gradient(120deg,#d9a441,#c0602a)}button.faction.map:disabled{color:var(--ink);cursor:default;box-shadow:var(--bevel), 2px 2px 0 #000}button.faction.map:disabled:not(.selected){opacity:.4}button.faction.map.selected:disabled{opacity:1}button.faction.map.selected:disabled img.ico{filter:none}.lobby .logo-mid{width:200px;height:auto;margin:-8px auto 6px;display:block}.lobby h2{text-align:center}.players{border:2px solid var(--edge);box-shadow:0 0 0 1px var(--metal-lo);background:#0a0f16;margin:12px 0;padding:0;list-style:none}.players li{border-bottom:1px solid #1f2836;align-items:center;gap:8px;padding:8px;font-size:14px;display:flex}.players li:last-child{border-bottom:0}.players .name{text-overflow:ellipsis;font-weight:700;overflow:hidden}.players .faction-tag,.players .ready-tag{color:var(--muted);margin-left:auto;font-size:12px}.players .faction-tag.africa{color:#ff9a5a}.players .faction-tag.europe{color:#8fb0ff}.players .faction-tag.asia{color:#6fe3f5}.players .faction-tag.southAmerica{color:#f2d45a}.players .faction-tag.oceania{color:#4fd8c8}.players .faction-tag.northAmerica{color:#ff8a94}.players .faction-tag+.ready-tag{margin-left:8px}.players li.ready .ready-tag{color:var(--ok)}.badge{color:var(--gold);border:1px solid var(--metal-lo);background:#000;flex:none;padding:2px 6px;font-size:11px}.swatch{border:2px solid #000;flex:none;width:14px;height:14px}.lobby .start{margin-left:auto}#toasts{z-index:10;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.toast{border:2px solid var(--edge);border-left:4px solid var(--accent);box-shadow:0 0 0 1px var(--metal-lo);background:#0b1017ee;padding:8px 14px;font-size:13px}.toast.error{border-left-color:var(--bad)}.toast.crisis{border-left-color:var(--bad);background:#5a0f0aee;font-weight:700}.hud{pointer-events:none;position:fixed;inset:0}.topbar{box-sizing:border-box;border-bottom:2px solid var(--edge);min-height:44px;box-shadow:inset 0 -2px 0 var(--metal-lo), inset 0 1px 0 var(--metal), 0 2px 0 #0006;white-space:nowrap;background:linear-gradient(#1b2433f2,#111821f2);flex-wrap:nowrap;align-items:center;gap:10px;padding:4px 10px;font-size:14px;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden}.toplogo{flex:none;width:auto;height:36px}.topbar .who{flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.topbar .who strong{text-overflow:ellipsis;overflow:hidden}.topbar .timer{color:var(--gold);border:2px solid var(--edge);box-shadow:0 0 0 1px var(--metal-lo);background:#080c12;margin-left:auto;padding:4px 8px;font-weight:700}.res{border:2px solid var(--edge);box-shadow:0 0 0 1px var(--metal-lo), inset 1px 1px 0 #ffffff12;box-sizing:border-box;background:#080c12cc;flex:none;align-items:center;gap:4px;height:34px;padding:0 8px 0 2px;font-size:14px;display:inline-flex}.res img.ico{image-rendering:auto;width:32px;height:32px}.res small{color:var(--muted)}.res .branch-name{color:var(--gold);font-size:12px}.res.shortage{color:#000;background:var(--bad);animation:1s steps(2,end) infinite blink}.res.shortage small{color:#000}@keyframes blink{50%{opacity:.6}}.bottombar{background:linear-gradient(#0000,#050810b0 70%);align-items:flex-end;gap:12px;padding:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.mapframe{pointer-events:auto;background:linear-gradient(var(--panel-hi), var(--panel-lo));border:2px solid var(--edge);box-shadow:var(--bevel), 2px 2px 0 #000;flex:none;padding:4px;line-height:0;position:relative}.minimap{pointer-events:auto;border:2px solid var(--edge);width:160px;height:160px;box-shadow:0 0 0 1px var(--metal-lo);image-rendering:pixelated;cursor:pointer;box-sizing:border-box}button.icon-btn.cam{width:48px;height:48px;margin-left:6px}.selection{flex-wrap:wrap;flex:1;align-content:flex-end;gap:6px;font-size:13px;display:flex}.chip{border:2px solid var(--edge);box-shadow:0 0 0 1px var(--metal-lo);background:#0b1017d9;align-items:center;gap:4px;padding:2px 8px 2px 2px;display:inline-flex}.chip.current{box-shadow:0 0 0 1px var(--gold)}.orders{pointer-events:auto;gap:6px;display:flex}button.icon-btn{width:56px;height:56px;min-height:0;padding:0}button.icon-btn img.ico{width:48px;height:48px;image-rendering:pixelated}.orders button.armed{box-shadow:inset 2px 2px 0 #ffb0a0, inset -2px -2px 0 #6a0f08, 0 0 0 2px var(--gold);background:linear-gradient(#ff6a52,#b8261c)}.topbar button.icon-btn{pointer-events:auto;width:40px;height:36px;box-shadow:var(--bevel);flex:none}.topbar button.icon-btn img.ico{image-rendering:auto;width:32px;height:32px}.topbar button.icon-btn[aria-pressed=false]{background:#2a1414}.topbar .volumes{pointer-events:auto;flex:none;gap:6px;display:flex}.topbar .vol{color:var(--muted);align-items:center;gap:3px;margin:0;font-size:11px;display:flex}.topbar .vol input[type=range]{width:76px;height:44px;box-shadow:none;accent-color:var(--accent);cursor:pointer;touch-action:pan-x;background:0 0;border:0;margin:-4px 0;padding:0}.topbar .vol input[type=range]:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.help{color:var(--muted);text-shadow:1px 1px #000;max-width:60ch;margin:0;font-size:11px;position:absolute;top:52px;left:12px}.overlay{pointer-events:auto;background:#000a;place-items:center;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.side{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.buildbar,.produce{flex-wrap:wrap;justify-content:flex-start;gap:6px;max-width:560px;display:flex}button.tile{flex-direction:column;gap:0;padding:2px;font-size:11px;position:relative}button.tile img.ico{width:48px;height:48px;image-rendering:pixelated}button.tile .cost{color:var(--gold);background:#000c;padding:2px 3px;font-size:10px;line-height:1;position:absolute;bottom:1px;right:1px}button.tile:disabled .cost{color:#8a8f99}.bpanel{pointer-events:auto;border:2px solid var(--edge);box-shadow:var(--bevel), 2px 2px 0 #000;background:linear-gradient(#1b2433f0,#10161ff0);flex-direction:column;gap:6px;max-width:560px;padding:8px;display:flex}.bhead{align-items:center;gap:8px;display:flex}.bhead>div{flex-direction:column;gap:2px;display:flex}.bhead strong{color:var(--gold);text-shadow:1px 1px #000}.bpanel .produce{justify-content:flex-start}.produce button.tile{justify-content:flex-start;width:84px;min-height:92px;padding:4px 2px 16px}.produce button.tile .name{text-align:center;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;-webkit-box-orient:vertical;max-width:100%;font-size:10px;line-height:1.15;display:-webkit-box;overflow:hidden}.produce button.tile .cost{text-align:center;white-space:nowrap;left:1px;right:1px;overflow:hidden}.produce button.wide{justify-content:flex-start}.queue{flex-wrap:wrap;gap:4px;display:flex}.queue:empty{display:none}.res.crisis{background:var(--bad);color:#000;font-weight:700;animation:1.2s steps(2,end) infinite blink}.produce button.super{border-color:var(--gold);background:linear-gradient(#4a3a14,#2a200a)}.produce button.branch{text-align:left;background:linear-gradient(#4a3a10,#2e240a);justify-content:flex-start;max-width:270px;min-height:64px;padding:4px 8px 4px 4px}.produce button.branch img.ico{width:48px;height:48px;image-rendering:pixelated}.produce button.branch .txt{flex-direction:column;gap:2px;font-size:12px;display:flex}.produce button.branch small{color:var(--ink);opacity:.8;white-space:normal;font-size:11px}table.stats{border-collapse:collapse;border:2px solid var(--edge);background:#0a0f16;width:100%;margin:12px 0;font-size:12px}table.stats th{color:var(--gold);background:#141c28}table.stats th,table.stats td{text-align:left;border-bottom:1px solid #1f2836;padding:6px}table.stats td:nth-child(n+3),table.stats th:nth-child(n+3){text-align:right}.overlay .panel{width:min(720px,100vw - 32px)}.endhead{align-items:center;gap:16px;display:flex}.endhead h2{margin-bottom:4px;font-size:28px}.endpanel.victory .endhead h2{color:var(--gold)}.row.end{justify-content:flex-end}.bottombar .left{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.groups{pointer-events:auto;gap:6px;display:flex}.groups button{width:48px;height:48px;min-height:0;padding:0;position:relative}.groups img.ico.ghost{opacity:.45;image-rendering:auto;width:40px;height:40px;position:absolute;inset:2px}.groups .num{color:var(--gold);text-shadow:2px 2px #000,-1px -1px #000;font-size:20px;font-weight:700;position:relative}.placebar{align-items:center;gap:8px;display:flex}.placebar .place-label{border:2px solid var(--edge);color:var(--gold);background:#080c12e6;padding:4px 8px;font-size:12px}.placebar .place-label:empty,.placebar[hidden]{display:none}.topbar .res{flex:none}#rotate{display:none}@media (height<=520px),(width<=900px){.topbar{gap:5px;min-height:38px;padding:2px 6px;font-size:12px}.toplogo,.topbar .who strong{display:none}.res{gap:2px;height:30px;padding:0 5px 0 1px;font-size:12px}.res img.ico{width:24px;height:24px}.res .branch-name{display:none}.topbar .timer{padding:2px 5px}.topbar button.icon-btn{width:44px;height:34px}.topbar .volumes{gap:2px}.topbar .vol-name{display:none}.topbar .vol input[type=range]{width:48px;margin:-3px 0}.bpanel{max-height:calc(100dvh - 170px);overflow:auto}.selection .chip{font-size:11px}button.icon-btn{width:48px;height:48px}button.icon-btn img.ico{image-rendering:auto;width:40px;height:40px}.groups button{width:44px;height:44px}.produce button.tile{width:64px;min-height:80px}.produce{gap:4px}.produce button.tile .name{font-size:9px}.produce button.tile img.ico{image-rendering:auto;width:36px;height:36px}.mapframe{padding:2px}button.icon-btn.cam{width:44px;height:44px}button.icon-btn.cam img.ico{width:36px;height:36px}}@media (height<=520px),(width<=700px){.help{display:none}.minimap{width:112px;height:112px}}@media (height<=520px) and (orientation:landscape){.panel{padding:14px 18px}.home{grid-template-columns:.9fr 1.1fr;align-items:center;gap:18px;width:min(820px,100vw - 24px);display:grid}.home .form>button.primary{margin-top:12px}.home label,.home .label{margin:8px 0 4px}.lobby{grid-template-columns:1fr 1fr;align-items:start;gap:18px;width:min(820px,100vw - 24px);display:grid}.lobby .logo-mid{width:110px;margin:-6px auto 0}.lobby h2{margin-bottom:6px}.lobby .small{margin:6px 0}.lobby .label{margin-top:0}.lobby .factions{grid-template-columns:1fr;gap:6px}.lobby button.faction{min-height:52px;padding:2px 8px}.players li{padding:4px 8px}}@media (orientation:portrait) and (pointer:coarse){#rotate{z-index:100;background:var(--bg);text-align:center;place-items:center;padding:24px;font-size:18px;display:grid;position:fixed;inset:0}#rotate img{width:min(280px,70vw);height:auto}}pre.debug{color:#7dff7d;z-index:20;pointer-events:none;background:#000d;border:2px solid #000;margin:0;padding:8px 10px;font-size:11px;position:fixed;top:52px;right:8px}pre.debug[hidden]{display:none}table.stats .swatch{vertical-align:middle;display:inline-block}.tile{position:relative}.tile .ico.weapon{width:20px;height:20px;position:absolute;top:2px;right:2px}.loading .bar{background:#0d0b16;border:2px solid #000;height:12px}.loading #load-progress{background:var(--accent,#f2b632);width:0;height:100%;transition:width .15s}.chat{z-index:30;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;width:min(420px,100vw - 20px);font-size:13px;display:flex;position:fixed;bottom:12px;left:10px}body.in-game .chat{bottom:194px}.chat-log{flex-direction:column;align-items:flex-start;gap:2px;max-width:100%;display:flex}.chat-line{box-sizing:border-box;border-left:2px solid var(--metal-lo);max-width:100%;color:var(--ink);text-shadow:1px 1px #000;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#050810c4;padding:2px 8px;transition:opacity 1.2s}.chat-line .who{font-weight:700}.chat-line .who:after{content:" : ";color:var(--muted);font-weight:400}.chat-line.system{color:var(--muted);border-left-color:#0000;font-size:12px;font-style:italic}.chat-line.old{opacity:0}.chat.open .chat-line.old{opacity:1}.chat-form{pointer-events:auto;gap:4px;width:100%;display:flex}.chat-form input{flex:1;min-width:0;margin:0;font-size:16px}.chat-form .chat-send{flex:none}.chat-toggle{pointer-events:auto;width:44px;height:44px;min-height:44px;padding:0}.chat.open .chat-toggle{display:none}.chat-bubble{background:var(--ink);width:20px;height:14px;box-shadow:inset 0 0 0 2px var(--edge), 2px 2px 0 #000;position:relative}.chat-bubble:after{content:"";border:3px solid #0000;border-top-color:var(--edge);border-left-color:var(--edge);position:absolute;bottom:-5px;left:4px}@media (height<=520px),(width<=700px){body.in-game .chat{width:min(360px,100vw - 20px);bottom:136px}.chat-line{font-size:12px}.chat-log{justify-content:flex-end;max-height:96px;overflow:hidden}}@media (pointer:coarse){.chat.open{width:auto;top:46px;left:10px;right:10px;bottom:auto!important}.chat.open .chat-form{order:-1}}@media (height<=520px) and (orientation:landscape){body:not(.in-game) .chat{bottom:6px;left:6px}}.splash{z-index:1000;opacity:1;transition:opacity var(--splash-out,.9s) ease-in-out;cursor:default;background:#060608;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.splash.out{opacity:0;pointer-events:none}.splash-logo{aspect-ratio:1;opacity:0;width:min(150vmin,1000px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94)}.splash-logo img{width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000),linear-gradient(#0000,#000 14% 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.splash.play .splash-logo{animation:splash-fade var(--splash-in,1.2s) ease-out forwards, splash-zoom var(--splash-total,4.6s) cubic-bezier(.2, .6, .4, 1) forwards}.splash.reduced .splash-logo{transform:translate(-50%,-50%)}.splash.reduced.play .splash-logo{animation:splash-fade var(--splash-in,.4s) ease-out forwards}.splash-shine{display:none}@supports (mask-mode:luminance){.splash-shine{mix-blend-mode:screen;opacity:1;background:linear-gradient(105deg,#0000 38%,#fff0 43%,#ffffffd0 50%,#fff0 58%,#0000 62%) 130% 0/250% 100% no-repeat;display:block;position:absolute;inset:0;-webkit-mask:url(/ui/studio/studio-logo.webp) 50%/100% 100% no-repeat;-webkit-mask-source-type:luminance;mask:url(/ui/studio/studio-logo.webp) 50%/100% 100% no-repeat luminance}.splash.play .splash-shine{animation:splash-shine 1.4s ease-in-out calc(var(--splash-in,1.2s) * .85) both}.splash.reduced .splash-shine{display:none}}.splash-prompt{letter-spacing:.42em;text-transform:uppercase;text-align:center;color:#8f9aa8;opacity:0;visibility:hidden;grid-area:1/1;align-self:center;align-items:center;gap:1.2em;margin:0;padding:0 16px;font-family:Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:300;transition:opacity .4s,visibility 0s linear .4s;display:flex}.splash-prompt:before,.splash-prompt:after{content:"";opacity:.6;background:currentColor;flex:0 0 22px;height:1px}.splash.ask:not(.play) .splash-prompt{visibility:visible;opacity:1;transition:opacity .6s .15s;animation:2.6s ease-in-out .8s infinite splash-breathe}@keyframes splash-fade{to{opacity:1}}@keyframes splash-zoom{0%{transform:translate(-50%,-50%)scale(.94)}to{transform:translate(-50%,-50%)scale(1.02)}}@keyframes splash-shine{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes splash-breathe{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.splash.ask:not(.play) .splash-prompt{animation:none}}.cw-links{flex-wrap:wrap;justify-content:center;margin-top:16px}.cw-links button{color:var(--muted);background:linear-gradient(#222c3b,#171f2b);font-size:13px}.cw-links button:hover:not(:disabled){color:var(--ink)}.fb-glyph{color:var(--accent);font-size:20px;line-height:1}.topbar button.fb-btn.compact{font-size:20px}dialog.cw-dialog{pointer-events:auto;color:var(--ink);-webkit-user-select:text;user-select:text;touch-action:auto;width:min(560px,100vw - 24px);max-height:calc(100dvh - 16px);margin:auto;padding:16px 20px 18px}dialog.cw-dialog::backdrop{background:#000b}dialog.cw-dialog.leaderboard-dlg{width:min(640px,100vw - 24px)}.dlg-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.dlg-head h2{color:var(--accent);margin:0}button.dlg-close{flex:none;width:44px;height:44px;padding:0;font-size:18px}.fb-kinds{border:0;flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.fb-kinds legend{margin:8px 0 6px;padding:0}.fb-kind{text-transform:none;letter-spacing:0;flex:1 1 0;margin:0;position:relative}.fb-kind input{opacity:0;cursor:pointer;min-height:0;margin:0;position:absolute;inset:0}.fb-kind span{min-height:44px;color:var(--ink);border:2px solid var(--edge);box-shadow:var(--bevel), 2px 2px 0 #000;background:linear-gradient(#2c3849,#1d2634);justify-content:center;align-items:center;padding:0 10px;font-size:14px;display:flex}.fb-kind input:checked+span{color:#1a0f05;background:linear-gradient(#f8b44a,#e07f1c);font-weight:700;box-shadow:inset 2px 2px #ffe0a0,inset -2px -2px #9a4d0c,2px 2px #000}.fb-kind input:focus-visible+span{outline:2px solid var(--gold);outline-offset:1px}.fb-form textarea{box-sizing:border-box;width:100%;min-height:96px;max-height:40dvh;font:inherit;resize:vertical;color:var(--ink);border:2px solid var(--edge);box-shadow:inset 2px 2px 0 #000, 0 0 0 1px var(--metal-lo);-webkit-user-select:text;user-select:text;background:#080c12;padding:8px 10px;display:block}.fb-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.fb-meta{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.fb-count.short{color:var(--accent)}.fb-form .row button.primary{flex:1}.fb-context{margin-top:12px}.fb-context summary{padding:12px 0}.fb-context dl{color:var(--muted);grid-template-columns:auto 1fr;gap:2px 10px;margin:4px 0 0;font-size:11px;display:grid}.fb-context dt{color:var(--gold)}.fb-context dd{overflow-wrap:anywhere;margin:0}.fb-thanks{color:var(--gold);margin:16px 0 4px;font-size:15px}.lb-scroll{max-height:calc(100dvh - 190px);margin-top:8px;overflow:auto}table.leaderboard{border-collapse:collapse;width:100%;font-size:13px}table.leaderboard th{background:var(--panel-hi);color:var(--muted);text-transform:uppercase;letter-spacing:1px;text-align:right;border-bottom:2px solid var(--metal-lo);padding:6px 8px;font-size:11px;font-weight:400;position:sticky;top:0}table.leaderboard td{text-align:right;white-space:nowrap;border-bottom:1px solid #ffffff10;padding:6px 8px}table.leaderboard th:nth-child(2),table.leaderboard td.name{text-align:left;white-space:normal;overflow-wrap:anywhere}table.leaderboard th:first-child,table.leaderboard td.rank{text-align:center;width:3.5em}td.rank.r1{color:var(--gold);font-weight:700}td.rank.r2{color:var(--metal-hi);font-weight:700}td.rank.r3{color:var(--africa-2);font-weight:700}table.leaderboard tr.me td{color:var(--ink);background:#f29a2e26;font-weight:700}table.leaderboard tr.me td:first-child{box-shadow:inset 4px 0 0 var(--accent)}table.leaderboard tr.me .badge{margin-left:6px}table.leaderboard tr.gap td{text-align:center;color:var(--muted)}.lb-empty{color:var(--muted);margin:18px 0}.endpanel .row.end{flex-wrap:wrap}@media (height<=520px){dialog.cw-dialog{padding:10px 14px 12px}.dlg-head h2{font-size:16px}.fb-form textarea{height:72px;min-height:64px}.lb-scroll{max-height:calc(100dvh - 130px)}}