:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#e3edf1;background:#08131e;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100svh;display:flex;align-items:center;justify-content:center;gap:52px;background:radial-gradient(ellipse at 50% 35%,#263e4b 0, #0c1c29 45%,#07111b 85%)}button,input,a{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #75d9d1;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}#stage{width:min(100vw,calc(100svh * .6),540px);height:100svh;max-height:960px;position:relative;overflow:hidden;isolation:isolate;background:#172e3d;--danger:0}#world{width:100%;height:100%;display:block;touch-action:none}#shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#071522d9,transparent 35%,#09192533 47%,#0a1928f5 74%,#0a1928);z-index:1}.desktop-note{width:230px;flex-shrink:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#86b3c0}.desktop-note h2{font-size:43px;line-height:1.35;letter-spacing:-2px;margin:25px 0;font-weight:800}.desktop-note p,.desktop-note small{font-size:11px;color:#819daa;line-height:1.8}.keys{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:40px 0;font-size:12px;color:#b5c8d3}.keys span{padding-bottom:9px;border-bottom:1px solid #314653}.desktop-right{width:170px;display:flex;flex-direction:column;gap:20px}.cross{font-size:40px;color:#74ccc9}.desktop-right>span:not(.cross){font-size:10px;color:#81a7b9;letter-spacing:4px}.desktop-right p{font-size:23px;font-weight:600;line-height:1.7;margin:0}.desktop-right small{font-size:11px;line-height:2;color:#809aa9}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:calc(25px + env(safe-area-inset-top)) 26px calc(15px + env(safe-area-inset-bottom));pointer-events:none;z-index:2}.overlay>*{pointer-events:auto}.hero{text-align:center}.stamp{font-size:10px;letter-spacing:2px;font-weight:600;border:1px solid #597c8f;padding:6px 10px;display:inline-block;color:#b2ceda;background:#142d3bb3;border-radius:3px}.hero h1{font-size:clamp(48px,12vw,68px);font-weight:900;letter-spacing:-3px;line-height:1.15;margin:18px 0 0;text-shadow:0 5px 30px #0009}.hero h1 span{color:#72d2cf}.hero h1 i{font-size:44px;font-style:normal;color:#e4a065}.hero p{margin:13px 0;font-size:11px;letter-spacing:5px;color:#a5bbc9}.start-sheet{padding-top:10px}.name-row{display:flex;align-items:center;gap:12px;border:1px solid #476373;background:#102635cf;padding:4px 12px;border-radius:6px}.name-row label{font-size:11px;color:#c3d3da;white-space:nowrap}.name-row input{width:100%;min-width:0;background:transparent;border:0;color:#fff;padding:10px 0;font-size:16px;outline-offset:0}.name-row:has([aria-invalid=true]){border:2px solid #f19880;background:#4c262f}.name-error{font-size:13px;font-weight:700;color:#ffad99;line-height:1.5;margin:8px 0}.tiny{font-size:10px;color:#8eaab8;line-height:1.7}.primary{background:#d48953;color:#151e27;box-shadow:0 4px 0 #925734;border:1px solid #e8ad77;border-radius:6px;width:100%;padding:12px 16px;min-height:50px;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0 16px;text-decoration:none}.primary:hover{background:#e3a16e}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #925734}.primary span{font-size:23px}.split{display:flex;gap:8px}.secondary{background:#1b3242e8;color:#c3d7e1;border:1px solid #416174;border-radius:5px;min-height:42px;padding:10px 8px;font-size:12px;font-weight:650;flex:1}.secondary:hover{background:#2a475a}.full{width:100%;margin:6px 0}.instruction{text-align:center;font-size:11px;color:#bed3da;margin:12px 0 3px}.feedback{font-size:11px;line-height:1.6;min-height:18px;color:#93b9c7;margin:7px 0;text-align:center;overflow-wrap:anywhere}.feedback.error{color:#f5ac94}.modal-overlay{position:absolute;inset:0;background:#040d18b0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;overflow:auto}.panel{width:100%;padding:24px;background:linear-gradient(150deg,#20394a,#112331);border:1px solid #476575;border-radius:12px;box-shadow:0 16px 50px #0005;max-height:96%;overflow:auto}.panel h2{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:14px 0 8px}.panel p{font-size:12px;color:#a4bdc8;line-height:1.7}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.close{background:transparent;border:0;color:#c5dce2;min-width:38px;min-height:38px;font-size:26px}.orange{border-color:#97694d;color:#ebb48b;background:#422e2780}.orange-text{color:#e9a16d}.text-button{display:block;margin:8px auto 0;border:0;background:transparent;padding:5px;font-size:12px;color:#85c6c6;min-height:34px}.result-score{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px}.result-score span{font-size:11px;color:#92aebb}.result-score strong{font-size:60px;line-height:1.2;letter-spacing:-2px;font-variant-numeric:tabular-nums}.result-score b{font-size:12px;color:#eaba86}.result-stats{display:flex;justify-content:center;gap:20px;font-size:11px;padding:9px 0;border-bottom:1px solid #38515e}.panel .earned-title{color:#74d3cb;text-align:center;letter-spacing:2px;margin:9px 0}.panel #next-target{color:#efbc8f;font-size:13px;text-align:center;font-weight:700}#hud{position:absolute;inset:0 0 auto;padding:calc(18px + env(safe-area-inset-top)) 18px 12px;z-index:3;background:linear-gradient(#07182bf2,#092238b5 62%,transparent);pointer-events:none;text-shadow:0 1px 3px #000a}.scoreboard{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;width:68%}.micro{font-size:9px;letter-spacing:2px;width:100%;font-weight:700;color:#b0cbd8}.scoreboard strong{font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.scoreboard>span:not(.micro){font-size:10px;font-variant-numeric:tabular-nums;color:#b2d0dc}.hud-actions{position:absolute;right:15px;top:calc(19px + env(safe-area-inset-top));display:flex;gap:7px;pointer-events:auto}.icon-button{width:39px;height:39px;background:#132f42db;border:1px solid #658598;border-radius:6px;font-size:20px;color:#d9f0f5}.chase{margin-top:14px}.chase>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px;font-size:10px;font-weight:600;margin-bottom:5px}.track{height:4px;background:#9abac033;overflow:hidden}#gap{height:100%;background:#62c9c0;transition:width .1s linear}.run-meta{display:flex;justify-content:space-between;gap:6px;margin-top:9px;font-size:10px;color:#b1d5de}#combo{color:#e4ad76}#rival{margin-top:6px;font-size:11px;color:#e9bd92}#countdown{position:absolute;inset:0;display:grid;place-items:center;background:#05121c55;font-size:88px;font-weight:900;color:#ecf9f8;z-index:10;pointer-events:none}#subtitle{position:absolute;bottom:calc(113px + env(safe-area-inset-bottom));left:18px;right:18px;text-align:center;background:#11293deb;color:#d8eef3;padding:10px 12px;border:1px solid #60869b;border-radius:5px;font-size:14px;font-weight:700;z-index:4;pointer-events:none}#tutorial,#notice{position:absolute;top:25%;left:22px;right:22px;padding:10px;background:#112b40ed;color:#eff7f8;text-align:center;border:1px solid #7eaaa9;border-radius:5px;font-size:12px;z-index:4;pointer-events:none}#notice{top:33%;color:#f2c18e;border-color:#b18c68}#touch-controls{position:absolute;left:16px;right:16px;bottom:calc(17px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:10px;z-index:4}#touch-controls button{flex:1;height:55px;max-width:82px;border:1px solid #91b5c598;border-radius:8px;background:#173c51c4;color:#d1edf2;font-weight:700;font-size:25px;touch-action:manipulation;backdrop-filter:blur(3px)}#touch-controls small{display:block;font-size:9px;line-height:1}#touch-controls button:active{background:#507985}.setting{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;margin:24px 0}.setting input[type=range]{width:55%;accent-color:#67c8c2}.setting input[type=checkbox]{width:20px;height:20px;accent-color:#67c8c2}.rank-list{list-style:none;padding:0;margin:16px 0;max-height:42svh;overflow:auto}.rank-list li{display:flex;gap:12px;padding:13px 3px;border-bottom:1px solid #3b5461;align-items:center;font-size:13px}.rank-list .place{font-size:15px;font-weight:800;width:24px;color:#8eacba}.rank-list .who{flex:1;overflow-wrap:anywhere}.rank-list .points{font-weight:800;font-variant-numeric:tabular-nums}.rank-list li.me{background:#315153}.rank-list li:first-child .place{color:#efb573}.empty{padding:35px 4px;text-align:center}#danger-vignette{position:absolute;inset:0;box-shadow:inset 0 0 75px 30px #d34535;opacity:var(--danger);pointer-events:none;z-index:2}#intro-caption{position:absolute;bottom:18%;left:12px;right:12px;text-align:center;color:#f1eeee;text-shadow:0 2px 7px #000;font-size:19px;font-weight:700;z-index:7;background:#0d1f30aa;padding:15px 8px}#skip-intro{position:absolute;right:16px;bottom:8%;z-index:8}#card-image{width:100%;display:block;border-radius:7px}.challenge-note{font-size:12px;color:#ecc094;background:#263c4ccc;border-left:2px solid #d59b66;padding:8px;margin:0}.flash{animation:hit .3s linear}@keyframes hit{50%{filter:brightness(1.25) sepia(.3)}}@media(min-width:800px){#stage{height:94svh;max-height:900px;border:1px solid #597381;border-radius:16px;box-shadow:0 25px 100px #0008}}@media(max-width:1150px){body{gap:25px}.desktop-right{display:none}.desktop-note{width:195px}}@media(max-width:780px){.desktop-note{display:none}#stage{width:100vw;max-width:540px}body{background:#0b1d2c}}@media(max-height:740px){.hero h1{font-size:46px;margin-top:10px}.hero p{font-size:10px;margin:8px}.overlay{padding:15px 20px}.name-row input{padding:6px}.tiny{margin:6px 0}.primary{min-height:44px;padding:8px;margin:9px 0 12px}.panel{padding:16px}.panel h2{font-size:27px}.result-score strong{font-size:46px}.modal-overlay{padding:10px}.result-stats{padding:6px 0}.panel #next-target{font-size:12px}.panel p{margin:7px 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}