/* FINGANG CINEMATIC DESIGN SYSTEM 9.0 */
:root{
  --void:#01030a;--void2:#050812;--ice:#62f6ff;--ice2:#0fcfe7;--violet:#7866ff;--royal:#b72cff;
  --fuchsia:#ff2bd6;--gold:#ffd36a;--acid:#a9ff8f;--danger:#ff315f;--steel:#8aa7b8;
  --pointer-x:50vw;--pointer-y:45vh;--tilt-x:0deg;--tilt-y:0deg;--studio-radius:28px;
}
html{background:#01030a;color-scheme:dark}
body{background:
  radial-gradient(circle at 50% -20%,rgba(55,91,177,.3),transparent 43%),
  radial-gradient(circle at 8% 70%,rgba(183,44,255,.09),transparent 36%),
  linear-gradient(160deg,#01030a 0%,#050713 48%,#02030a 100%);letter-spacing:.005em}
body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:
  radial-gradient(700px circle at var(--pointer-x) var(--pointer-y),rgba(98,246,255,.045),transparent 48%),
  linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.012) 45%,transparent 46% 100%);mix-blend-mode:screen}
#studioFx{position:fixed;inset:0;z-index:1;pointer-events:none;width:100%;height:100%}
#fx{z-index:0!important;opacity:.44;filter:saturate(1.25) contrast(1.05)}
.noise{opacity:.025!important;mix-blend-mode:soft-light}.scanlines{opacity:.075!important}.vignette{background:radial-gradient(circle at 50% 38%,transparent 22%,rgba(0,0,0,.28) 65%,rgba(0,0,0,.88) 100%)!important}
#studioChrome{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.studio-horizon{position:absolute;left:-10%;right:-10%;top:52%;height:1px;background:linear-gradient(90deg,transparent,rgba(98,246,255,.2),rgba(255,43,214,.16),transparent);box-shadow:0 0 25px rgba(98,246,255,.12);transform:perspective(700px) rotateX(70deg)}
.studio-orbit{position:absolute;border:1px solid rgba(98,246,255,.08);border-radius:50%;filter:drop-shadow(0 0 14px rgba(98,246,255,.06));animation:studioOrbit 38s linear infinite}.orbit-a{width:min(96vw,780px);height:min(96vw,780px);top:-43vw;left:50%;transform:translateX(-50%)}.orbit-b{width:min(148vw,1150px);height:min(148vw,1150px);bottom:-90vw;right:-55vw;border-color:rgba(255,43,214,.07);animation-direction:reverse;animation-duration:52s}
.studio-orbit:before,.studio-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--ice);box-shadow:0 0 18px var(--ice);top:12%;left:18%}.studio-orbit:after{background:var(--fuchsia);box-shadow:0 0 18px var(--fuchsia);top:auto;left:auto;right:15%;bottom:22%}
@keyframes studioOrbit{to{rotate:360deg}}
.studio-corner{position:absolute;width:58px;height:58px;color:rgba(170,226,238,.5);font:800 7px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.studio-corner i{position:absolute;inset:0;border-color:rgba(98,246,255,.2);border-style:solid}.studio-corner b{position:absolute;font:inherit}.studio-corner.tl{left:9px;top:max(9px,env(safe-area-inset-top))}.studio-corner.tl i{border-width:1px 0 0 1px}.studio-corner.tl b{left:8px;top:8px}.studio-corner.tr{right:9px;top:max(9px,env(safe-area-inset-top))}.studio-corner.tr i{border-width:1px 1px 0 0}.studio-corner.tr b{right:8px;top:8px}.studio-corner.bl{left:9px;bottom:max(9px,env(safe-area-inset-bottom))}.studio-corner.bl i{border-width:0 0 1px 1px}.studio-corner.bl b{left:8px;bottom:8px}.studio-corner.br{right:9px;bottom:max(9px,env(safe-area-inset-bottom))}.studio-corner.br i{border-width:0 1px 1px 0}.studio-corner.br b{right:8px;bottom:8px}
.studio-side{position:absolute;top:28%;bottom:28%;width:6px;display:flex;flex-direction:column;justify-content:space-between;opacity:.4}.studio-side.left{left:5px}.studio-side.right{right:5px}.studio-side span{display:block;width:100%;height:1px;background:var(--ice);box-shadow:0 0 5px var(--ice)}
.studio-telemetry{position:absolute;left:50%;transform:translateX(-50%);bottom:max(7px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;color:rgba(157,204,216,.48);font:800 7px/1 ui-monospace,monospace;letter-spacing:.14em;white-space:nowrap}.studio-signal{display:flex;align-items:center;gap:5px}.studio-signal i{width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid);animation:signalPulse 1.5s infinite}@keyframes signalPulse{50%{opacity:.25}}
.studio-transition{position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,transparent,rgba(98,246,255,.16),rgba(255,43,214,.13),transparent);transform:translateX(-100%);mix-blend-mode:screen}.studio-transition.fire{animation:sceneWipe .72s ease both}@keyframes sceneWipe{0%{opacity:0;transform:translateX(-100%)}30%{opacity:1}100%{opacity:0;transform:translateX(100%)}}
.studio-ripple{position:fixed;z-index:2147481000;width:10px;height:10px;border:1px solid rgba(98,246,255,.85);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);box-shadow:0 0 24px rgba(98,246,255,.35);animation:studioRipple .8s ease-out forwards}@keyframes studioRipple{to{width:150px;height:150px;opacity:0;border-width:0}}

#app{z-index:4!important;max-width:760px!important;padding-left:10px;padding-right:10px;perspective:1200px}
.topbar{height:78px!important;min-height:78px!important;margin:8px 5px 0;padding:12px 15px!important;border:1px solid rgba(98,246,255,.14)!important;border-bottom-color:rgba(98,246,255,.24)!important;border-radius:21px 21px 8px 8px;background:linear-gradient(135deg,rgba(7,13,26,.9),rgba(7,5,18,.74))!important;box-shadow:0 18px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(28px) saturate(1.25)!important;position:relative;overflow:hidden}
.topbar:before{content:"";position:absolute;left:0;top:0;width:38%;height:1px;background:linear-gradient(90deg,var(--ice),transparent);box-shadow:0 0 18px var(--ice)}.topbar:after{content:"Ω";position:absolute;right:112px;font:900 48px/1 ui-monospace,monospace;color:rgba(98,246,255,.035)}
.brand-kicker{color:var(--gold)!important;font-size:8px!important;letter-spacing:.28em!important}.brand-title{font-size:15px!important;letter-spacing:.055em!important;background:linear-gradient(90deg,#fff,#c8f9ff 55%,#c6b8ff);-webkit-background-clip:text;color:transparent;text-shadow:none!important}
.icon-btn{width:43px!important;height:43px!important;border-radius:15px!important;border-color:rgba(98,246,255,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(4,8,18,.5))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.24)!important;transition:.25s ease!important}.icon-btn:active{transform:translateY(2px) scale(.96)!important}.icon-btn svg{filter:drop-shadow(0 0 8px rgba(98,246,255,.35))}
.progress-shell{margin:0 12px;height:4px!important;background:rgba(255,255,255,.025)!important;border-left:1px solid rgba(98,246,255,.25);border-right:1px solid rgba(255,43,214,.25)}.progress-bar{background:linear-gradient(90deg,var(--ice),var(--violet),var(--fuchsia),var(--gold))!important;background-size:200% 100%!important;animation:progressFlux 5s linear infinite;box-shadow:0 0 18px rgba(98,246,255,.55)!important}@keyframes progressFlux{to{background-position:-200% 0}}
#screen{padding:18px 8px calc(46px + var(--safe-bottom))!important;scroll-padding-top:20px}
.studio-surface,.glass{border-radius:var(--studio-radius)!important;border-color:rgba(98,246,255,.16)!important;background:
  linear-gradient(145deg,rgba(12,21,38,.82),rgba(5,7,18,.76) 55%,rgba(17,5,23,.66))!important;
  box-shadow:0 35px 95px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.022) inset,0 1px 0 rgba(255,255,255,.06) inset!important;
  backdrop-filter:blur(26px) saturate(1.25)!important;position:relative;transform-style:preserve-3d}
.studio-surface:before,.glass:before{content:"";position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;background:
  linear-gradient(120deg,rgba(255,255,255,.055),transparent 20% 78%,rgba(98,246,255,.03)),
  repeating-linear-gradient(90deg,transparent 0 39px,rgba(98,246,255,.012) 40px)!important;opacity:1!important;filter:none!important}
.studio-surface:after,.glass:after{content:"";position:absolute!important;left:22px!important;right:22px!important;top:0!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--ice),var(--fuchsia),transparent)!important;opacity:.38!important;filter:drop-shadow(0 0 7px var(--ice))!important}
.hero{padding:30px 24px!important;min-height:430px;display:flex;flex-direction:column;justify-content:center;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.hero:before{width:320px!important;height:320px!important;background:radial-gradient(circle,var(--violet),transparent 70%)!important;filter:blur(50px)!important;opacity:.15!important}.hero:after{width:260px!important;height:260px!important;background:radial-gradient(circle,var(--fuchsia),transparent 70%)!important;filter:blur(55px)!important;opacity:.1!important}
.eyebrow{color:var(--gold)!important;letter-spacing:.25em!important;text-shadow:0 0 16px rgba(255,211,106,.24)}.mega{font-size:clamp(42px,12vw,82px)!important;letter-spacing:-.07em!important;line-height:.83!important;margin:18px 0!important;text-shadow:0 16px 40px rgba(0,0,0,.35)}.mega .accent{background:linear-gradient(110deg,var(--ice),#fff 47%,var(--fuchsia));-webkit-background-clip:text;color:transparent!important;-webkit-text-stroke:0!important;text-shadow:0 0 35px rgba(98,246,255,.22)!important}.lead{font-size:14px!important;line-height:1.75!important;color:#b8cbd6!important;max-width:58ch}
.level-card,.field-card{padding:22px!important;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));overflow:hidden}.level-card:before,.field-card:before{background:linear-gradient(135deg,rgba(98,246,255,.04),transparent 30%,rgba(255,43,214,.025))!important}.level-title,.field-title{font-weight:1000!important;letter-spacing:-.045em!important;text-wrap:balance}.level-title{font-size:clamp(27px,7vw,38px)!important}.level-desc,.field-desc{color:#a9c0cc!important;line-height:1.72!important}.phase-chip,.status-chip,.field-badge{border-radius:5px 999px 999px 5px!important;padding:7px 11px!important;background:linear-gradient(90deg,rgba(98,246,255,.1),rgba(98,246,255,.02))!important;border-color:rgba(98,246,255,.22)!important;box-shadow:inset 2px 0 0 var(--ice)}
.clue,.observer-msg,.hint-item{border-left-color:var(--gold)!important;background:linear-gradient(90deg,rgba(255,211,106,.07),rgba(98,246,255,.025),transparent)!important;color:#e8f8ff!important;box-shadow:inset 18px 0 40px rgba(255,211,106,.02)}
.btn{border-radius:16px!important;min-height:54px!important;letter-spacing:.075em!important;border-color:rgba(98,246,255,.32)!important;background:linear-gradient(135deg,rgba(98,246,255,.13),rgba(120,102,255,.055))!important;box-shadow:0 15px 35px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.09)!important;transition:transform .16s ease,filter .2s ease,box-shadow .2s ease!important}.btn:hover{filter:brightness(1.12);box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 28px rgba(98,246,255,.08)!important}.btn.primary{background:linear-gradient(115deg,#7ff7ff,#22dce9 42%,#7a77ff)!important;color:#020914!important;border-color:#c5fcff!important}.btn.magenta{background:linear-gradient(115deg,rgba(255,43,214,.34),rgba(120,50,255,.24))!important;border-color:rgba(255,106,227,.6)!important}.btn.danger{background:linear-gradient(115deg,rgba(255,49,95,.4),rgba(120,10,45,.25))!important}.studio-impact{animation:studioImpact .45s ease}@keyframes studioImpact{20%{transform:scale(.96)}50%{box-shadow:0 0 0 12px rgba(98,246,255,.05),0 0 35px rgba(98,246,255,.2)!important}}
.input,textarea.input{border-radius:16px!important;background:linear-gradient(180deg,rgba(0,2,8,.72),rgba(4,6,15,.74))!important;border-color:rgba(98,246,255,.2)!important;box-shadow:inset 0 12px 28px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.025)!important}.input:focus{border-color:var(--ice)!important;box-shadow:0 0 0 3px rgba(98,246,255,.08),0 0 30px rgba(98,246,255,.08),inset 0 12px 28px rgba(0,0,0,.35)!important}
.terminal{border-radius:18px!important;background:linear-gradient(180deg,rgba(0,3,8,.94),rgba(1,7,14,.9))!important;border-color:rgba(98,246,255,.17)!important;box-shadow:inset 0 0 55px rgba(0,0,0,.55),0 20px 50px rgba(0,0,0,.22)!important;color:#a9ffbd!important}.terminal:before{content:"FNG://SECURE_SHELL";display:block;color:rgba(98,246,255,.45);font-size:8px;letter-spacing:.18em;margin-bottom:9px}
.field-map,.map-shell{border-radius:24px!important;border-color:rgba(98,246,255,.19)!important;background:radial-gradient(circle at 50% 50%,rgba(98,246,255,.08),transparent 45%),linear-gradient(145deg,#03101d,#050516)!important;box-shadow:inset 0 0 70px rgba(0,0,0,.5),0 25px 70px rgba(0,0,0,.3)!important}.field-node{filter:drop-shadow(0 0 8px rgba(98,246,255,.25));transition:.25s ease}.field-node:hover{transform:scale(1.08)}
.modal{backdrop-filter:blur(22px) saturate(1.15)!important;background:radial-gradient(circle at 50% 30%,rgba(120,102,255,.14),transparent 44%),rgba(0,2,8,.9)!important}.modal-card{border-radius:30px!important;border-color:rgba(98,246,255,.25)!important;background:linear-gradient(145deg,rgba(10,18,35,.97),rgba(12,4,23,.96))!important;box-shadow:0 40px 130px rgba(0,0,0,.72),0 0 80px rgba(98,246,255,.08)!important}
.toast{border-radius:13px!important;border-color:rgba(98,246,255,.22)!important;background:rgba(4,10,20,.94)!important;box-shadow:0 18px 60px rgba(0,0,0,.55),0 0 24px rgba(98,246,255,.07)!important}

html[data-scene="danger"]{--ice:#ff5574;--ice2:#ff315f;--violet:#ff6a2b}.danger-mode{animation:dangerStudio 1.15s infinite!important}@keyframes dangerStudio{50%{filter:brightness(1.08);box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 60px rgba(255,49,95,.12)!important}}
html[data-scene="field"]{--ice:#5ff7ff;--violet:#40d9b2;--royal:#7dff7a}html[data-scene="final"]{--ice:#ffd36a;--ice2:#ff9e3d;--violet:#ff2bd6;--royal:#fff}
html[data-scene="final"] .studio-horizon{box-shadow:0 0 40px rgba(255,211,106,.3)}

.fng-live-pill{border-radius:8px 999px 999px 8px!important;padding:12px 14px!important;border-color:rgba(98,246,255,.3)!important;background:linear-gradient(135deg,rgba(4,10,21,.96),rgba(12,5,24,.94))!important;box-shadow:0 18px 55px rgba(0,0,0,.45),0 0 28px rgba(98,246,255,.08)!important}.fng-live-lock{font-size:8px;color:var(--gold);opacity:.75}.fng-live-panel{border-radius:30px!important;background:linear-gradient(150deg,rgba(7,14,28,.99),rgba(15,5,26,.985))!important}.fng-clearance{margin:12px 0;border:1px solid rgba(255,211,106,.17);border-radius:15px;padding:12px;background:linear-gradient(90deg,rgba(255,211,106,.055),transparent)}.fng-clearance span{display:block;color:var(--gold);font:900 8px ui-monospace,monospace;letter-spacing:.18em}.fng-clearance strong{display:block;margin-top:6px;font:800 10px/1.6 ui-monospace,monospace;color:#d6e8f0}

@media(min-width:780px){#app{padding-left:18px;padding-right:18px}.topbar{margin-top:14px}.hero{min-height:520px;padding:44px!important}.level-card,.field-card{padding:28px!important}.studio-telemetry{font-size:8px}}
@media(max-width:420px){#app{padding-left:4px;padding-right:4px}.topbar{margin-left:2px;margin-right:2px}.topbar:after{display:none}.studio-corner{opacity:.45}.hero{padding:25px 19px!important;min-height:400px}.btn-row.two{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.studio-orbit,.studio-horizon{display:none}}