:root{color-scheme:dark;--green:#b9ff65;--dim:#a1b2ce;--line:#2c3e58}*{box-sizing:border-box}body{margin:0;background:#080e1d;color:#eff6ff;font-family:system-ui,sans-serif}main{max-width:1160px;padding:28px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:15px}a{color:inherit;text-decoration:none}.brand{font-weight:900;font-size:25px;letter-spacing:2px}.brand em{color:var(--green);font-style:normal}.back{font-size:13px;padding:12px;border:1px solid var(--line);border-radius:30px}.intro{display:flex;justify-content:space-between;align-items:center;margin:55px 0 30px;gap:24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700}h1{font-size:clamp(32px,5vw,58px);letter-spacing:-2px;line-height:1.2;margin:14px 0}h1 span{color:var(--green)}.intro p:not(.eyebrow){color:var(--dim);line-height:1.8}.journey{padding:25px;border-left:1px solid var(--line);max-width:300px}.journey>span{color:var(--dim);font-size:11px;letter-spacing:2px}.journey strong{display:block;font-size:48px}.journey small{color:var(--dim)}#map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:28px}button{font:inherit;color:inherit;border:1px solid var(--line);background:#142239;padding:12px 16px;border-radius:12px;cursor:pointer;min-height:46px;touch-action:manipulation}button:hover:not(:disabled){border-color:var(--green)}button:disabled{opacity:.5;cursor:default}button.selected{border-color:var(--green);background:#223b32}#map button{text-align:left;min-height:110px;padding:14px}#map b{font-size:12px;display:block;margin:8px 0}#map small{color:var(--green)}#map .num{font-size:21px;color:#92a9c6}.mission{border:1px solid var(--line);border-radius:22px;background:#101a2d;padding:22px;scroll-margin-top:8px}.brief{display:flex;justify-content:space-between;align-items:center;gap:15px}h2{margin:8px 0;font-size:24px}.brief p:not(.eyebrow){color:var(--dim);font-size:13px}.badge{font-size:12px;color:var(--green);padding:10px;border:1px solid #4b6648;border-radius:8px;white-space:nowrap}.tip{background:#182940;padding:14px;border-radius:10px;color:#c3d5ec;font-size:13px;line-height:1.7}.hud{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--dim);margin:18px 0 12px}.hud strong{display:block;font-size:25px;color:#fff;margin-top:5px}.meter{height:4px;background:#26394e;margin-bottom:12px}.meter i{display:block;height:100%;width:0;background:var(--green);transition:width .15s}#arena{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#080f20}canvas{width:100%;display:block;aspect-ratio:900/570;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:crosshair}#cover{position:absolute;inset:0;background:#081021db;display:grid;place-items:center;text-align:center;overflow:auto;padding:20px}#cover>div{max-width:520px;margin:auto}#coverTitle{font-size:32px}#coverText{line-height:1.7;color:var(--dim)}.primary{background:var(--green);color:#12220b;font-weight:800;margin:5px}#resultStars{font-size:36px;color:#ffe49a;margin:15px 0}#feedback{color:var(--green);min-height:25px}.controls{display:flex;gap:18px;align-items:center;color:var(--dim);font-size:12px;line-height:1.7}.notes{margin-top:25px;padding:22px;border:1px solid var(--line);border-radius:16px}.notes h2{font-size:18px}.notes p{font-size:13px;color:var(--dim);line-height:1.8}.soundbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:25px;font-size:12px}.soundbar label{display:flex;align-items:center;gap:8px}.soundbar input{accent-color:var(--green);min-height:44px}footer{font-size:10px;letter-spacing:2px;color:#8296b3;margin:25px 0}button:focus-visible,a:focus-visible{outline:3px solid #8cdcff;outline-offset:3px}[hidden]{display:none!important}.playing .intro,.playing #map,.playing .brief,.playing .tip{display:none}.playing .mission{margin-top:12px}.playing #arena{max-width:min(100%,calc((100svh - 190px)*900/570));margin:auto}.playing .hud{margin-top:0}.playing .mission{padding:14px}@media(max-width:650px){main{padding:14px}.intro{margin-top:30px;gap:12px}.journey{padding:12px;width:125px}.journey strong{font-size:30px}.journey small{display:none}#map{grid-template-columns:repeat(2,minmax(0,1fr))}.brief{flex-wrap:wrap}.mission{padding:12px}#arena{min-height:330px}.playing #arena{min-height:0}.hud strong{font-size:20px}.brand{font-size:18px}.back{font-size:11px}.controls{align-items:flex-start}#coverTitle{font-size:24px}#coverText{font-size:13px}#resultStars{margin:8px 0}}@media(prefers-reduced-motion:reduce){.meter i{transition:none}}

.continue-row{display:flex;gap:16px;align-items:center;margin-bottom:18px}.continue-row span{font-size:12px;color:var(--dim)}.stage-goals{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#ffe49a}.stage-goals p{margin:3px 0}#bestStage{color:var(--dim)}.live-goals{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--green);margin-top:12px}.live-goals span{color:#b4c8e3}.notes summary{cursor:pointer;min-height:35px;padding:8px 0;font-weight:bold}.playing .continue-row,.playing .stage-goals{display:none}#cover .primary{display:block;margin:12px auto}#cover #next{background:#b9ff65;color:#12220b}#cover:has(#next:not([hidden])) #start{background:#1b2d43;color:#cfdef1;font-weight:normal;font-size:13px}@media(max-width:650px){.continue-row{flex-wrap:wrap;gap:6px}.live-goals{flex-wrap:wrap}.playing #arena{max-width:min(100%,calc((100svh - 230px)*900/570))}}