:root{font-family:Arial,Helvetica,sans-serif;color:#e9edf2;background:#060a11;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#162333,#05080d 75%);overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #5ee5f5;outline-offset:5px}button:hover{filter:brightness(1.15)}button:active{transform:translateY(1px)}[hidden]{display:none!important}#stage{position:relative;width:min(100vw,177.7778dvh);aspect-ratio:16/9;overflow:hidden;background:#0b101b;box-shadow:0 0 100px #0008;container-type:inline-size}#stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;display:grid;place-items:center;background:#000}#stage:fullscreen #game{width:min(100vw,177.7778vh);height:min(100vh,56.25vw);position:relative}#stage:fullscreen .layer{width:min(100vw,177.7778vh);height:min(100vh,56.25vw);top:0;right:0;bottom:0;left:0;margin:auto}#game{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block;max-width:100%;max-height:100%;outline:none}.layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.layer button{pointer-events:auto}.eyebrow{font-size:clamp(8px,.7cqw,13px);font-weight:700;letter-spacing:.16em;color:#94b1c3}.chapter-tag{position:absolute;left:3%;top:4%;background:#09121ce8;border:1px solid #7ba8ba38;padding:.8% 1.2%;font-size:clamp(8px,.8cqw,14px);letter-spacing:.12em;font-weight:700}.red-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff354b;box-shadow:0 0 10px #ff354b;margin-right:8px}.divider{color:#7598a8;margin:0 .7em}.menu-panel{position:absolute;left:64%;top:37.7%;width:23%;min-height:33%;padding:1.4% 1.5%;background:linear-gradient(110deg,#090e1d,#10172c);border:1px solid #99c3d437;border-left:2px solid #e53549;box-shadow:0 8px 40px #05081580}.primary{display:flex;align-items:center;justify-content:center;gap:1em;background:linear-gradient(120deg,#e02b41,#9d172b);border:1px solid #ff5e6e;border-bottom:3px solid #740e22;min-height:3.8cqw;width:100%;text-transform:uppercase;font-weight:800;letter-spacing:.06em;font-size:clamp(10px,1.3cqw,23px);box-shadow:0 0 22px #f3294733;transition:filter .15s,transform .15s}.menu-panel .primary{margin-top:7%}.button-arrow{margin-left:auto;font-size:1.1em}.menu-description{font-size:clamp(9px,.93cqw,16px);line-height:1.6;color:#ccd3dd;margin:7% 0}.menu-controls{display:flex;gap:1em;padding-top:6%;border-top:1px solid #9eb2c62c;font-size:clamp(8px,.75cqw,13px);color:#b8c7d1}.menu-controls span{display:flex;align-items:center;gap:4px}kbd{font-family:inherit;font-size:.9em;border:1px solid #8ab0c24d;padding:3px 5px;border-radius:2px;color:#d9ebf3;background:#1b2935}.text-button{border:0;background:none;padding:.75em 0;color:#9bb2c2;font-size:clamp(9px,.85cqw,15px);letter-spacing:.02em}.menu-panel .text-button{margin-top:3%}.menu-footer{position:absolute;bottom:0;left:0;right:0;padding:1.3% 3%;display:flex;justify-content:space-between;background:linear-gradient(transparent,#050810ea);font-size:clamp(8px,.65cqw,12px);letter-spacing:.15em;color:#a9c2d1}.hud-top{display:flex;align-items:center;gap:3%;padding:2% 3%;background:linear-gradient(#060f1def,transparent)}.identity{display:flex;gap:12px;align-items:center}.identity-mark{font-weight:900;font-style:italic;font-size:2.2cqw;color:#cddde7;border-left:3px solid #d93648;padding:0 12px}.identity strong{display:block;font-size:clamp(10px,1cqw,18px);letter-spacing:.08em}.identity div>span{display:block;font-size:clamp(8px,.65cqw,12px);letter-spacing:.13em;color:#9bb5c3;margin-top:6px}.route{margin-left:auto;width:22%}.route>span{font-size:clamp(8px,.7cqw,12px);letter-spacing:.13em;color:#c0d4df;display:flex;justify-content:space-between}.route b{color:#6fdfeb}.route-track{height:3px;background:#748b9c40;margin-top:9px}.route-track i{display:block;height:100%;background:#6fdfeb;width:0;box-shadow:0 0 10px #69dceb66}.icon-button{background:#0b1628bb;border:1px solid #9ab9d344;border-radius:2px;width:3cqw;height:3cqw;font-size:1.2cqw;min-width:25px;min-height:25px}.objective{position:absolute;left:3%;top:13%;border-left:2px solid #cc7b46;padding-left:12px;transition:opacity 1s}.objective p{font-size:clamp(9px,.9cqw,16px);margin:6px 0;color:#d9e1e8}.objective p>span{color:#68d9e8;margin-left:10px}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:1.3% 3%;font-size:clamp(8px,.7cqw,13px);color:#a5b9c8;background:linear-gradient(transparent,#050810ea)}.dialog-layer{background:#040a15bb;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;pointer-events:auto}.dialog-card{width:36%;padding:3%;text-align:center;background:linear-gradient(135deg,#162435f7,#0b111dee);border:1px solid #8eacc83d;border-top:2px solid #df384c;box-shadow:0 30px 60px #0006}.dialog-card h1{font-size:clamp(17px,2.4cqw,42px);margin:.7em 0 .4em;line-height:1.08}.dialog-card p{font-size:clamp(10px,1cqw,18px);line-height:1.7;color:#aabcce;margin-bottom:2em}.secondary{width:100%;background:#172332;border:1px solid #6e8f9c50;min-height:3cqw;margin-top:12px;font-size:clamp(10px,1cqw,18px)}.dialog-card .text-button{margin-top:10px}.touch-controls{display:none;position:absolute;left:3%;right:3%;bottom:8%;justify-content:space-between;pointer-events:none}.touch-controls div{display:flex;gap:12px}.touch-controls button{width:clamp(32px,5cqw,70px);height:clamp(32px,5cqw,70px);border-radius:50%;background:#101c2bbc;border:1px solid #83b1c980;font-size:22px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls #jump{border-color:#e14759;background:#9d23358c}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;background:#0b101b;z-index:10}#loading p{font-size:clamp(14px,1.5cqw,26px)}#error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0b101bf7;display:grid;place-content:center;padding:10%;font-size:18px;line-height:1.8}@media(pointer:coarse),(max-width:800px){.touch-controls{display:flex}.hud-bottom{font-size:8px}.hud-bottom>span:first-child{visibility:hidden}.menu-controls{gap:7px}kbd{padding:2px}.menu-panel{width:26%;left:63%;min-height:35%}.dialog-card{width:48%}.identity{gap:5px}.identity-mark{padding:0 6px}}.play-icon{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #fff}.pause-bars{display:inline-block;width:10px;height:14px;border-left:3px solid currentColor;border-right:3px solid currentColor}