: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}.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}