:root{color-scheme:dark;--ink: #07131b;--ink-deep: #02070b;--panel: rgba(6, 18, 25, .92);--line: rgba(202, 255, 245, .22);--cyan: #83f7e5;--cyan-soft: #c8fff6;--copper: #f1a451;--magenta: #ff6b9e;--danger: #ff5f69;--white: #f4fbff;--muted: #91a8b1;--shadow: rgba(0, 0, 0, .48);font-family:Bahnschrift,Arial Narrow,Segoe UI,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#app,#game-root,#ui-root{width:100%;height:100%;margin:0;overflow:hidden}html,body{background:var(--ink-deep);overscroll-behavior:none}body{color:var(--white);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;letter-spacing:0}button:focus-visible{outline:2px solid var(--white);outline-offset:3px}#app{position:fixed;inset:0;isolation:isolate}#game-root,#ui-root{position:absolute;inset:0}#game-root canvas{display:block;width:100%;height:100%;touch-action:none}#ui-root{z-index:5;pointer-events:none}[hidden]{display:none!important}.hud{position:absolute;inset:0;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));pointer-events:none}.hud-primary{display:grid;grid-template-columns:minmax(120px,1fr) minmax(82px,auto) minmax(150px,1fr);align-items:start;gap:10px}.score-block,.time-block,.systems-block,.energy-block,.combo-cluster{background:linear-gradient(180deg,#040e14db,#040e1494);border:1px solid var(--line);box-shadow:0 10px 32px var(--shadow),inset 0 1px #ffffff0d;backdrop-filter:blur(7px)}.score-block{justify-self:start;min-width:132px;padding:8px 12px;border-left:3px solid var(--cyan);border-radius:3px 7px 7px 3px}.score-block span,.energy-block>span,.combo-cluster span,.time-block:before{display:block;color:var(--muted);font-size:.63rem;font-weight:800;line-height:1}.score-block strong{display:block;margin-top:2px;font-size:clamp(1.45rem,3.2vh,2.2rem);line-height:1}.time-block{min-width:92px;padding:7px 12px 9px;text-align:center;border-radius:6px}.time-block:before{content:"RIFT TIME";margin-bottom:3px}.time-block strong{font-variant-numeric:tabular-nums;font-size:1.28rem}.run-progress,.energy-track{position:relative;height:4px;overflow:hidden;background:#ffffff1a}.run-progress{width:100%;margin-top:5px}.run-progress span,.energy-track span{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width 80ms linear}.systems-block{display:flex;justify-self:end;align-items:center;gap:8px;padding:6px;border-radius:7px}.hull{display:flex;gap:4px;padding:0 7px}.hull-pip{width:13px;height:8px;background:var(--cyan);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);box-shadow:0 0 8px #83f7e58f;transition:background .12s ease,opacity .12s ease}.hull-pip.is-empty{background:#3b4c51;opacity:.45;box-shadow:none}.icon-button,.icon-command{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;background:#ffffff0e;border:1px solid rgba(255,255,255,.12);border-radius:5px;cursor:pointer;pointer-events:auto}.icon-button:hover,.icon-command:hover{color:var(--cyan);border-color:var(--cyan)}.icon-button svg,.icon-command svg,.command-button svg,.text-button svg{width:19px;height:19px;flex:0 0 auto}.energy-block{position:absolute;top:max(82px,calc(env(safe-area-inset-top) + 70px));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:auto minmax(88px,14vw) 58px;align-items:center;gap:8px;padding:7px 10px;border-right:3px solid var(--copper);border-radius:7px 3px 3px 7px}.energy-track.is-armed{box-shadow:0 0 14px #f1a45199}.energy-track span{background:linear-gradient(90deg,var(--cyan),var(--copper))}.energy-block strong{color:var(--copper);font-size:.66rem;text-align:right}.combo-cluster{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));padding:8px 12px;border-left:3px solid var(--magenta);border-radius:3px 7px 7px 3px;opacity:0;transform:translateY(10px);transition:opacity .14s ease,transform .14s ease}.combo-cluster.is-visible{opacity:1;transform:translateY(0)}.combo-cluster strong{display:block;color:var(--magenta);font-size:1.35rem;line-height:1}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:auto;background:#0105087a;backdrop-filter:blur(6px) saturate(1.12);pointer-events:auto}.start-overlay{background:linear-gradient(90deg,#010508b3,#01050847 48%,#0105087a)}.start-mark{position:absolute;top:50%;left:64%;width:min(42vw,520px);aspect-ratio:1.8;transform:translate(-50%,-50%) skew(-9deg);opacity:.28;pointer-events:none}.start-mark span,.start-mark i,.start-mark b{position:absolute;top:50%;left:50%;height:4px;background:var(--cyan);box-shadow:0 0 24px var(--cyan);transform-origin:left center}.start-mark span{width:55%;transform:rotate(-28deg)}.start-mark i{width:48%;transform:rotate(22deg);background:var(--copper)}.start-mark b{width:38%;transform:rotate(155deg);background:var(--magenta)}.modal{position:relative;width:min(100%,440px);padding:clamp(20px,4vw,34px);overflow:hidden;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--cyan);border-radius:7px;box-shadow:0 28px 80px #0000009e,inset 0 1px #ffffff0d}.start-modal{justify-self:start;margin-left:clamp(0px,7vw,110px)}.modal:after{content:"";position:absolute;right:-34px;bottom:-52px;width:160px;height:110px;border:1px solid rgba(131,247,229,.14);transform:rotate(-24deg);pointer-events:none}.eyebrow{margin:0 0 8px;color:var(--cyan);font-size:.7rem;font-weight:900}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(3.3rem,10vw,6.4rem);line-height:.82;font-weight:950}h2{margin-bottom:6px;font-size:clamp(1.45rem,5vw,2.15rem);line-height:1}.title-tail{margin:12px 0 18px;color:var(--copper);font-size:clamp(1rem,4vw,1.4rem);font-weight:900}.start-copy{max-width:36ch;margin-bottom:20px;color:#bed0d6;font-size:.93rem;line-height:1.45}.mode-actions,.stack-actions{display:grid;gap:9px}.command-button{position:relative;display:flex;min-height:58px;align-items:center;gap:13px;padding:10px 14px;overflow:hidden;text-align:left;background:#ffffff0b;border:1px solid rgba(255,255,255,.14);border-radius:6px;cursor:pointer}.command-button:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--muted)}.command-button:hover{border-color:#83f7e594;background:#83f7e514}.command-button.primary{color:var(--ink-deep);background:var(--cyan);border-color:var(--cyan-soft)}.command-button.primary:after{width:5px;background:var(--copper)}.command-button.primary:hover{background:var(--cyan-soft)}.command-button span{display:grid;min-width:0;gap:2px}.command-button strong{font-size:.9rem}.command-button small{overflow:hidden;font-size:.61rem;font-weight:700;opacity:.68;text-overflow:ellipsis;white-space:nowrap}.start-meta,.mode-switch{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:var(--muted);font-size:.62rem;font-weight:800}.text-button{display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:7px 4px;color:var(--muted);background:transparent;border:0;cursor:pointer}.text-button:hover{color:var(--cyan)}.compact-modal{width:min(100%,360px)}.onboarding{position:absolute;top:38%;left:50%;display:grid;min-width:min(82vw,390px);justify-items:center;transform:translate(-50%,-50%);color:var(--white);filter:drop-shadow(0 4px 20px #000);pointer-events:none}.onboarding strong{font-size:clamp(2.5rem,10vw,5.5rem);line-height:.9}.onboarding span{margin-top:8px;color:var(--cyan-soft);font-size:clamp(.8rem,2.4vw,1rem);font-weight:800}.onboarding b{position:absolute;top:50%;right:-1.1em;color:#f1a4519e;font-size:clamp(4.5rem,18vw,10rem);line-height:1;transform:translateY(-50%);z-index:-1}.event-toast{position:absolute;top:27%;left:50%;padding:7px 13px;color:var(--cyan-soft);font-size:clamp(.8rem,2.5vw,1.1rem);font-weight:900;background:#030c11bd;border-bottom:2px solid var(--cyan);opacity:0;transform:translate(-50%,10px);transition:opacity .1s ease,transform .1s ease;pointer-events:none}.event-toast.is-visible{opacity:1;transform:translate(-50%)}.event-toast.is-danger{color:#ffe9eb;border-color:var(--danger)}.result-modal{width:min(100%,480px)}.result-heading{display:grid;grid-template-columns:82px 1fr;align-items:center;gap:14px}.result-heading p{margin:0;color:var(--muted)}.result-rank{display:grid;width:76px;height:76px;place-items:center;color:var(--medal-color, var(--cyan));font-size:3.2rem;font-weight:950;border:2px solid currentColor;border-radius:5px;box-shadow:inset 0 0 24px #83f7e51f,0 0 28px #83f7e51f}.result-scoreline{display:flex;align-items:baseline;gap:8px;margin:22px 0 12px}.result-scoreline strong{font-size:clamp(2.5rem,9vw,4.1rem);line-height:.9}.result-scoreline span,.result-scoreline b{color:var(--muted);font-size:.66rem}.result-scoreline b{margin-left:auto;color:var(--copper)}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;background:var(--line);border:1px solid var(--line);border-radius:5px}.result-stats span{display:grid;min-width:0;gap:4px;padding:10px 7px;color:var(--muted);text-align:center;background:#040e14e6;font-size:.57rem}.result-stats b{overflow:hidden;color:var(--white);font-size:1.05rem;text-overflow:ellipsis}.flight-path{display:grid;gap:6px;margin:14px 0 8px;padding:9px 11px;background:#ffffff09;border-left:3px solid var(--magenta)}.flight-path span,.result-streak{color:var(--muted);font-size:.62rem;font-weight:800}.flight-path strong{overflow:hidden;font-size:clamp(1rem,4vw,1.35rem);line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.result-streak{margin:9px 0 14px;color:var(--copper)}.result-actions{display:grid;grid-template-columns:1fr 58px;gap:8px}.icon-command{width:58px;height:58px}.mode-switch{justify-content:center;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.hud-primary{grid-template-columns:1fr auto 1fr;gap:5px}.score-block{min-width:0;padding:7px 9px}.score-block strong{font-size:1.35rem}.time-block{min-width:72px;padding-inline:8px}.systems-block{gap:3px;padding:4px}.hull{gap:2px;padding:0 4px}.hull-pip{width:8px;height:7px}.icon-button{width:38px;height:38px}.energy-block{top:max(72px,calc(env(safe-area-inset-top) + 62px));grid-template-columns:minmax(72px,24vw) 48px;gap:6px}.energy-block>span{display:none}.start-modal{justify-self:center;margin-left:0}.start-mark{top:27%;left:64%;width:70vw}.start-copy{font-size:.86rem}.start-meta span:last-child{display:none}.result-modal{padding:20px}.result-heading{grid-template-columns:65px 1fr}.result-rank{width:60px;height:60px;font-size:2.5rem}}@media(max-height:660px){.modal{padding-block:16px}.start-copy{margin-bottom:12px}.command-button{min-height:52px}.result-scoreline{margin-top:14px}.flight-path{margin-top:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.start-overlay,#result-overlay{background-color:#01050894;background-image:linear-gradient(90deg,#010508d6,#01050857 48%,#0105088c),url(/assets/flapr-key-art.webp);background-position:center;background-size:cover}#result-overlay{background-image:linear-gradient(180deg,#01050880,#010508c2),url(/assets/flapr-key-art.webp);background-position:center 58%}.start-overlay .modal,#result-overlay .modal{background:#051016e6}@media(max-width:620px){.start-overlay,#result-overlay{background-position:58% center}}