:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#f5f1ff;background:#151329;color-scheme:dark;--muted:#aaa4c0}*{box-sizing:border-box}body{margin:0}button{font:inherit;touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}main{max-width:460px;width:100%;margin:auto;padding:0 24px max(16px,env(safe-area-inset-bottom))}header{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18;font-size:14px;letter-spacing:2px}header strong span{font-size:10px;color:#b4a2e6}.badge{border:1px solid #ffffff30;border-radius:20px;font-size:9px;padding:6px 10px;letter-spacing:1px}section{padding-top:28px}section[hidden]{display:none}.eyebrow{color:#b8a4ed;letter-spacing:2px;font-size:10px;font-weight:700}h1{font-size:58px;line-height:1.05;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:#c9a8ff}.intro{font-size:14px;line-height:1.8;color:#c3bdd2}.helix{margin:28px 0;display:grid;gap:10px;transform:rotate(-9deg)}.helix>div{display:flex;gap:10px;align-items:center;justify-content:center}.helix>div:nth-child(2){transform:translateX(12px)}.helix b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:23px}.helix i{color:#696279;letter-spacing:5px}.a{background:#7de5ca;color:#183f3a}.t{background:#f4a9bf;color:#5c263f}.g{background:#f5d482;color:#4c3918}.c{background:#b9b0ff;color:#342a62}.rule{text-align:center;margin:28px 0}.rule strong{font-size:23px;letter-spacing:2px}.rule span,.reminder span{color:#655976;margin:0 9px}.rule p{font-size:11px;color:var(--muted)}.primary{background:#cbb3fc;color:#21173b;border:0;border-radius:14px;width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:16px;font-weight:800}.primary span{font-size:24px}.primary:active,.controls button:active{transform:scale(.96)}.note{font-size:11px;line-height:1.7;text-align:center;color:var(--muted);margin:14px 0}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff18;margin-top:28px;padding-top:18px;font-size:8px;letter-spacing:1px;color:#8f879e}.stats{display:flex;justify-content:space-between;align-items:center}.stats>div{min-width:62px}.stats>div:last-child{text-align:right}.stats small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.stats strong{font-size:30px;display:block;margin-top:3px;font-variant-numeric:tabular-nums}.stats strong small{display:inline;font-size:11px;margin-left:3px}.combo{text-align:center;color:#d0b3ff}.progress{height:4px;border-radius:4px;background:#ffffff12;margin:15px 0}#progress{height:100%;width:100%;background:#cbb3fc}.game-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:14px}#track{height:clamp(190px,38svh,360px);position:relative;border:1px solid #ffffff15;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#38304d,#1c192f 75%)}.lane{position:absolute;left:calc(50% - 39px);width:78px;height:100%;border-left:1px dashed #ffffff20;border-right:1px dashed #ffffff20}.base{position:absolute;top:10px;left:calc(50% - 30px);width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:38px;font-weight:850;box-shadow:0 8px 30px #0004;will-change:transform}.match-line{position:absolute;bottom:18px;width:100%;border-top:1px solid #cbb3fc77;text-align:right}.match-line span{display:inline-block;font-size:8px;letter-spacing:1px;color:#a999c6;margin:8px 10px}#feedback{position:absolute;top:42%;width:100%;text-align:center;color:#f6f2ff;font-size:16px;font-weight:800;text-shadow:0 2px 12px #000;pointer-events:none}.reminder{text-align:center;font-size:17px;font-weight:800;letter-spacing:2px;margin:20px 0}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.controls button{border:0;border-radius:16px;height:70px;font-size:30px;font-weight:850}.result-symbol{text-align:center;font-size:55px;margin:24px 0 12px}h2{text-align:center;font-size:32px;letter-spacing:-1px}.report{padding:26px 20px;background:#242039;border:1px solid #ffffff14;border-radius:20px;text-align:center}.report>small{letter-spacing:2px;color:var(--muted);font-size:10px}.report>strong{display:block;font-size:60px;margin:10px 0;color:#d7c0ff}.metrics{display:flex;justify-content:space-around}.metrics p{font-size:11px;color:var(--muted)}.metrics b{display:block;font-size:22px;color:#f5f1ff;margin-top:5px}#record{font-size:11px;color:#b8a4ed}.science{margin:24px 0;font-size:13px;line-height:1.8}.science p{color:#c3bdd2}.science small{display:block;font-size:10px;color:var(--muted)}@media(max-height:700px){.playing header{height:48px}.playing section{padding-top:16px}.playing .stats strong{font-size:25px}.playing .progress{margin:10px 0}.playing #track{height:clamp(170px,33svh,230px)}.playing .reminder{margin:12px 0}.playing .controls button{height:60px}.playing footer{margin-top:16px}}@media(max-width:350px){main{padding-left:18px;padding-right:18px}h1{font-size:51px}.game-label{font-size:9px}.controls{gap:8px}}@media(prefers-reduced-motion:reduce){.base{box-shadow:none}}
.mission-bar{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px;color:#d9c5ff}.mission-progress{height:5px;background:#ffffff12;border-radius:5px;overflow:hidden;margin-bottom:12px}#mission-fill{height:100%;background:#7de5ca;transition:width .2s}.fever #track{border-color:#f5d482;background:radial-gradient(ellipse at center,#5c3155,#292039)}.fever #combo,.fever #fever-label{color:#ffdf83}.fever .controls button{box-shadow:0 0 18px #f5d48230}.spark{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:5}#boss-title{position:absolute;top:15%;width:100%;text-align:center;font-size:22px;font-weight:850;color:#f5d482}#boss-title small{display:block;font-size:11px;margin-top:8px;color:#d4c8e5}#chain{position:absolute;top:43%;width:100%;display:flex;gap:14px;justify-content:center}#chain[hidden],#boss-title[hidden],#falling[hidden]{display:none}#chain b{display:grid;place-items:center;width:55px;height:60px;border-radius:15px;font-size:32px}#chain b.current{outline:3px solid white;outline-offset:4px}#chain b.done{opacity:.35}.boss #feedback{top:72%;font-size:13px}.boss-clock{display:none;position:absolute;bottom:13px;left:15%;width:70%;height:5px;background:#ffffff18;border-radius:8px;overflow:hidden}.boss .boss-clock{display:block}#boss-time{height:100%;background:#f5d482}.boss .match-line,.boss .lane{display:none}@media(max-height:700px){.playing #track{height:clamp(150px,29svh,205px)}.playing .mission-bar{font-size:9px}.playing .game-label{margin-bottom:8px}.playing .mission-progress{margin-bottom:8px}.playing #boss-title{font-size:18px;top:9%}.playing #chain{top:44%}.playing #chain b{width:44px;height:46px;font-size:26px}.playing .boss #feedback{top:77%;font-size:11px}}