html,body{touch-action:manipulation;overscroll-behavior:none;background:#10131c;height:100%;margin:0;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}#app{width:100%;height:100%}canvas{display:block}#hearts{z-index:30;pointer-events:none;filter:drop-shadow(0 2px 4px #0009);gap:6px;display:flex;position:fixed;top:14px;right:18px}.heart{width:34px;height:34px;display:block}.heart svg{width:100%;height:100%;display:block}.heart path{fill:#e63946;transition:fill .5s}.heart.lost path{fill:#4a5163}.heart.pop{animation:.6s heartPop}@keyframes heartPop{0%{transform:scale(1)}35%{transform:scale(1.5)}to{transform:scale(1)}}#topbar{z-index:20;color:#e8ecf5;text-shadow:0 1px 3px #000;pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(460px,60vw);display:none;position:fixed;top:14px;left:50%;transform:translate(-50%)}#topbar .phase{letter-spacing:.14em;opacity:.9;font-size:13px;font-weight:600}#topbar .row{align-items:center;gap:12px;width:100%;display:flex}#topbar .track{background:#2b3345;border-radius:6px;flex:1;height:12px;overflow:hidden}#topbar .fill{background:#4cc9f0;border-radius:6px;width:100%;height:100%}#topbar .secs{text-align:right;font-variant-numeric:tabular-nums;min-width:56px;font-weight:700}#topbar.urgent .fill{background:#e63946}#topbar.urgent .secs,#topbar.urgent .phase{color:#ff8a8a}#hint{color:#cdd5e6;text-shadow:0 1px 3px #000;pointer-events:none;z-index:20;font-size:14px;display:none;position:fixed;top:76px;left:50%;transform:translate(-50%)}#toast{color:#e8ecf5;opacity:0;pointer-events:none;z-index:25;background:#10131cd9;border-radius:10px;padding:10px 18px;font-size:15px;transition:opacity .25s;position:fixed;bottom:56px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#stamina{color:#cdd5e6;letter-spacing:.12em;z-index:20;pointer-events:none;align-items:center;gap:10px;font-size:12px;display:none;position:fixed;bottom:18px;left:18px}#stamina .track{background:#2b3345;border-radius:4px;width:150px;height:8px;overflow:hidden}#stamina .fill{background:#f4a261;width:100%;height:100%}#stamina.exhausted .fill{background:#e63946}#screen{z-index:10;color:#e8ecf5;text-align:center;pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#screen.show{background:#080a108c;display:flex}#screen.show.dark{pointer-events:auto;cursor:pointer;background:#080a10e6}.card{max-width:600px;padding:30px 40px}.logo{letter-spacing:.12em;font-size:clamp(40px,7vw,76px);font-weight:800}.tagline{opacity:.8;margin-top:10px;font-size:18px}.card h2{margin:0 0 6px;font-size:34px}.page{letter-spacing:.18em;opacity:.6;margin-bottom:10px;font-size:12px}.steps{text-align:left;margin:18px auto 0;padding-left:24px;font-size:17px;line-height:1.8}.keys{opacity:.85;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;font-size:14px;display:flex}kbd{font:inherit;background:#1c2233;border:1px solid #5b6a8f;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:13px;display:inline-block}.cta{letter-spacing:.1em;color:#9be7ff;margin-top:26px;font-size:15px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.orange{color:#f4a261}.pink{color:#ff6bd6}.red{color:#ff6b6b}.lostline{color:#ff8a8a;margin-top:12px;font-weight:600}.count{font-variant-numeric:tabular-nums;margin-top:8px;font-size:60px;font-weight:800}#vignette{pointer-events:none;z-index:5;background:radial-gradient(#0000 55%,#0009 100%);position:fixed;inset:0}#minimap{z-index:20;pointer-events:none;border:1px solid #9be7ff59;border-radius:8px;width:280px;height:140px;display:none;position:fixed;bottom:18px;right:18px;box-shadow:0 4px 14px #00000080}#cctv{color:#e8ecf5;letter-spacing:.16em;text-shadow:0 1px 3px #000;z-index:20;pointer-events:none;align-items:center;gap:9px;font-size:13px;display:none;position:fixed;top:16px;left:18px}#cctv .dot{background:#e63946;border-radius:50%;width:10px;height:10px;animation:1.2s linear infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.15}}.who{opacity:.75;margin-top:14px;font-size:14px}.customize{color:#e8ecf5;font:inherit;letter-spacing:.06em;cursor:pointer;background:#1c2233e6;border:1px solid #5b6a8f;border-radius:8px;margin-top:12px;padding:9px 18px;font-size:14px}.customize:hover{color:#9be7ff;border-color:#9be7ff}#customizer{z-index:40;color:#e8ecf5;background:#06080de0;justify-content:center;align-items:center;font-family:system-ui,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.cz-panel{box-sizing:border-box;background:#121726;border:1px solid #2b3345;border-radius:14px;gap:24px;width:min(900px,94vw);max-height:92vh;padding:22px;display:flex;overflow:hidden;box-shadow:0 10px 40px #0009}.cz-preview{flex-direction:column;flex:0 0 300px;align-items:center;display:flex}.cz-title{letter-spacing:.2em;opacity:.8;margin-bottom:6px;font-size:13px}.cz-stage canvas{touch-action:none;cursor:grab;display:block;width:100%!important;height:auto!important}.cz-hint{opacity:.55;margin-top:6px;font-size:12px}.cz-controls{flex:1;padding-right:8px;overflow-y:auto}.cz-label{letter-spacing:.18em;opacity:.65;margin:16px 0 6px;font-size:11px}.cz-label:first-child{margin-top:0}.cz-row{flex-wrap:wrap;gap:8px;display:flex}.cz-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;padding:0}.cz-swatch.on{border-color:#fff;box-shadow:0 0 0 2px #4cc9f0}.cz-choice{color:#e8ecf5;font:inherit;cursor:pointer;background:#1a2133;border:1px solid #3a4560;border-radius:8px;padding:7px 12px;font-size:13px}.cz-choice.on{color:#1a1405;background:#e0c070;border-color:#e0c070}.cz-name{box-sizing:border-box;color:#e8ecf5;width:100%;font:inherit;background:#1a2133;border:1px solid #3a4560;border-radius:8px;padding:9px 10px;font-size:15px}.cz-actions{gap:10px;margin-top:22px;display:flex}.cz-btn{color:#e8ecf5;font:inherit;cursor:pointer;background:#1a2133;border:1px solid #3a4560;border-radius:8px;padding:10px 20px;font-size:14px}.cz-btn.primary{color:#06121a;background:#4cc9f0;border-color:#4cc9f0;font-weight:700}@media (width<=720px){.cz-panel{flex-direction:column;overflow-y:auto}.cz-preview{flex:none}.cz-controls{overflow:visible}}.tc{z-index:25;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;position:fixed}.tc-stick{background:#ffffff14;border:2px solid #9be7ff59;border-radius:50%;width:104px;height:104px;bottom:16px;left:16px}.tc-knob{pointer-events:none;background:#9be7ff59;border:2px solid #9be7ffcc;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.tc-btn{color:#e8ecf5;letter-spacing:.06em;background:#1c2233c7;border:2px solid #9be7ff80;border-radius:999px;justify-content:center;align-items:center;padding:0;font:700 11px system-ui,sans-serif}.tc-btn.on{background:#f4a261bf;border-color:#f4a261}.tc-sprint{width:66px;height:66px;font-size:12px;bottom:16px;right:16px}.tc-save{height:38px;padding:0 18px;font-size:12px;bottom:92px;right:16px}.tc-small{border-width:1px;height:28px;padding:0 10px;font-size:10px;top:46px}.tc-restart{right:12px}.tc-view{right:92px}.tc-over{right:168px}.tc-center{gap:12px;bottom:12%;left:50%;transform:translate(-50%)}.tc-big{min-width:110px;height:44px;padding:0 16px;font-size:14px;display:flex}.tc-rotate{z-index:50;text-align:center;color:#e8ecf5;background:#080b13;justify-content:center;align-items:center;font:22px/1.6 system-ui,sans-serif;display:none;position:fixed;inset:0}.tc-rotate small{opacity:.65;font-size:14px}.tc-rotate-icon{margin-bottom:8px;font-size:56px}@media (pointer:coarse){#hearts{gap:3px;top:8px;right:12px}.heart{width:22px;height:22px}#topbar{gap:3px;width:min(300px,46vw);top:8px}#topbar .phase{letter-spacing:.1em;font-size:10px}#topbar .row{gap:8px}#topbar .track{border-radius:4px;height:7px}#topbar .fill{border-radius:4px}#topbar .secs{min-width:40px;font-size:12px}#hint{font-size:11px;top:46px}#toast{padding:6px 12px;font-size:12px;top:64px;bottom:auto}#stamina{gap:6px;font-size:10px;top:36px;bottom:auto;left:14px}#stamina .track{width:84px;height:6px}#cctv{gap:6px;font-size:10px;top:10px;left:14px}#cctv .dot{width:7px;height:7px}#minimap{border-radius:6px;width:150px;height:75px;bottom:10px;left:50%;right:auto;transform:translate(-50%)}}@media (height<=520px){.card{max-height:100vh;padding:14px 24px;overflow-y:auto}.logo{font-size:44px}.card h2{font-size:24px}.steps{margin-top:8px;font-size:14px;line-height:1.5}.cz-panel{gap:14px;padding:12px}.cz-preview{flex-basis:170px}.cz-stage canvas{max-height:210px;width:auto!important}}.cz-note{opacity:.8;margin:0 0 14px;font-size:13px;line-height:1.5}.customize+.customize,.card .customize{margin-right:8px}