:root{color:#f4efe2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070914;font-family:Avenir Next,PingFang SC,Noto Sans SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:100%;margin:0}body{overscroll-behavior:none;background:#070914;overflow:hidden}button{font:inherit;border:0}button:focus-visible{outline-offset:3px;outline:2px solid #f7c45d}[hidden]{display:none!important}#app{--ink:#070914;--paper:#f4efe2;--amber:#f7c45d;--amber-deep:#c8792d;--cyan:#72dddc;--cyan-deep:#1494b6;--violet:#b58aff;--danger:#ff6d72;--line:#dce9f542;--panel:#070b19b8;--safe-top:max(12px, env(safe-area-inset-top));--safe-right:max(12px, env(safe-area-inset-right));--safe-bottom:max(14px, env(safe-area-inset-bottom));--safe-left:max(12px, env(safe-area-inset-left));isolation:isolate;background:radial-gradient(circle at 50% 45%,#784dd833,#0000 28%),radial-gradient(circle at 14% 16%,#249ebc21,#0000 25%),#070914;height:100dvh;min-height:480px;position:relative;overflow:hidden}#game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#screen-vignette{z-index:2;pointer-events:none;background:linear-gradient(#0306105c,#0000 23% 72%,#03061070),radial-gradient(#0000 43%,#02040c6b 100%);position:absolute;inset:0}.impact-flash{z-index:3;pointer-events:none;opacity:0;mix-blend-mode:screen;position:absolute;inset:0}#game-ui{z-index:4;pointer-events:none;position:absolute;inset:0}#game-ui button{pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#play-hud{inset:var(--safe-top) var(--safe-right) auto var(--safe-left);color:var(--paper);pointer-events:none;opacity:0;transition:opacity .18s,transform .18s;position:absolute;transform:translateY(-10px)}#app[data-phase=playing] #play-hud{opacity:1;transform:translateY(0)}#app[data-phase=paused] #play-hud{opacity:.36}.hud-topline{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.hud-frame{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#75b2ca17,#0000 48%),#060a18ad;box-shadow:inset 0 1px #ffffff0f,0 8px 26px #0000003b}.objective-cluster{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));width:clamp(135px,40vw,170px);padding:8px 9px 7px}.micro-label,.energy-reading,.score-ribbon>span,.wave-chip>span,.objective-reading>span{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1}.micro-label{color:#f4efe2b8;align-items:center;gap:5px;display:flex}.signal-dot,.status-pip{background:var(--cyan);border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 3px #72dddc21,0 0 10px #72dddce6}.objective-reading{justify-content:space-between;align-items:baseline;gap:7px;margin-top:5px;display:flex}.objective-reading>span{color:#f4efe280;font-size:8px}.objective-reading strong,.score-ribbon strong,.wave-chip strong,.time-chip time,.combo-cue strong,.result-scoreline strong{font-variant-numeric:tabular-nums;letter-spacing:.045em;font-family:Arial Narrow,Avenir Next Condensed,DIN Condensed,sans-serif}.objective-reading strong{color:var(--amber);text-shadow:0 0 15px #f7c45d52;font-size:25px;font-weight:800;line-height:.92}.energy-meter{background:#01050fc2;border:1px solid #89c5d42e;border-radius:4px;height:5px;margin-top:7px;position:relative;overflow:hidden}.energy-fill{border-radius:inherit;background:linear-gradient(90deg, var(--cyan-deep), var(--cyan) 70%, #e8fff8);transform-origin:0;width:100%;transition:width .18s;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #72dddcd1}.energy-reading{color:#f4efe28a;justify-content:space-between;align-items:center;margin-top:5px;display:flex}.energy-reading strong{color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:10px}.status-cluster{grid-template-columns:repeat(2,minmax(48px,1fr));gap:5px;width:clamp(104px,30vw,128px);display:grid}.score-ribbon{grid-column:1/-1;justify-content:space-between;align-items:baseline;min-height:25px;padding:5px 7px;display:flex}.score-ribbon>span{color:#f4efe27d}.score-ribbon strong{color:var(--paper);font-size:15px;line-height:1}.round-row{display:contents}.wave-chip,.time-chip{justify-content:center;align-items:center;min-height:34px;padding:4px 5px;display:flex}.wave-chip{flex-direction:column;gap:1px}.wave-chip>span{color:#f4efe273;font-size:7px}.wave-chip strong{color:var(--violet);font-size:16px;line-height:.9}.time-chip{gap:4px}.time-chip time{color:var(--paper);font-size:13px;font-weight:700;line-height:1}.time-glyph{border:1px solid var(--amber);border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px #f7c45d73}.time-glyph:after{background:var(--amber);content:"";transform-origin:50% 100%;width:1px;height:4px;margin:1px auto;display:block;transform:rotate(-38deg)}.hud-actions{display:contents}.icon-button{width:100%;min-width:48px;min-height:48px;color:var(--paper);background:#060a18b8;border:1px solid #d7eaf44a;border-radius:2px;place-items:center;transition:background .13s,transform .13s,border-color .13s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,0 7px 18px #0003}.icon-button:hover,.icon-button:focus-visible{border-color:var(--cyan);background:#12223aeb}.icon-button:active,.primary-button:active,.secondary-button:active,.pulse-button:active,.primary-button[data-pressed=true],.secondary-button[data-pressed=true]{transform:translateY(1px)scale(.97)}.sound-icon{border:solid var(--paper);clip-path:polygon(0 34%,42% 34%,100% 0,100% 100%,42% 66%,0 66%);border-width:5px 8px 5px 0;width:18px;height:17px;display:block;position:relative}.sound-icon:after{border:1.5px solid var(--paper);content:"";border-bottom-color:#0000;border-left-color:#0000;border-radius:2px;width:8px;height:8px;position:absolute;top:2px;left:15px;transform:rotate(45deg)}#app[data-muted=true] .sound-icon:before{z-index:2;background:var(--danger);content:"";width:2px;height:23px;position:absolute;top:-3px;left:12px;transform:rotate(45deg);box-shadow:0 0 6px #ff6d72e6}.pause-button>span,.pause-button>span:after{background:var(--paper);width:3px;height:15px;box-shadow:6px 0 0 var(--paper);content:"";border-radius:2px;display:block}.objective-status{border-left:2px solid var(--cyan);color:#f4efe2d6;background:linear-gradient(90deg,#040d1cbd,#040d1c2e);align-items:center;gap:7px;width:min(238px,68vw);min-height:30px;margin-top:8px;padding:6px 8px;display:flex}.objective-status p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:11px;font-weight:650;line-height:1.25;overflow:hidden}.combo-cue{color:#f4efe2ad;opacity:0;background:linear-gradient(90deg,#0000,#4a2b7a59,#0000);border-top:1px solid #b58aff73;border-bottom:1px solid #b58aff33;align-items:baseline;gap:5px;padding:5px 9px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:clamp(170px,27vh,260px);left:50%;transform:translate(-50%,-5px)}.combo-cue[data-active=true]{opacity:1;transform:translate(-50%)}.combo-cue span{letter-spacing:.15em;font-size:8px;font-weight:700}.combo-cue strong{color:#d8c6ff;text-shadow:0 0 16px #b58affbf;font-size:22px;line-height:.85}#touch-controls{right:var(--safe-right);bottom:var(--safe-bottom);left:var(--safe-left);pointer-events:none;opacity:0;justify-content:space-between;align-items:end;transition:opacity .18s,transform .18s;display:flex;position:absolute;transform:translateY(12px)}#app[data-phase=playing] #touch-controls{opacity:1;transform:translateY(0)}.steer-prompt{color:#f4efe28f;letter-spacing:.06em;align-items:center;gap:7px;margin:0 0 8px 4px;font-size:10px;font-weight:700;display:flex}.steer-arc{border:1px solid #72dddc8a;border-bottom:0;border-radius:31px 31px 0 0;width:31px;height:16px;display:block;position:relative}.steer-arc:before,.steer-arc:after{border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);content:"";width:5px;height:5px;position:absolute;top:8px}.steer-arc:before{left:-2px;transform:rotate(-135deg)}.steer-arc:after{right:-2px;transform:rotate(45deg)}.pulse-button{aspect-ratio:1;width:clamp(82px,23vw,104px);min-width:82px;min-height:82px;color:var(--ink);background:conic-gradient(from 205deg, #72dddc2e 0deg, var(--cyan) 82deg, var(--amber) 150deg, #f7c45d2e 210deg, transparent 250deg, #b58affa3 330deg, #72dddc2e 360deg);border-radius:50%;place-items:center;transition:transform .12s,filter .12s;display:grid;position:relative;overflow:visible;box-shadow:0 0 0 1px #c5fcfa7a,0 0 18px #72dddc54,0 12px 27px #00000057}.pulse-button:before{content:"";background:radial-gradient(circle at 37% 29%,#effffc,#64d4dd 37%,#126483 76%,#0a1b38);border-radius:50%;position:absolute;inset:5px}.pulse-button:hover,.pulse-button:focus-visible{filter:brightness(1.15)}.pulse-button[data-pressed=true]{filter:brightness(1.28)saturate(1.22)}.pulse-button[data-ready=false]{filter:saturate(.42)brightness(.66)}.pulse-button-core{z-index:2;background:#051d3369;border:1px solid #effffcd1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64%;height:64%;display:flex;position:relative;box-shadow:inset 0 0 15px #ffffff3b}.pulse-button-label{color:#f7fcf6;letter-spacing:.04em;text-shadow:0 1px 3px #041b30cc;font-size:14px;font-weight:800}.pulse-button-caption{color:#e5fffcb8;letter-spacing:.15em;margin-top:1px;font-size:7px;font-weight:800}.pulse-orbit{pointer-events:none;border:1px solid #72dddc7a;border-radius:50%;position:absolute}.pulse-orbit-one{border-top-color:#0000;border-left-color:#f7c45dc2;animation:5s linear infinite orbit-turn;inset:-7px}.pulse-orbit-two{opacity:.65;border-bottom-color:#b58affd1;border-right-color:#0000;animation:7s linear infinite reverse orbit-turn;inset:-13px}@keyframes orbit-turn{to{transform:rotate(1turn)}}.screen-overlay{pointer-events:auto;touch-action:manipulation;display:none;position:absolute;inset:0;overflow:auto}#app[data-phase=intro] #intro-overlay,#app[data-phase=paused] #pause-overlay:not([hidden]),#app[data-phase=gameover] #gameover-overlay:not([hidden]),#app[data-phase=victory] #victory-overlay:not([hidden]){display:grid}.intro-overlay{padding:max(28px, env(safe-area-inset-top)) var(--safe-right) var(--safe-bottom) var(--safe-left);background:linear-gradient(#05071214,#0407135c 35%,#030611e8 100%),radial-gradient(at 50% 16%,#774ac73b,#0000 37%);place-items:end stretch}.intro-scanlines{pointer-events:none;opacity:.2;background:repeating-linear-gradient(#0000 0 4px,#9bcceb14 5px 6px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 45%,#000);mask-image:linear-gradient(#0000,#000 45%,#000)}.intro-panel{-webkit-backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));background:linear-gradient(135deg,#64bacb1a,#0000 38%),#060a1abd;border:1px solid #98cee445;border-bottom:2px solid #f7c45da6;width:min(100%,440px);margin:0 auto;padding:18px 18px 15px;position:relative;box-shadow:inset 0 1px #ffffff12,0 -20px 52px #0000003b}.rift-sigil{border:1px solid #b58affb3;border-radius:50%;width:49px;height:49px;margin-bottom:10px;position:relative;box-shadow:0 0 24px #b58aff57,inset 0 0 16px #72dddc29}.rift-sigil:before,.rift-sigil:after,.rift-sigil span,.rift-sigil i{background:linear-gradient(var(--cyan), var(--violet), transparent);content:"";transform-origin:50% 0;width:1px;height:62px;display:block;position:absolute;top:50%;left:50%}.rift-sigil:before{transform:rotate(23deg)translateY(-4px)}.rift-sigil:after{transform:rotate(147deg)translateY(-4px)}.rift-sigil span{background:linear-gradient(var(--amber), var(--violet), transparent);transform:rotate(89deg)translateY(-4px)}.rift-sigil i{background:linear-gradient(var(--cyan), transparent);transform:rotate(-46deg)translateY(-4px)}.kicker{color:var(--cyan);letter-spacing:.17em;margin:0;font-size:9px;font-weight:800}.intro-panel h1,.modal-panel h2{letter-spacing:.02em;margin:6px 0 0;font-weight:800;line-height:.9}.intro-panel h1{align-items:baseline;gap:8px;font-size:clamp(42px,13vw,64px);display:flex}.intro-panel h1 span{color:var(--paper)}.intro-panel h1 strong{color:var(--amber);text-shadow:0 0 22px #f7c45d40;font-weight:850}.intro-copy,.modal-panel>p:not(.kicker){color:#f4efe2b8;margin:12px 0 0;font-size:13px;line-height:1.56}.intro-steps{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}.intro-steps>div{background:#507b961a;border-left:1px solid #72dddc73;align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:flex}.intro-steps p{color:#f4efe2b0;margin:0;font-size:10px;line-height:1.3}.intro-steps b{color:var(--paper);font-size:12px}.step-icon{flex:none;width:19px;height:19px;display:block}.drag-icon{border:1px solid var(--cyan);border-radius:50%;box-shadow:inset 0 0 0 4px #72dddc1c}.drag-icon:after{background:var(--cyan);content:"";width:1px;height:22px;margin:-2px auto;display:block;transform:rotate(48deg)}.pulse-icon{border:1px solid var(--amber);border-radius:50%;box-shadow:0 0 11px #f7c45d5c,inset 0 0 0 5px #f7c45d24}.primary-button{color:#101323;letter-spacing:.04em;background:linear-gradient(103deg,#f8d779,#f3b653 62%,#d68536);border:1px solid #fff0bedb;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:0 17px;font-size:15px;font-weight:850;transition:transform .13s,filter .13s;display:flex;box-shadow:0 0 0 1px #f7c45d24,0 9px 26px #00000047}.primary-button:hover,.primary-button:focus-visible{filter:brightness(1.1)saturate(1.05)}.primary-button i{font-size:22px;font-style:normal;line-height:1}.gesture-note{color:#f4efe26b;letter-spacing:.07em;text-align:center;margin:10px 0 0;font-size:9px}.modal-overlay{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-backdrop-filter:blur(9px);background:#02040dad;place-items:center}.modal-panel{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));background:linear-gradient(142deg,#329ab524,#0000 45%),#060a1ced;border:1px solid #a8cfe752;border-top-color:#72dddccc;width:min(100%,380px);padding:24px 19px 18px;box-shadow:0 24px 66px #0000007a,inset 0 1px #ffffff12}.modal-panel h2{color:var(--paper);font-size:clamp(30px,9vw,39px)}.modal-actions{gap:9px;margin-top:21px;display:grid}.secondary-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.secondary-button{color:#f4efe2cf;background:#7390ae1a;border:1px solid #bbd9e647;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:11px;font-weight:750;transition:transform .13s,border-color .13s,background .13s;display:flex}.secondary-button .sound-icon{width:14px;height:14px;transform:scale(.78)}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--cyan);background:#438dab33}.retry-icon{color:var(--amber);font-size:17px;font-style:normal}.retry-icon:before{content:"↻"}.result-overlay{background:radial-gradient(at 50% 36%,#905ce726,#0000 42%),#02040db3}.result-panel{text-align:center}.result-panel .kicker{justify-content:center}.result-panel h2{margin-top:9px}.danger-result{border-top-color:var(--danger)}.danger-result .kicker,.danger-result .result-scoreline strong{color:var(--danger)}.victory-result{border-top-color:var(--amber)}.victory-result .kicker,.victory-result .result-scoreline strong{color:var(--amber)}.result-scoreline{border-top:1px solid #b8d7e433;border-bottom:1px solid #b8d7e433;grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin:22px 0 18px;padding:11px 0;display:grid}.result-scoreline>span{color:#f4efe28a;letter-spacing:.1em;text-align:left;font-size:9px;font-weight:700}.result-scoreline>span:last-child{text-align:right}.result-scoreline b{color:#f4efe2eb;font-size:13px}.result-scoreline strong{font-size:42px;line-height:.8}.toast{bottom:calc(var(--safe-bottom) + 118px);max-width:min(286px,100vw - 44px);color:var(--paper);text-align:center;background:#051122e6;border:1px solid #72dddc7a;padding:9px 12px;font-size:12px;font-weight:700;line-height:1.35;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000052}.orientation-notice{z-index:10;pointer-events:auto;color:var(--paper);text-align:center;background:#030610f2;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.orientation-notice p{margin:0;font-size:16px;line-height:1.55}.orientation-notice b{color:var(--cyan)}.rotate-phone{border:2px solid var(--amber);border-radius:7px;place-items:center;width:44px;height:67px;animation:1.6s ease-in-out infinite rotate-prompt;display:grid;transform:rotate(-17deg);box-shadow:0 0 22px #f7c45d45}.rotate-phone span{background:var(--amber);border-radius:50%;width:5px;height:5px}@keyframes rotate-prompt{50%{transform:rotate(17deg)}}@media (width<=380px){#app{--safe-top:max(8px, env(safe-area-inset-top));--safe-right:max(9px, env(safe-area-inset-right));--safe-left:max(9px, env(safe-area-inset-left))}.objective-cluster{padding:7px 8px 6px}.objective-reading strong{font-size:23px}.status-cluster{gap:4px;width:104px}.icon-button{min-height:48px}.objective-status{width:min(214px,67vw)}.intro-panel{padding:15px 15px 13px}.intro-copy{margin-top:10px;font-size:12px}.intro-steps{margin:12px 0}}@media (height<=640px) and (orientation:portrait){.intro-overlay{padding-top:var(--safe-top);align-items:center}.rift-sigil{width:38px;height:38px;margin-bottom:6px}.intro-panel h1{font-size:clamp(37px,11vw,52px)}.intro-copy{margin-top:8px;font-size:12px;line-height:1.42}.intro-steps{margin:10px 0}.primary-button{min-height:48px}.gesture-note{margin-top:7px}}@media (orientation:landscape) and (height<=600px){#play-hud,#touch-controls,.screen-overlay{visibility:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}