:root{color-scheme:dark;--bg-0: #030812;--bg-1: #091729;--card: rgba(6, 12, 24, .72);--card-strong: rgba(8, 15, 30, .9);--line: rgba(135, 209, 255, .18);--text: #eef8ff;--muted: #9db2cc;--accent: #86ddff;--accent-hot: #ffb347;--good: #8bf2b1;--danger: #ff6f6f;--boss: #ff9f4d;--shadow: 0 24px 60px rgba(0, 0, 0, .38);font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-height:100dvh;min-height:100vh;background:radial-gradient(circle at top,rgba(43,143,255,.16),transparent 36%),radial-gradient(circle at 20% 90%,rgba(255,153,78,.14),transparent 28%),linear-gradient(180deg,var(--bg-1),var(--bg-0) 58%);color:var(--text)}body{overflow:hidden;overscroll-behavior:none;touch-action:manipulation;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);box-sizing:border-box}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{position:relative;width:100%;height:100%;min-height:100dvh;min-height:100vh;overflow:hidden}.capture-video-anchor{position:fixed;top:0;left:0;width:1px;height:1px;opacity:.001;pointer-events:none;transform:scaleX(-1)}.combat-canvas{position:fixed!important;inset:0}.scene-loading{position:fixed;inset:0;display:grid;place-items:center;color:var(--muted);font-family:Oxanium,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:radial-gradient(circle at 50% 20%,rgba(32,126,255,.18),transparent 28%),linear-gradient(180deg,#050c19f0,#020611fa)}.app-glow{pointer-events:none;position:fixed;inset:0;background:radial-gradient(circle at 50% 12%,rgba(87,214,255,.16),transparent 30%),linear-gradient(180deg,#04081014,#0308122e 48%,#030812d1)}.pinch-reticle-layer,.slingshot-hud-layer{pointer-events:none;position:fixed;inset:0;z-index:3}.slingshot-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.slingshot-band{stroke:#ffa25bd1;stroke-width:.48;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(255,126,77,.42))}.pinch-link{stroke:#92e0ff29;stroke-width:.18;stroke-linecap:round;opacity:0}.pinch-link-live{opacity:1;stroke:#92e0ffe6;filter:drop-shadow(0 0 8px rgba(85,195,255,.42))}.slingshot-anchor-dot{fill:#ffbb74eb;filter:drop-shadow(0 0 6px rgba(255,154,72,.48))}.pinch-reticle{position:absolute;display:grid;justify-items:center;gap:.45rem;transform:translate(-50%,-50%);color:#91dbffeb;filter:drop-shadow(0 0 22px rgba(85,195,255,.28))}.pinch-reticle-manual{color:#ffbf66e6;filter:drop-shadow(0 0 18px rgba(255,165,86,.24))}.pinch-reticle-registered{color:#84f6c5f5;filter:drop-shadow(0 0 24px rgba(95,242,179,.32))}.pinch-reticle-outer,.pinch-reticle-inner{display:grid;place-items:center;border-radius:50%}.pinch-reticle-outer{width:calc(4rem * var(--reticle-scale, 1));height:calc(4rem * var(--reticle-scale, 1));border:2px solid currentColor;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 68%);backdrop-filter:blur(6px)}.pinch-reticle-inner{width:calc(2.05rem * var(--reticle-fill-scale, 1));height:calc(2.05rem * var(--reticle-fill-scale, 1));border:1px dotted currentColor;background:radial-gradient(circle,color-mix(in srgb,currentColor 78%,white 12%) 14%,transparent 16%) center / .42rem .42rem,radial-gradient(circle at center,color-mix(in srgb,currentColor 20%,transparent),transparent 72%)}.pinch-reticle-core{width:.44rem;height:.44rem;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}.pinch-reticle-copy{display:grid;gap:.1rem;justify-items:center;text-align:center;text-transform:uppercase;letter-spacing:.08em}.pinch-reticle-copy strong{font-family:Oxanium,sans-serif;font-size:.7rem}.pinch-reticle-copy span{font-size:.56rem;color:#ebf6ffc7}.pinch-reticle-hand{color:#91dbfff5}.pinch-reticle-pulling .pinch-reticle-outer{box-shadow:0 0 28px #ff9c5f38}.finger-tip{position:absolute;width:.95rem;height:.95rem;border-radius:50%;border:1px solid rgba(223,246,255,.92);transform:translate(-50%,-50%);box-shadow:0 0 12px #55c3ff61}.finger-tip-thumb{background:#58d1ff2e}.finger-tip-index{background:#ffc2792e;border-color:#ffd8adf2;box-shadow:0 0 12px #ff954d52}.slingshot-launcher-base{position:fixed;left:50%;bottom:5.9rem;width:10.5rem;height:5rem;transform:translate(-50%)}.slingshot-launcher-rail,.slingshot-launcher-cup{position:absolute;left:50%;transform:translate(-50%)}.slingshot-launcher-rail{bottom:.8rem;width:8rem;height:.34rem;border-radius:999px;background:linear-gradient(90deg,#ffb74733,#ff7a45db,#ffb74733);box-shadow:0 0 16px #ff7e4d57}.slingshot-launcher-cup{bottom:.35rem;width:5.7rem;height:2rem;border:2px solid rgba(255,186,132,.88);border-bottom-width:.35rem;border-radius:1.6rem 1.6rem 1.1rem 1.1rem;background:linear-gradient(180deg,#ffab5e29,#ff724c14);box-shadow:0 0 20px #ff7e4d2e}.top-bar,.hud-panel,.touch-dock,.overlay-screen{position:relative;z-index:2}.top-bar{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;gap:1rem;padding:1rem 1rem 0;pointer-events:none}.top-bar h1{margin:.15rem 0 0;font-family:Oxanium,sans-serif;font-size:clamp(1.6rem,5vw,2.9rem);line-height:.95;letter-spacing:.04em}.eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem}.subhead{margin:.35rem 0 0;color:var(--muted);max-width:26rem}.top-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.48rem .78rem;border:1px solid var(--line);border-radius:999px;background:#080f1f9e;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;backdrop-filter:blur(18px)}.badge-hand,.badge-active{border-color:#8bf2b159;color:var(--good)}.badge-touch,.badge-keyboard,.badge-fallback,.badge-idle,.badge-loading,.badge-blocked,.badge-error{color:var(--muted)}.hud-panel{position:absolute;display:grid;gap:.8rem;width:min(26rem,calc(100vw - 1.5rem));max-height:34vh;overflow-y:auto;padding-right:.12rem}.hud-panel-left{top:6.4rem;left:.75rem}.hud-panel-right{right:.75rem;bottom:5.5rem}.hud-panel::-webkit-scrollbar{width:0;height:0}.card{padding:1rem;border:1px solid var(--line);border-radius:1.3rem;background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.card-scroll{overflow:auto}.card h2{margin:.3rem 0 .4rem;font-family:Oxanium,sans-serif;font-size:1.12rem}.card p,.status-line,.booster-row p,.gallery-tile span,.chip small,.pill small,.control-list,.overlay-card p{margin:0;color:var(--muted);line-height:1.45}.card-title{display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:var(--accent)}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.compact-grid{gap:.72rem}.metric-grid small,.loadout-section>small,.overlay-grid small,.control-list small{display:block;margin-bottom:.25rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.metric-grid strong,.meter-block strong,.gallery-tile strong,.booster-row strong,.overlay-card strong{font-family:Oxanium,sans-serif;font-size:1.02rem}.meter-block{margin-top:.9rem}.split-metric{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.meter-block label{display:block;margin-bottom:.45rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.meter{height:.62rem;border-radius:999px;overflow:hidden;background:#ffffff14}.meter-fill{height:100%;border-radius:inherit}.meter-danger{background:linear-gradient(90deg,#ffb347,#ff6f61)}.meter-boss{background:linear-gradient(90deg,#ffd36b,#ff7f4d)}.camera-preview{position:relative;margin-top:1rem;overflow:hidden;border-radius:1rem;border:1px solid rgba(122,194,255,.22);background:#020611b8;aspect-ratio:4 / 3}.camera-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1)}.camera-overlay{position:absolute;inset:0;display:grid;place-items:center;gap:.6rem;padding:1rem;text-align:center;color:var(--muted);background:#0206118a}.chip-grid,.pill-row{display:flex;gap:.6rem;margin-top:.9rem;overflow-x:auto;padding-bottom:.2rem}.chip,.pill{min-width:8.5rem;padding:.8rem .9rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);text-align:left}.chip span,.pill span{display:block;font-weight:700;margin-bottom:.2rem}.chip-active,.pill-active{border-color:#86ddff66;background:linear-gradient(180deg,#1e467694,#0a152ab8)}.chip:disabled,.pill:disabled,.booster-row button:disabled,.touch-dock button:disabled{opacity:.5;cursor:not-allowed}.gallery-strip{display:grid;gap:.65rem;margin-top:1rem}.gallery-tile{padding:.75rem .85rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--entry-accent) 20%,transparent),transparent 60%),#ffffff08}.loadout-section+.loadout-section{margin-top:.85rem}.booster-list{display:grid;gap:.7rem;margin-top:1rem}.booster-row{display:flex;justify-content:space-between;gap:.85rem;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.booster-row button,.submit-row button,.overlay-actions button,.button-secondary,.pill,.chip,.dock-button{transition:transform .12s ease,background .12s ease,border-color .12s ease}.booster-row button,.submit-row button,.overlay-actions button,.button-secondary{padding:.75rem 1rem;border-radius:.95rem;background:linear-gradient(180deg,#86ddff38,#3f8dff33);color:var(--text)}.button-secondary{background:#ffffff14}.leaderboard{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.75rem}.leaderboard li{display:flex;justify-content:space-between;gap:.7rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.08)}.touch-dock{position:absolute;inset:auto 0 1rem;display:flex;justify-content:center;gap:.75rem;padding:0 .75rem}.dock-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:6.5rem;padding:.9rem 1rem;border-radius:1.1rem;border:1px solid rgba(255,255,255,.1);color:var(--text);background:#09101ec7;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.dock-primary{min-width:10.5rem;background:linear-gradient(180deg,#ffbf66eb,#ff7a45eb);color:#101522}.dock-sling{min-width:min(22rem,calc(100vw - 11rem));max-width:28rem;flex-direction:column;align-items:stretch;gap:.45rem;padding:.85rem 1rem 1rem;text-align:left;touch-action:none;border-color:#ffba8438;background:linear-gradient(180deg,#ffab5e2e,#ff724c24),#09101ed1}.dock-sling-live{border-color:#ffcc9c7a;box-shadow:var(--shadow),0 0 28px #ff7e4d2e}.dock-sling-title{font-family:Oxanium,sans-serif;font-size:1rem;letter-spacing:.04em}.dock-sling-copy{color:var(--muted);font-size:.78rem;line-height:1.35}.dock-sling-meter{position:relative;display:block;width:100%;height:.46rem;overflow:hidden;border-radius:999px;background:#ffffff14}.dock-sling-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffe08af2,#ff7a45fa);box-shadow:0 0 18px #ff8c4d38}.overlay-screen{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:#02061157;backdrop-filter:blur(10px)}.overlay-ready{background:linear-gradient(180deg,#02061129,#02061170);align-items:start;padding-top:8.4rem;overflow-y:auto}.overlay-card{width:min(36rem,calc(100vw - 1.5rem));padding:1.35rem;border-radius:1.5rem;border:1px solid var(--line);background:var(--card-strong);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.overlay-card-wide{width:min(46rem,calc(100vw - 1.5rem))}.overlay-card h2{margin:.45rem 0;font-family:Oxanium,sans-serif;font-size:clamp(1.5rem,4vw,2.2rem)}.overlay-grid{display:grid;gap:1rem;margin-top:1rem}.control-list{display:grid;gap:.55rem;padding-left:1rem}.warning-line{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:#ffd2a6}.submit-row{display:grid;gap:.75rem;margin-top:1rem}.submit-row input{width:100%;padding:.9rem 1rem;border-radius:.95rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text)}.overlay-actions{display:flex;gap:.75rem;margin-top:1rem}.overlay-card-command{width:min(82rem,calc(100vw - 1rem));max-height:calc(100vh - 9.5rem);overflow:auto;padding:1rem}.command-deck-loading{min-height:16rem;display:grid;place-items:center;gap:.75rem;text-align:center;color:var(--muted);font-family:Oxanium,sans-serif;letter-spacing:.04em}.command-deck-loading p{margin:0;max-width:28rem;font-family:Space Grotesk,sans-serif;letter-spacing:normal}.command-deck{display:grid;gap:.9rem}.command-hero{display:grid;gap:1rem;padding:1.05rem;border-radius:1.35rem;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}.command-hero-copy h2,.command-card h3{margin:.4rem 0;font-family:Oxanium,sans-serif;font-size:clamp(1.35rem,4vw,2rem)}.command-hero-copy p,.command-card p,.command-card span,.command-card small{line-height:1.45}.hero-badge-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.hero-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.hero-metrics-grid div,.loadout-preview,.unlock-card,.sortie-row,.info-banner,.toggle-row{padding:.8rem .9rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:#050c1a6b}.screen-nav{display:flex;gap:.65rem;overflow-x:auto;padding-bottom:.2rem}.screen-nav::-webkit-scrollbar{width:0;height:0}.screen-tab{display:inline-flex;align-items:center;gap:.45rem;min-width:-moz-max-content;min-width:max-content;padding:.8rem .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text)}.screen-tab-active{border-color:#86ddff6b;background:linear-gradient(180deg,#1e467694,#0a152ab8)}.deck-screen,.deck-layout{display:grid;gap:.9rem}.command-card{padding:1rem;border-radius:1.25rem;border:1px solid rgba(255,255,255,.08);background:#070e1cd6;box-shadow:var(--shadow);backdrop-filter:blur(20px)}.command-card-hero{border-color:#ffffff1f}.screen-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.screen-primary,.screen-secondary{padding:.8rem 1rem;border-radius:1rem;color:var(--text);transition:transform .12s ease,background .12s ease,border-color .12s ease}.screen-primary{background:linear-gradient(180deg,#ffbf66f0,#ff7a45eb);color:#101522}.screen-secondary{border:1px solid rgba(255,255,255,.08);background:#ffffff14}.screen-primary-hero{width:100%}.space-grid,.unlock-grid{display:grid;gap:.75rem}.space-card,.node-button{display:grid;gap:.55rem;text-align:left;color:var(--text);background:#ffffff0a;border-radius:1rem;border:1px solid rgba(255,255,255,.08);padding:.75rem}.space-card-art{height:4.5rem;border-radius:.8rem}.space-card-copy{display:grid;gap:.15rem}.space-progress,.sortie-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.space-card-active,.node-button-active{border-color:color-mix(in srgb,var(--space-accent, var(--accent)) 55%,white 10%);background:linear-gradient(180deg,#1e467685,#0a152ab8)}.node-grid,.loadout-preview-grid,.field-grid,.toggle-stack,.sortie-list{display:grid;gap:.75rem}.loadout-preview{position:relative;overflow:hidden}.loadout-preview:before,.unlock-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--loadout-accent, var(--unlock-accent, var(--accent))) 28%,transparent),transparent 62%);pointer-events:none}.unlock-card{position:relative;overflow:hidden;display:grid;gap:.35rem}.field{display:grid;gap:.4rem}.field-span{grid-column:1 / -1}.field input,.field textarea{width:100%;padding:.9rem 1rem;border-radius:.95rem;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);resize:vertical}.toggle-row{display:flex;justify-content:space-between;gap:.9rem;align-items:center;color:var(--text)}.toggle-row-active{border-color:#8bf2b159}.camera-preview-large{aspect-ratio:16 / 10}.info-banner{display:grid;gap:.25rem;margin-top:1rem}.inline-note{display:inline-flex;align-items:center;color:var(--good)}.inline-note-error{color:#ffd2a6}.command-warning{margin:0}.booster-row button:hover,.submit-row button:hover,.overlay-actions button:hover,.button-secondary:hover,.chip:hover,.pill:hover,.dock-button:hover,.screen-tab:hover,.space-card:hover,.node-button:hover,.screen-primary:hover,.screen-secondary:hover,.toggle-row:hover{transform:translateY(-1px)}@media(min-width:960px){.hud-panel{top:6.5rem;max-height:calc(100vh - 13rem);width:min(24rem,calc(50vw - 2rem))}.hud-panel-left{left:1rem}.hud-panel-right{right:1rem;bottom:auto}.overlay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.submit-row{grid-template-columns:1fr auto;align-items:center}.command-hero{grid-template-columns:minmax(0,1.7fr) minmax(18rem,.9fr);align-items:end}.deck-layout-split{grid-template-columns:repeat(2,minmax(0,1fr))}.command-card-span{grid-column:1 / -1}.space-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.unlock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.loadout-preview-grid,.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:landscape)and (max-height:500px){.hud-panel{max-height:52vh}.hud-panel-left{top:4.5rem}.hud-panel-right{bottom:3.5rem}.overlay-card{padding:.75rem}}@media(orientation:portrait)and (max-width:640px){.hud-panel{width:calc(100vw - 1rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-height:40vh}.hud-panel-left{top:5rem;left:max(.5rem,env(safe-area-inset-left,0px))}.hud-panel-right{right:max(.5rem,env(safe-area-inset-right,0px));bottom:max(4.5rem,calc(env(safe-area-inset-bottom,0px) + 3.5rem))}.overlay-screen{padding:max(.75rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.75rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px))}}