:root{--p1:#4ea8ff;--p2:#ffb34e;--ink:#e8eefc;--dim:#93a1bd;--panel:#0a0f1ee6;--line:#8caadc38}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#0b1020;margin:0;font:15px/1.5 Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden}#game{width:100vw;height:100vh;display:block}[hidden]{display:none!important}#menu{text-align:center;background:radial-gradient(#0b1020d1,#060914f7);place-content:center;gap:14px;padding:24px;display:grid;position:fixed;inset:0}#menu-body{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-width:340px;padding:28px 32px}h1{letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px;font-size:34px}h2{margin:0 0 10px;font-size:22px;font-weight:600}.hint{color:var(--dim);margin:6px 0 18px;font-size:13px}.code{letter-spacing:.32em;color:var(--p1);font-family:ui-monospace,Cascadia Mono,monospace;font-size:30px}button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#28375ab3;border-radius:9px;padding:10px 20px;transition:background .15s,transform 80ms}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.primary{background:linear-gradient(#3f7fd6,#2b5da3);border-color:#5d9de8;width:100%;font-weight:600}.join{gap:8px;margin-top:12px;display:flex}.join input{letter-spacing:.3em;text-align:center;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);background:#060a16d9;border-radius:9px;flex:1;padding:10px;font:600 18px/1 ui-monospace,monospace}.join input:focus{outline:2px solid var(--p1)}.players{text-align:left;margin:0 0 18px;padding:0;list-style:none}.players li{border-bottom:1px solid var(--line);padding:7px 0;font-size:14px}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:9px;display:inline-block}.results{border-collapse:collapse;width:100%;margin-bottom:18px;font-size:14px}.results th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;padding-bottom:6px;font-size:12px;font-weight:500}.results td{border-top:1px solid var(--line);text-align:left;padding:7px 0}.results td:not(:first-child),.results th:not(:first-child){text-align:right}.controls{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:20px;padding-top:16px;font-size:12px;display:flex}.controls strong{width:100%;color:var(--ink);text-transform:uppercase;letter-spacing:.08em;font-size:12px}kbd{border:1px solid var(--line);color:var(--ink);background:#1e2a46cc;border-bottom-width:2px;border-radius:5px;margin-right:3px;padding:2px 6px;font:11px/1.4 ui-monospace,monospace;display:inline-block}#status{min-height:20px;color:var(--dim);font-size:13px}#status.error{color:#ff8f7a}#hud{pointer-events:none;padding:16px 22px;position:fixed;top:0;left:0;right:0}#top{justify-content:space-between;align-items:baseline;display:flex}#timer{text-shadow:0 2px 10px #000c;font:600 30px/1 ui-monospace,monospace}#checkpoint{letter-spacing:.1em;color:var(--dim);text-transform:uppercase;font-size:13px}#progress{background:#ffffff1a;border-radius:4px;height:8px;margin-top:12px;position:relative;overflow:hidden}.bar{border-radius:4px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.bar.you{background:var(--p1);height:4px;top:0}.bar.them{background:var(--p2);height:4px;top:4px}#lead{color:var(--dim);margin-top:7px;font-size:13px;font-weight:600}#lead.ahead{color:#74e0a0}#lead.behind{color:#ff9a86}#countdown{color:var(--ink);text-shadow:0 6px 40px #000000e6;pointer-events:none;place-content:center;font:700 120px/1 ui-monospace,monospace;display:grid;position:fixed;inset:0}#banner{text-align:center;letter-spacing:.04em;text-shadow:0 3px 18px #000000e6;pointer-events:none;font-size:26px;font-weight:700;position:fixed;top:34%;left:0;right:0}#banner.good{color:#7fe0a0}#banner.bad{color:#ff8f7a}:root{--ink:#fff2da;--dim:#d3c6ae;--panel:#202725ed;--line:#dcbf8a52}#menu{background:linear-gradient(90deg,#121c1e6b,#121c1e14,#121c1e52)}#menu-body{border-radius:5px;box-shadow:0 16px 60px #141a1840}h1,h2{font-family:Georgia,Times New Roman,serif}button.primary{background:linear-gradient(#987441,#70522e);border-color:#c5a267}button:hover:not(:disabled){background:#726348}.open-games{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.open-games h2{margin-bottom:12px;font-size:19px}#open-games-list{max-height:230px;overflow-y:auto}.open-game{text-align:left;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.open-game+.open-game{border-top:1px solid var(--line)}.open-game span{color:var(--dim);margin-top:3px;font-size:12px;display:block}.open-game button{flex-shrink:0}.leave-game{width:100%;margin-top:14px;display:block}.games-home{color:var(--dim);text-underline-offset:3px;font-size:12px}.games-home:focus-visible{outline-offset:4px;outline:2px solid #c5a267}.menu-field{text-align:left;gap:6px;margin:14px 0;font-size:13px;display:grid}.menu-field input,.menu-field select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);font:inherit;background:#25302c;border-radius:5px;padding:10px 12px}.menu-field input:focus,.menu-field select:focus{outline-offset:2px;outline:2px solid #c5a267}#create-game-form{margin-top:18px}#menu-body.creating-game .open-games,#menu-body.creating-game .controls{display:none}.create-actions{gap:10px;display:flex}.create-actions .primary{flex:1}.level-picker{text-align:left;margin:18px 0}.level-picker-heading{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.level-count{color:#e9c88c;font-variant-numeric:tabular-nums}.level-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:8px;gap:12px;display:flex;position:relative;overflow-x:auto}.level-carousel::-webkit-scrollbar{display:none}.level-card{scroll-snap-align:start;scroll-snap-stop:always;text-align:left;border:2px solid var(--line);background:#19312d;border-radius:8px;flex:0 0 100%;min-width:0;height:192px;padding:0;position:relative;overflow:hidden}.level-card[aria-checked=true]{border-color:#e9c88c}#results-level-picker .level-card:disabled{opacity:1;cursor:default}#results-level-picker .level-card{height:150px}.level-card img{object-fit:cover;pointer-events:none;width:100%;height:100%}.level-card-copy{background:linear-gradient(#0000 15%,#091718d9 80%,#091718);flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.level-number{color:#f5d48e;letter-spacing:.16em;font-size:10px;font-weight:700}.level-card strong{margin:3px 0;font:25px/1.3 Georgia,serif}.level-description{color:#e6d9c3;font-size:12px}.level-navigation{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.level-navigation button{background:#253b36;min-height:34px;padding:3px 16px;font-size:22px;line-height:1}.level-scroll-hint{color:var(--dim);font-size:11px}.level-picker button:focus-visible{outline-offset:-5px;outline:2px solid #fff2da}#menu-body.creating-game{width:min(540px,100vw - 48px)}@media (width<=540px){#menu-body{min-width:0;padding:20px}.level-card{height:170px}.level-card strong{font-size:22px}.create-actions{flex-wrap:wrap}}.lobby-level{color:var(--dim);margin:0 0 14px;font-size:13px}.open-game>div{overflow-wrap:anywhere;min-width:0}#menu-body{max-width:min(760px,100vw - 48px);max-height:calc(100dvh - 80px);overflow-y:auto}#menu-body h2,.players li,.results td{overflow-wrap:anywhere}#hud{background:linear-gradient(#192321a6,#0000);padding-bottom:28px}.village-preview{color:#f3e8d1;background:#1d2826e0;border-left:3px solid #c9a566;gap:6px;padding:18px 24px;display:grid;position:fixed;bottom:26px;left:28px}.village-preview strong{letter-spacing:.14em;font:22px Georgia,serif}.village-preview span{color:#d1c9b5;font-size:12px}.village-preview a{color:#e9c88c;font-size:12px}.sound-controls{z-index:20;color:#fff2da;background:#19312de6;border:1px solid #dcbf8a44;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;display:flex;position:fixed;bottom:14px;left:14px}.sound-controls button{min-width:80px;padding:4px 8px;font-size:12px}.sound-controls label{font-size:11px}.sound-controls input{accent-color:#dcbf8a;cursor:pointer;width:80px}.sound-controls :focus-visible{outline-offset:3px;outline:2px solid #f4d99d}.ad-overlay{z-index:30;background:#05181d61;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.delivery-ad{color:#173d3f;text-align:center;background:#fff8e9;border:2px solid #ffead0;border-radius:18px;width:min(510px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 80px #001f3299}.delivery-ad-art{height:clamp(150px,34dvh,280px);position:relative;overflow:hidden}.delivery-ad-art img{object-fit:cover;object-position:center 35%;width:100%;height:100%;display:block}.delivery-ad-label{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#173d3fd9;border-radius:4px;padding:3px 8px;font-size:10px;position:absolute;top:14px;left:14px}.delivery-ad .delivery-ad-close{color:#173d3f;background:#fff8e9;border:2px solid #fff;border-radius:50%;width:42px;height:42px;padding:0;font:30px/1 system-ui;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #173d3f33}.delivery-ad-tag{color:#fff;text-transform:uppercase;letter-spacing:.16em;background:linear-gradient(#0000,#063d40d9);padding:28px 12px 12px;font-size:11px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.delivery-ad-copy{padding:18px 26px 16px}.delivery-ad-eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#387578;margin:0 0 5px;font-size:10px;font-weight:800}.delivery-ad h2{letter-spacing:-.055em;color:#0c6669;margin:0;font:900 clamp(32px,7vw,48px)/1.04 Segoe UI,system-ui,sans-serif}.delivery-ad h2 span{color:#df592e}.delivery-ad-pitch{margin:12px 0 4px;font-size:16px;font-weight:750}.delivery-ad-description{color:#526968;margin:0 0 16px;font-size:12px}.delivery-ad .delivery-ad-dismiss{color:#fff;background:#e96134;border:1px solid #c64720;border-radius:9px;justify-content:center;align-items:center;gap:16px;width:100%;padding:12px 18px;font-size:16px;font-weight:800;display:flex;box-shadow:0 3px #b64425}.delivery-ad .delivery-ad-dismiss:hover{background:#ce4b23}.delivery-ad .delivery-ad-close:hover{background:#ffe6c2}.delivery-ad button:focus-visible{outline-offset:3px;outline:3px solid #078f99}.delivery-ad kbd{color:#fff;background:#ffffff20;border:1px solid #ffffff80;border-radius:4px;padding:2px 7px;font:700 13px system-ui}#delivery-ad-help{color:#526968;margin:12px 0 0;font-size:10px}@media (height<=550px){.delivery-ad{grid-template-columns:42% 58%;width:min(680px,100%);display:grid}.delivery-ad-art{height:100%;min-height:260px}.delivery-ad-copy{padding:18px}.delivery-ad h2{font-size:34px}.delivery-ad-tag{letter-spacing:.04em}}