:root{color-scheme:dark;--bg:#070918;--panel:#10152c;--cyan:#5ef6ff;--pink:#ff58c8;--gold:#ffe071;--ink:#f4f6ff;--muted:#929ab9;--line:#2a3158;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 15% 10%,#12395a55,transparent 34%),radial-gradient(circle at 85% 12%,#59175355,transparent 36%),var(--bg);color:var(--ink)}body{overflow-x:hidden}.app{width:min(1240px,100%);min-height:100vh;margin:auto;padding:14px 20px;display:flex;flex-direction:column}.masthead{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.back{font-size:.68rem;letter-spacing:.12em;color:var(--muted);text-decoration:none}.wordmark{text-align:center}.wordmark span,.rail span,.eyebrow{display:block;font-size:.61rem;letter-spacing:.19em;color:var(--muted)}.wordmark strong{font-size:1.05rem;letter-spacing:.18em}.mast-actions{justify-self:end;display:flex;gap:7px}button,input{font:inherit}button{min-height:42px;border:1px solid var(--line);border-radius:4px;background:#161c38;color:var(--ink);padding:9px 12px;font-weight:850;letter-spacing:.07em;cursor:pointer}button:hover,button:focus-visible{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px #5ef6ff2c}.console{display:grid;grid-template-columns:210px minmax(310px,448px) 210px;justify-content:center;align-items:center;gap:24px;flex:1;padding:14px 0}.rail{display:flex;flex-direction:column;gap:11px}.score-card,.mini-grid,.phase-card,.pilot-card,.flux-card,.boss-card,.piece-card,.leader-card{background:linear-gradient(145deg,#151b36e8,#0c1026e8);border:1px solid var(--line);border-radius:7px;padding:12px;box-shadow:0 20px 45px #0003}.cyan-card{border-top:2px solid var(--cyan)}.score-card strong{display:block;font:900 1.75rem/1.1 ui-monospace,monospace;margin:7px 0}.score-card small{font-size:.61rem;color:var(--muted)}.score-card small b{color:var(--ink)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;padding:0}.mini-grid div{padding:10px}.mini-grid div:nth-child(odd){border-right:1px solid var(--line)}.mini-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.mini-grid b{display:block;font-size:1.15rem;margin-top:4px}.phase-card small,.flux-card small,.boss-card small{display:block;color:var(--muted);font-size:.65rem;line-height:1.35;margin-top:7px}.meter,.flux-meter,.boss-meter{height:7px;margin-top:9px;border-radius:10px;overflow:hidden;background:#050713}.meter i,.flux-meter i,.boss-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .25s;box-shadow:0 0 14px currentColor}.pilot-card b{display:block;font-size:.62rem;margin:4px 0 7px}.pilot-card i{display:block;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);margin-bottom:10px}.pilot-card i:last-child{background:linear-gradient(90deg,var(--pink),transparent);margin:0}.reactor{position:relative;width:min(100%,448px);aspect-ratio:.72;border:1px solid #4a548d;background:#050715;overflow:hidden;border-radius:9px;box-shadow:0 0 0 5px #11152c,0 0 80px #774dff29}.reactor-head{position:absolute;z-index:4;left:0;right:0;top:0;height:35px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;background:#0a0e20dd;border-bottom:1px solid var(--line);font:750 .58rem/1 ui-monospace,monospace;letter-spacing:.15em;color:var(--muted)}#board{position:absolute;inset:35px 0 0;width:100%;height:calc(100% - 35px);z-index:1}.core-ring{position:absolute;pointer-events:none;border:1px solid #5ef6ff1f;border-radius:50%;z-index:0}.ring-one{width:330px;height:330px;left:-140px;top:20%;animation:orbit 11s linear infinite}.ring-two{width:380px;height:380px;right:-180px;bottom:-80px;border-color:#ff58c827;animation:orbit 15s linear reverse infinite}.screen{position:absolute;z-index:8;inset:35px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(145deg,#080b1af5,#10112af4);opacity:0;pointer-events:none;transform:scale(1.035);transition:.26s}.screen.visible{opacity:1;pointer-events:auto;transform:scale(1)}.screen h1{font-size:clamp(3rem,8vw,5.4rem);line-height:.75;letter-spacing:-.075em;margin:15px 0 22px}.screen h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--pink);filter:drop-shadow(0 0 12px #ff58c877)}.screen h2{font-size:2.2rem;margin:8px}.screen p{max-width:34ch;color:#c7cbe0;line-height:1.48}.tutorial{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:6px 0 18px}.tutorial span{font-size:.58rem;padding:5px 7px;border:1px solid var(--line);background:#141936}.primary{border:0;background:linear-gradient(105deg,var(--cyan),#9e86ff 52%,var(--pink));color:#070918;padding:14px 18px}.event{position:absolute;z-index:6;top:44%;left:0;right:0;text-align:center;font-size:2rem;font-weight:950;letter-spacing:.05em;color:var(--gold);text-shadow:0 0 20px var(--gold);opacity:0;pointer-events:none}.event.pop{animation:eventPop .8s ease-out}.pause-layer{display:none;position:absolute;z-index:7;inset:35px 0 0;align-items:center;justify-content:center;background:#070918c7;backdrop-filter:blur(4px);font-weight:900;letter-spacing:.2em}.pause-layer.visible{display:flex}.flux-card>div:first-child,.boss-card>div:first-child{display:flex;justify-content:space-between;gap:8px}.flux-meter i{background:linear-gradient(90deg,var(--cyan),var(--gold))}.flux-card button{width:100%;margin-top:10px}.flux-card button.ready{background:linear-gradient(100deg,var(--gold),var(--pink));color:#070918;border:0;animation:pulse 1.1s ease-in-out infinite}.boss-card{opacity:.55}.boss-card.awake{opacity:1;border-color:#ff637377}.boss-meter i{width:100%;background:linear-gradient(90deg,#ff526f,var(--gold))}.piece-card{display:grid;grid-template-columns:1fr 1fr;gap:8px}.piece-card>div+div{border-left:1px solid var(--line);padding-left:8px}.piece-card canvas{width:100%;height:auto}.leader-card ol{columns:2;margin:7px 0 0;padding-left:18px;color:#c8cce0;font:700 .62rem/1.55 ui-monospace,monospace}#score-form{width:100%;max-width:290px;margin:10px 0}#score-form label{font-size:.65rem;color:var(--muted)}#score-form div{display:flex;margin-top:6px}#score-form input{min-width:0;flex:1;background:#080b1b;border:1px solid var(--line);color:white;padding:11px;text-transform:uppercase}#score-form button{border-radius:0 4px 4px 0}.touch{display:none}.joystick{width:124px;height:124px;flex:0 0 auto;border:2px solid #4c5a8d;border-radius:50%;background:radial-gradient(circle,#5ef6ff14,#11162d);position:relative;touch-action:none}.joystick::before,.joystick::after{content:'';position:absolute;background:#445078}.joystick::before{left:12%;right:12%;top:50%;height:1px}.joystick::after{top:12%;bottom:12%;left:50%;width:1px}.joystick i{position:absolute;left:34px;top:34px;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,var(--cyan),var(--pink));box-shadow:0 5px 18px #0009;pointer-events:none}.touch-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.touch-buttons button{min-height:58px;min-width:70px}.reactor.shake{animation:shake .28s linear}.reactor.harmony{box-shadow:0 0 0 5px #11152c,0 0 100px #fff7}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes eventPop{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.08)}100%{opacity:0;transform:scale(1.45)}}@keyframes pulse{50%{filter:brightness(1.25);box-shadow:0 0 24px #ffe07177}}@keyframes shake{25%{transform:translate(5px,-2px)}50%{transform:translate(-4px,3px)}75%{transform:translate(3px,1px)}}@media(max-width:850px){.app{padding:7px 10px}.masthead{height:48px}.wordmark span,.back{display:none}.console{grid-template-columns:1fr;display:flex;flex-direction:column;gap:7px;padding:7px 0}.rail-left{width:100%;display:grid;grid-template-columns:1fr 1.2fr}.score-card,.mini-grid,.phase-card,.pilot-card{padding:7px}.phase-card{grid-column:1/3}.pilot-card{display:none}.score-card strong{font-size:1.05rem}.mini-grid div{padding:5px}.reactor{width:min(100%,330px)}.rail-right{width:100%;display:grid;grid-template-columns:1fr 1fr}.piece-card,.leader-card{display:none}.flux-card,.boss-card{padding:8px}.touch{display:flex;justify-content:space-around;align-items:center;gap:18px;padding:7px max(3px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(3px,env(safe-area-inset-left))}.screen{padding:20px}.screen h1{font-size:3.4rem}.mast-actions button{padding:6px;font-size:.62rem}}@media(max-width:520px) and (orientation:portrait){.rail-left .phase-card{display:none}.reactor{width:min(100%,292px)}.rail-right{display:block}.boss-card{display:none}.flux-card small{display:none}.touch{margin-top:0}.joystick{width:112px;height:112px}.joystick i{left:28px;top:28px}.touch-buttons button{min-width:78px}.screen p{font-size:.9rem}}@media(max-height:500px) and (orientation:landscape){.app{padding:3px 7px}.masthead{position:fixed;right:5px;top:4px;border:0;z-index:20}.wordmark,.back{display:none}.console{display:grid;grid-template-columns:130px minmax(230px,275px) 130px;padding:3px 145px 3px 0;gap:8px}.rail{display:flex;width:auto}.score-card,.mini-grid,.phase-card,.flux-card,.boss-card{padding:5px}.pilot-card,.piece-card,.leader-card,.phase-card small,.boss-card small,.flux-card small{display:none}.score-card strong{font-size:.9rem}.mini-grid div{padding:3px}.reactor{height:calc(100vh - 6px);width:auto}.touch{display:flex;position:fixed;right:6px;top:50%;transform:translateY(-50%);flex-direction:column;gap:5px}.joystick{width:105px;height:105px}.joystick i{left:24px;top:24px}.touch-buttons button{min-height:44px;min-width:64px;padding:4px}.screen h1{font-size:3rem}.screen p{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}