:root{color-scheme:dark;--bg:#101c26;--panel:#182833;--ink:#edf4ea;--muted:#9dafb7;--lime:#d2f477}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px system-ui,sans-serif}button,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #40505b;background:#21343f;border-radius:8px;padding:10px 15px}button:hover{filter:brightness(1.15)}button:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}header{height:80px;border-bottom:1px solid #30404a;display:flex;align-items:center;gap:12px;padding:0 5vw}.brand{font-size:23px;font-weight:900;letter-spacing:1px;color:var(--ink);text-decoration:none}.brand span{color:var(--lime)}.edition{margin-right:auto;margin-left:22px;letter-spacing:2px;color:var(--muted);font-size:10px}main{display:grid;grid-template-columns:330px minmax(300px,630px);gap:65px;max-width:1120px;margin:38px auto;padding:0 24px}.eyebrow,label{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--lime)}h1{font-size:43px;line-height:1.06;letter-spacing:-1.8px;margin:18px 0}h1 span{color:var(--lime)}.intro{color:var(--muted);line-height:1.7;margin-bottom:28px}select{width:100%;padding:13px;margin:10px 0;background:#21343f;border:1px solid #40505b;border-radius:8px;color:var(--ink)}.primary{background:var(--lime);color:#182523;width:100%;font-weight:800;padding:15px;border:0}.task{margin-top:24px;padding:20px;background:var(--panel);border:1px solid #334650;border-radius:12px}.task h2{font-size:20px;margin:10px 0}.task p{color:var(--muted);font-size:12px;line-height:1.6;margin:8px 0}.bar{height:4px;background:#354650;margin-top:18px;border-radius:4px;overflow:hidden}.bar i{display:block;background:var(--lime);width:0;height:100%;transition:width .15s}.stats{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #30404a}.stats div:first-child{min-width:65px}small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:8px}strong{font-size:16px}#time{font:24px ui-monospace,monospace}ol{padding-left:22px;font-size:12px;color:var(--muted);line-height:1.65}ol li{padding:4px}ol li.current{color:var(--lime);font-weight:700}ol li.done{opacity:.5;text-decoration:line-through}.instructions{font-size:12px;line-height:1.7;color:var(--muted);margin-top:20px}.instructions b{color:var(--ink)}.arena{align-self:start;border:1px solid #40505b;border-radius:14px;overflow:hidden;background:#20323d}.maphead,.mapfoot{display:flex;justify-content:space-between;padding:16px;font-size:9px;letter-spacing:1px}.maphead i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:6px}.canvas-wrap{position:relative}canvas{display:block;width:100%;height:auto;background:#e7e8d9}#overlay{position:absolute;inset:0;background:#10222be8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}#overlay h2{font-size:38px;line-height:1.1}#overlay p{color:var(--muted)}#toast{position:absolute;bottom:18px;left:5%;width:90%;padding:12px 18px;background:#152936ed;border:1px solid #82966f;border-radius:10px;text-align:center;display:none}.target-key{color:var(--lime)}.touch{display:flex;justify-content:space-between;padding:12px 18px;border-top:1px solid #40505b;gap:12px}.touch button{touch-action:none;user-select:none;min-height:46px}.dpad{display:flex;gap:5px}#jump{background:var(--lime);color:#182523;font-weight:800}@media(min-width:1000px){.arena{max-width:560px}}@media(max-width:800px){header{height:65px;padding:0 16px}.edition{display:none}.brand{margin-right:auto;font-size:19px}main{grid-template-columns:1fr;gap:24px;margin:24px auto;max-width:620px}h1{font-size:32px}aside .intro,.instructions,ol{display:none}.task{margin-top:16px}.stats{padding:14px 0}.mapfoot{font-size:8px;padding:12px 8px}.arena{grid-row:2}header button{padding:8px}}

.audio-controls{display:flex;align-items:center;gap:12px}.audio-controls label{display:flex;flex-wrap:wrap;justify-content:space-between;width:110px;font-size:9px;letter-spacing:.5px;color:var(--muted)}#volume{width:110px;accent-color:var(--lime);margin:5px 0 0;cursor:pointer}@media(max-width:600px){header{flex-wrap:wrap;height:auto;min-height:75px;padding:12px;gap:8px}.audio-controls{gap:7px}.audio-controls label,#volume{width:80px}.brand{font-size:16px}}

.identity-preview{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:var(--ink);font-size:13px}.identity-preview img{width:54px;height:54px;object-fit:contain;border-radius:50%;background:#40505b}#identity-hint{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 20px}

#bathroom-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#10222b66;pointer-events:none;padding:16px}#bathroom-overlay[hidden]{display:none}.bathroom-card{position:relative;text-align:center;background:#182833e6;border:1px solid #40505b;border-radius:16px;padding:16px;width:min(320px,90vw);max-height:95dvh}.bathroom-card h2{font:700 20px monospace;color:var(--lime);margin:0 0 12px}.bathroom-card img{display:block;width:100%;max-height:50dvh;object-fit:contain;opacity:.65;image-rendering:pixelated}#bathroom-countdown{display:block;font:900 64px/1 system-ui;color:#ffffffb0;margin:8px 0}.bathroom-card p{font-size:13px;margin:6px 0}

#start:disabled{opacity:.45;cursor:not-allowed;filter:none}.identity-preview img[hidden]{display:none}