:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eafcff;font-synthesis:none;--cyan:#61e8f6;--cyan-dim:#28636b;--violet:#a96aff;--muted:#647478;--line:#89dbe32e;--display:"Arial Narrow", "Roboto Condensed", Impact, sans-serif;background:#020405;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}html{overscroll-behavior:none;background:#020405;height:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;background:#020405;min-height:100dvh;overflow:hidden}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:2px solid #fff}.shell{isolation:isolate;width:min(100%,470px);height:100dvh;min-height:568px;padding:max(10px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));background:#020507db;grid-template-rows:36px 42px 29px minmax(0,1fr) 34px 59px;gap:5px;margin:0 auto;display:grid;position:relative}#atmosphere{z-index:-2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.shell:before{content:"";z-index:-1;opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px);background-size:100% 4px;position:absolute;inset:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.brand{grid-template-columns:9px auto;align-items:center;column-gap:8px;display:grid}.brand-mark{background:var(--cyan);grid-row:1/3;width:6px;height:22px;box-shadow:0 0 12px #61e8f6b3}.brand b{font:700 18px/.8 var(--display);letter-spacing:.1em}.brand small{color:#537076;letter-spacing:.19em;margin-top:3px;font-size:6px}.top-actions{gap:7px;display:flex}.icon-button{border:1px solid var(--line);color:#7f9499;background:0 0;width:32px;height:29px;font-size:8px}.icon-button:first-child{letter-spacing:2px;padding-left:7px;font-size:11px}.telemetry{grid-template-columns:1fr 1.5fr 1fr;align-items:center;display:grid}.telemetry div{flex-direction:column;display:flex}.telemetry span,.objective-line,.rift-copy span{color:#71878c;letter-spacing:.14em;font-size:7px}.telemetry strong{font:600 20px/1 var(--display);letter-spacing:.06em}.telemetry-center{text-align:center}.telemetry-center strong{color:var(--cyan);margin-top:4px;font-size:11px}.telemetry i{color:#b2c6ca;font-style:normal}.align-right{text-align:right}.objective{flex-direction:column;justify-content:center;gap:5px;display:flex}.objective-line{color:#a17abe;justify-content:space-between;display:flex}.progress-track,.charge-track{background:#5b7a7f3b;height:2px;overflow:visible}.progress-track i,.charge-track i:first-child{background:var(--cyan);width:0;height:100%;transition:width .22s;display:block;box-shadow:0 0 9px #61e8f6bf}.reactor{justify-content:center;min-height:0;display:flex;position:relative;overflow:hidden}#board{aspect-ratio:1/2;touch-action:none;border:1px solid #66d8e552;max-width:100%;height:100%;display:block;box-shadow:0 0 0 1px #010203,0 0 26px #2a98a61c,inset 0 0 22px #000000e6}.reactor:before,.reactor:after{content:"";background:#4c979f21;width:1px;position:absolute;top:8%;bottom:8%}.reactor:before{left:4px}.reactor:after{right:4px}.edge-label{z-index:2;color:#34484c;letter-spacing:.18em;writing-mode:vertical-rl;font-size:6px;position:absolute;top:10px}.edge-left{left:7px;transform:rotate(180deg)}.edge-right{right:7px}.rift-banner{border:1px solid var(--violet);opacity:0;pointer-events:none;background:#040209e0;justify-content:space-between;align-items:center;width:min(86%,280px);padding:10px 14px;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)scale(.92)}.rift-banner.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.rift-banner span{font:700 15px var(--display);letter-spacing:.12em;color:#d5bfff}.rift-banner b{font:600 21px var(--display);color:#fff}.rift-status{border-top:1px solid var(--line);grid-template-columns:78px 1fr 72px;align-items:center;gap:8px;display:grid}.rift-copy{flex-direction:column;display:flex}.rift-copy b{font:600 12px var(--display);color:var(--cyan)}.charge-track{position:relative}.charge-track>i:not(:first-child){background:#020405;width:1px;height:8px;position:absolute;top:-3px}.charge-track>i:nth-child(2){left:33.333%}.charge-track>i:nth-child(3){left:66.666%}.combo{color:#63767a;text-align:right;letter-spacing:.08em;font-size:7px}.controls{grid-template-columns:92px 1fr 105px;gap:9px;display:grid}.control-button{background:#070d0fe6;border:1px solid #77a7ad40;flex-direction:column;justify-content:center;align-items:flex-start;min-height:52px;padding:8px 11px;display:flex}.control-button span{font:700 15px/1 var(--display);letter-spacing:.1em}.control-button b{color:#5b7074;letter-spacing:.12em;margin-top:5px;font-size:6px}.control-button:disabled{opacity:.45}.rift-button{border-color:#a96aff4d;align-items:flex-end}.rift-button span{color:#a78bbf}.rift-button.ready{opacity:1;border-color:var(--cyan);box-shadow:inset 0 0 18px #61e8f61f,0 0 12px #61e8f61f}.rift-button.ready span{color:var(--cyan)}.gesture-hint{color:#34484c;letter-spacing:.14em;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:6px;display:flex}.gesture-hint i{background:#34484c;width:32px;height:1px;position:relative}.gesture-hint i:before,.gesture-hint i:after{content:"";border-top:1px solid #34484c;border-left:1px solid #34484c;width:5px;height:5px;position:absolute;top:-2px;transform:rotate(-45deg)}.gesture-hint i:before{left:0}.gesture-hint i:after{right:0;transform:rotate(135deg)}.overlay{z-index:20;min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:#010304f0;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.overlay.active{animation:.24s both overlay-in;display:flex}.start-overlay{background:#020405;align-items:flex-end;overflow:hidden}.start-content{z-index:2;width:min(100%,430px);padding-bottom:clamp(4px,2vh,18px);position:relative}.eyebrow{color:var(--cyan);letter-spacing:.22em;margin:0 0 12px;font-size:8px}.start-content h1{font:700 clamp(72px, 24vw, 108px)/.7 var(--display);letter-spacing:-.035em;color:#f2f9fa;margin:0}.start-content h1 span{color:#0000;-webkit-text-stroke:1px #bef2f899}.intro{color:#8ca0a4;max-width:340px;margin:24px 0 20px;font-size:10px;line-height:1.65}.start-core{aspect-ratio:1;border:1px solid #61e8f638;border-radius:50%;width:min(66vw,290px);position:absolute;top:11%;left:50%;transform:translate(-50%);box-shadow:0 0 60px #47cfdf14,inset 0 0 45px #61e8f60a}.start-core:before,.start-core:after{content:"";border:1px dashed #61e8f638;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:18%}.start-core:after{border-style:solid;animation-duration:9s;animation-direction:reverse;inset:35%;box-shadow:0 0 24px #61e8f633}.start-core i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 10px var(--cyan);border-radius:50%;position:absolute}.start-core i:first-child{top:17%;left:49%}.start-core i:nth-child(2){bottom:20%;left:20%}.start-core i:nth-child(3){top:52%;right:11%}.gesture-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:18px;display:grid}.gesture-guide>span{border-right:1px solid var(--line);align-content:center;place-items:center;gap:3px;min-height:64px;display:grid}.gesture-guide>span:last-child{border:0}.gesture-guide b{letter-spacing:.12em;font-size:7px}.gesture-guide small{color:#53676b;font-size:7px}.tap-icon{border:1px solid var(--cyan);border-radius:50%;width:14px;height:14px;display:block;box-shadow:0 0 8px #61e8f64d}.drag-icon,.flick-icon{color:var(--cyan);font:normal 18px/1 var(--display);height:16px}.primary-button{border:1px solid var(--cyan);background:var(--cyan);color:#031013;width:100%;min-height:53px;font:700 13px var(--display);letter-spacing:.13em}.best-start{text-align:center;color:#42565a;letter-spacing:.15em;margin:12px 0 0;font-size:7px}.best-start b{color:#758c91}.modal{width:min(100%,390px);max-height:calc(100dvh - 44px);overflow-y:auto}.modal h2{font:700 clamp(35px, 11vw, 52px)/.95 var(--display);letter-spacing:-.01em;margin:0}.modal-lead{color:#74888c;margin:13px 0 20px;font-size:9px;line-height:1.6}.mutation-list{border-top:1px solid var(--line);margin-bottom:18px}.mutation{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:75px 1fr;gap:3px 8px;width:100%;padding:13px 5px;display:grid;position:relative}.mutation small{color:var(--violet);letter-spacing:.14em;grid-row:1/3;padding-top:3px;font-size:7px}.mutation b{font:600 17px var(--display);letter-spacing:.04em}.mutation span{color:#6f8387;padding-right:54px;font-size:8px;line-height:1.45}.mutation i{color:var(--cyan);font-size:6px;font-style:normal;position:absolute;bottom:15px;right:5px}.text-button{color:#687b7f;letter-spacing:.15em;background:0 0;border:0;width:100%;min-height:48px;margin-top:7px;font-size:8px}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;display:flex}.setting-row span{flex-direction:column;gap:5px;display:flex}.setting-row b{font:600 16px var(--display);letter-spacing:.06em}.setting-row small{color:#63777b;font-size:7px}.setting-row+.primary-button{margin-top:22px}.toggle{background:0 0;border:1px solid #34474b;width:48px;height:25px;padding:3px}.toggle i{background:#54686c;width:17px;height:17px;transition:transform .18s,background .18s;display:block}.toggle.on i{background:var(--cyan);transform:translate(23px);box-shadow:0 0 9px #61e8f68c}.result-score{font:600 58px/1 var(--display);color:var(--cyan);margin:25px 0 15px}.result-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr auto;align-items:center;gap:9px;margin-bottom:20px;padding:14px 0;display:grid}.result-line span{color:#607478;letter-spacing:.12em;font-size:7px}.result-line b{font:600 16px var(--display)}.rift-active .shell{animation:1.2s steps(2,end) infinite rift-shell}.rift-active .charge-track i:first-child{background:var(--violet)}@keyframes overlay-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rift-shell{50%{filter:contrast(1.08)brightness(1.08)}}@media (width>=700px){body{background:#010203}.shell{border-left:1px solid #5aa0a81f;border-right:1px solid #5aa0a81f}}@media (height<=650px){.shell{padding-top:max(5px, env(safe-area-inset-top));padding-bottom:max(5px, env(safe-area-inset-bottom));grid-template-rows:31px 35px 23px minmax(0,1fr) 28px 51px;gap:3px}.telemetry strong{font-size:17px}.controls{grid-template-columns:82px 1fr 96px}.control-button{min-height:47px;padding:6px 9px}.start-core{width:min(48vw,230px);top:5%}.intro{margin:15px 0 12px}.gesture-guide{margin-bottom:12px}.gesture-guide>span{min-height:52px}}@media (width<=340px){.shell{padding-left:9px;padding-right:9px}.controls{grid-template-columns:78px 1fr 91px;gap:5px}.edge-label{display:none}.intro{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}