.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}.splash-screen{color:#fff;background-color:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.splash-image{object-fit:cover;max-width:100%;max-height:100%}.menu-container{background-image:url(../assets/digital_nomad_game_bg.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.menu-buttons{z-index:1;flex-direction:column;gap:20px;display:flex}.menu-button{color:#36f9f6;cursor:pointer;text-align:center;background-color:#1e1e1ecc;border:2px solid #36f9f6;min-width:250px;padding:12px 24px;font-family:Share Tech Mono,monospace;font-size:1.2rem;transition:all .3s}.menu-button:hover{background-color:#36f9f633;box-shadow:0 0 15px #36f9f699}.menu-title{color:#36f9f6;text-shadow:0 0 15px #36f9f699;margin-bottom:50px;font-family:Share Tech Mono,monospace;font-size:3rem}.splash-vignette,.splash-scanline-layer{pointer-events:none;position:absolute;inset:0}.splash-vignette{z-index:1;background:radial-gradient(circle,#0000 55%,#0000008c 100%)}.splash-scanline-layer{z-index:2;background:repeating-linear-gradient(#ffffff08 0 1px,#0000 1px 3px)}.splash-continue-prompt:after{content:" █"}.menu-logo-split{opacity:0;pointer-events:none;mix-blend-mode:screen;background-image:url(../assets/2d/01_dnl_desktop_menu_element_NomadLogo.png);background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.menu-logo-split-red{filter:drop-shadow(2px 0 #ff0050cc)}.menu-logo-split-cyan{filter:drop-shadow(-2px 0 #36f9f6cc)}.menu-character-cheap-glow,.menu-logo-cheap-glow{display:none}body.q-medium .menu-bg-layer,body.q-low .menu-bg-layer{filter:brightness(.9)!important}body.q-medium .menu-character-layer,body.q-low .menu-character-layer{filter:none!important}body.q-medium .menu-character-cheap-glow,body.q-low .menu-character-cheap-glow,body.q-medium .menu-logo-cheap-glow,body.q-low .menu-logo-cheap-glow{display:block}body.q-medium .menu-logo-main,body.q-low .menu-logo-main{filter:brightness()!important}body.q-medium .menu-tier-ambient,body.q-low .menu-tier-ambient{display:none!important}.menu-ambient-dust,.menu-ambient-dust:before,.menu-ambient-dust:after{pointer-events:none;background:#ffffff8c;border-radius:50%;width:2px;height:2px}.menu-ambient-dust{z-index:0;opacity:.12;position:absolute;bottom:-14%;left:8%;box-shadow:14vw -4vh #36f9f6b3,24vw -18vh #ffffff73,35vw -7vh #ff00888c,47vw -24vh #36f9f673,59vw -11vh #fff6,72vw -29vh #ff00886b}.menu-ambient-dust:before,.menu-ambient-dust:after{content:"";position:absolute;left:0}.menu-ambient-dust:before{top:18vh;box-shadow:10vw -8vh #ffffff61,28vw -26vh #36f9f68c,42vw -3vh #ff00885c,61vw -21vh #ffffff6b,78vw -13vh #36f9f670}.menu-ambient-dust:after{top:34vh;box-shadow:18vw -19vh #36f9f66b,31vw -5vh #ffffff57,51vw -31vh #ff008861,69vw -15vh #36f9f680,84vw -27vh #ffffff5c}@media (prefers-reduced-motion:no-preference){body.q-high .menu-bg-layer{animation:60s ease-in-out infinite alternate menuHueDrift}body.q-high .menu-logo-main{animation:6s ease-in-out infinite alternate menuLogoBreath}body.q-medium .menu-logo-cheap-glow,body.q-low .menu-logo-cheap-glow{animation:6s ease-in-out infinite alternate menuLogoOpacityPulse}.splash-continue-prompt:after{animation:1.1s steps(2,end) infinite terminalCursorBlink}.splash-screen-root:hover .splash-continue-prompt:after{animation-duration:.55s}.menu-logo-split-red{animation:.18s steps(2,end) menuChromaticSplitRed}.menu-logo-split-cyan{animation:.18s steps(2,end) menuChromaticSplitCyan}.menu-button-entrance{animation:.32s ease-out both menuButtonEnter}body.q-high .menu-ambient-dust{animation:26s linear infinite menuDustDriftA}body.q-high .menu-ambient-dust:before{animation:34s linear infinite menuDustDriftB}body.q-high .menu-ambient-dust:after{animation:42s linear infinite menuDustDriftC}body.q-high .menu-digital-particles{animation:15s linear infinite float}body.q-high .menu-light-streak{animation:10s ease-in-out infinite float}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes terminalCursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes menuHueDrift{0%{filter:brightness(.9)hue-rotate()}to{filter:brightness(.9)hue-rotate(8deg)}}@keyframes menuLogoBreath{0%{filter:brightness()drop-shadow(0 0 24px #36f9f659)}to{filter:brightness(1.12)drop-shadow(0 0 24px #36f9f659)}}@keyframes menuLogoOpacityPulse{0%{opacity:.1}to{opacity:.24}}@keyframes menuChromaticSplitRed{0%{opacity:0;transform:translate(0)}35%{opacity:.45;transform:translate(2px)}70%{opacity:.35;transform:translate(-2px)}to{opacity:0;transform:translate(0)}}@keyframes menuChromaticSplitCyan{0%{opacity:0;transform:translate(0)}35%{opacity:.45;transform:translate(-2px)}70%{opacity:.35;transform:translate(2px)}to{opacity:0;transform:translate(0)}}@keyframes menuButtonEnter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes menuButtonScanline{0%{opacity:0;transform:translateY(-2px)}15%{opacity:1}to{opacity:0;transform:translateY(4.25rem)}}@keyframes menuDustDriftA{0%{transform:translateY(0)}to{transform:translateY(-62vh)}}@keyframes menuDustDriftB{0%{transform:translateY(0)}to{transform:translateY(-54vh)}}@keyframes menuDustDriftC{0%{transform:translateY(0)}to{transform:translateY(-46vh)}}@keyframes glitch-animation{0%{clip-path:inset(30% 0 68%);transform:translate(-10px)}10%{clip-path:inset(36% 0 62%);transform:translate(10px)}20%{clip-path:inset(53% 0 36%);transform:translate(-10px)}30%{clip-path:inset(95% 0 7%);transform:translate(10px)}40%{clip-path:inset(57% 0 44%);transform:translate(-10px)}50%{clip-path:inset(66% 0 33%);transform:translate(10px)}60%{clip-path:inset(4% 0 97%);transform:translate(-10px)}70%{clip-path:inset(65% 0 41%);transform:translate(10px)}80%{clip-path:inset(5% 0 96%);transform:translate(-10px)}90%{clip-path:inset(30% 0 67%);transform:translate(10px)}to{clip-path:inset(7% 0 91%);transform:translate(-10px)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes borderPulse{0%{box-shadow:0 0 25px #36f9f64d,inset 0 0 15px #36f9f61a}50%{box-shadow:0 0 35px #36f9f680,inset 0 0 20px #36f9f633}to{box-shadow:0 0 25px #36f9f64d,inset 0 0 15px #36f9f61a}}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.5;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)translate(0)}25%{transform:translateY(10px)translate(5px)}50%{transform:translateY(0)translate(10px)}75%{transform:translateY(-10px)translate(5px)}to{transform:translateY(0)translate(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes badge-float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes badge-rotate{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}to{transform:rotate(-5deg)}}@keyframes visualizer{0%{height:1px}to{height:14px}}@keyframes glitch{0%{opacity:1;transform:translate(0)}20%{opacity:.9;background:#ff009926;transform:translate(-5px,5px)}40%{opacity:.7;background:#00ffff26;transform:translate(5px)}60%{opacity:.9;background:#ff000026;transform:translateY(-2px)}80%{opacity:.7;background:#00ff0026;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@font-face{font-family:DNL Mono;src:url(../assets/fonts/VT323-Regular.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0d;--panel:#0d1316eb;--panel-strong:#05090cf5;--line:#7fffdc38;--line-hot:#ffda6a8a;--text:#ecfff8;--muted:#99b8ad;--cyan:#53ffe4;--gold:#ffd66b;--pink:#ff5c9f;--green:#80ff9f;--red:#ff6878;--ink:#051111;letter-spacing:0;font-family:DNL Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(180deg, #53ffe40d, transparent 36rem), var(--bg);color:var(--text);overflow-x:hidden}button,select,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.appShell{background:radial-gradient(circle at 30% 0,#ffd66b24,#0000 26rem),radial-gradient(circle at 88% 18%,#53ffe41f,#0000 22rem),#05070a;grid-template-rows:minmax(28rem,47vh) auto;min-height:100vh;display:grid}.heroPanel{border-bottom:1px solid var(--line);min-height:28rem;position:relative;overflow:hidden}.heroMedia,.heroMedia img{position:absolute;inset:0}.heroMedia img{object-fit:cover;filter:saturate(1.25)contrast(1.12)brightness(.68);width:100%;height:100%}.heroMedia:after{content:"";pointer-events:none;background:linear-gradient(#02040629,#020406d1),repeating-linear-gradient(0deg,#ffffff0b 0 1px,#0000 1px 5px);position:absolute;inset:0}.orbitalGrid{z-index:2;position:absolute;inset:0}.mapPin{color:var(--text);cursor:pointer;background:#030c0ec7;border:1px solid #53ffe499;border-radius:999px;width:.92rem;height:.92rem;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #53ffe457}.mapPin span{text-overflow:ellipsis;min-width:max-content;max-width:8rem;color:var(--text);text-shadow:0 1px 3px #000;font-size:.75rem;position:absolute;top:-.45rem;left:1rem;overflow:hidden}.mapPin.isCurrent{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 .35rem #ffd66b2e,0 0 24px #ffd66bbf}.mapPin.isSelected{border-color:var(--pink);width:1.2rem;height:1.2rem}.topBar,.statRibbon,.statusCard{z-index:3;position:relative}.topBar{padding:max(1rem, env(safe-area-inset-top)) 1rem 0;justify-content:space-between;align-items:center;display:flex}.eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 .18rem;font-size:.78rem}h1,h2,h3,p{margin-top:0}h1{text-transform:uppercase;text-shadow:0 0 22px #53ffe46b;margin-bottom:0;font-size:clamp(2.55rem,12vw,5.8rem);line-height:.86}h2{margin-bottom:.7rem;font-size:1.25rem;line-height:1}h3{margin-bottom:.35rem;font-size:1.12rem}p{color:var(--muted);line-height:1.22}.iconButton,.primaryAction,.actionCard button,.segmented button,.mobileTabs button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#071012e0;border-radius:8px;min-height:2.75rem}.iconButton{place-items:center;width:2.75rem;height:2.75rem;display:grid}.statRibbon{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:13.5rem;padding:1rem;display:grid}.metric{border:1px solid var(--line);background:#050b0ec7;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:0 .38rem;min-width:0;padding:.58rem;display:grid}.metric span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;overflow:hidden}.metric small{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:.72rem}.metric.good svg{color:var(--green)}.metric.warn svg{color:var(--gold)}.metric.danger svg{color:var(--red)}.statusCard{border:1px solid var(--line-hot);background:linear-gradient(135deg,#03080be0,#0b1f20d1);border-radius:8px;grid-template-columns:1fr auto;align-items:end;gap:1rem;margin:0 1rem 1rem;padding:1rem;display:grid;box-shadow:0 16px 40px #00000059}.objectiveRail{z-index:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0 1rem 1rem;display:grid;position:relative}.objective{background:#050b0ec2;border:1px solid #7fffdc2e;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem;min-width:0;padding:.5rem .58rem;display:grid}.objective span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);overflow:hidden}.objective strong{color:var(--gold);font-weight:400}.objective.isDone{background:#13462d6b;border-color:#80ff9f80}.freedomGauge{border:1px solid var(--gold);background:conic-gradient(var(--gold), #ffd66b1a, #53ffe438);width:4.5rem;height:4.5rem;color:var(--ink);border-radius:50%;place-items:center;display:grid}.freedomGauge span{color:#06120e;font-size:1.55rem}.freedomGauge small{color:#06120e;text-transform:uppercase}.commandDeck{z-index:4;padding:.75rem .75rem calc(5.75rem + env(safe-area-inset-bottom));gap:.75rem;display:grid;position:relative}.mobileTabs{left:.65rem;right:.65rem;bottom:max(.65rem, env(safe-area-inset-bottom));z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020608eb;border-radius:10px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;padding:.35rem;display:grid;position:fixed}.mobileTabs button{min-height:3.35rem;color:var(--muted);place-items:center;gap:.12rem;padding:.35rem .1rem;display:grid}.mobileTabs span{font-size:.72rem}.mobileTabs .isActive{color:var(--ink);background:var(--cyan)}.desktopGrid{display:contents}.panel,.eventLog{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.9rem;display:none;box-shadow:inset 0 1px #ffffff0a}.panel.isActivePanel,.eventLog{display:block}.sectionHeader{align-items:center;gap:.55rem;margin-bottom:.75rem;display:flex}.sectionHeader h2{margin:0}.sectionHeader svg{color:var(--cyan)}.locationSummary{grid-template-columns:1fr auto;align-items:start;gap:.85rem;display:grid}.scorePill{border:1px solid var(--cyan);width:3.3rem;height:3.3rem;color:var(--cyan);border-radius:8px;place-items:center;font-size:1.45rem;display:grid}.miniStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.75rem 0;display:grid}.fieldLabel{color:var(--gold);text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;display:block}select,input,textarea{width:100%;min-height:2.85rem;color:var(--text);border:1px solid var(--line);background:#02080af5;border-radius:8px;padding:.6rem}input{margin-bottom:.55rem}textarea{resize:vertical;min-height:5rem}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:.6rem 0;display:grid}.segmented .isActive{background:var(--gold);color:var(--ink);border-color:var(--gold)}.routeStrip{scrollbar-width:none;gap:.35rem;padding:.25rem 0 .7rem;display:flex;overflow-x:auto}.routeStrip span{color:var(--ink);background:var(--gold);border-radius:999px;flex:none;padding:.35rem .55rem}.primaryAction{background:linear-gradient(135deg, var(--cyan), var(--gold));width:100%;color:var(--ink);border-color:#0000;justify-content:center;align-items:center;gap:.5rem;font-size:1.02rem;display:flex}.primaryAction:disabled,.actionCard button:disabled{opacity:.42;cursor:not-allowed}.actionCard{border-top:1px solid #7fffdc24;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem 0;display:grid}.actionCard:first-of-type{border-top:0}.actionCard p{margin-bottom:.35rem}.actionCard small{color:var(--gold)}.actionCard button{min-width:4.5rem;padding:0 .75rem}.actionCard.owned{opacity:.72}.splitActions{grid-template-columns:1fr;gap:.5rem;margin-top:.75rem;display:grid}.verticalActions{gap:.4rem;display:grid}.progressTrack{background:#ffffff1a;border-radius:999px;height:.5rem;margin:.5rem 0;overflow:hidden}.progressTrack span{background:linear-gradient(90deg, var(--cyan), var(--gold));height:100%;display:block}.accountCard{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;grid-template-columns:4.4rem 1fr;align-items:center;gap:.75rem;padding:.75rem;display:grid}.accountCard img{object-fit:contain;background:#ffffff14;border-radius:8px;width:4.4rem;height:4.4rem}.achievementGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.75rem 0;display:grid}.achievementGrid span{min-width:0;color:var(--text);text-overflow:ellipsis;background:#ffd66b1f;border:1px solid #ffd66b4d;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem;display:flex;overflow:hidden}.cloudBox{background:#53ffe414;border:1px solid #53ffe43d;border-radius:8px;margin:.75rem 0;padding:.75rem}.cloudBox .sectionHeader{margin-bottom:.35rem}.cloudBox small{color:var(--gold);margin-top:.5rem;display:block}.syncNote{color:var(--text)}.eventLog{max-height:18rem;overflow:auto}.eventLog p{border-top:1px solid #7fffdc1f;margin:0;padding:.5rem 0}.eventLog p:first-of-type{color:var(--text);border-top:0}@media (width<=380px){.statRibbon,.miniStats,.objectiveRail,.achievementGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobileTabs span{display:none}}@media (width>=720px){.appShell{grid-template-columns:minmax(22rem,42vw) 1fr;grid-template-rows:min-height(100vh)}.heroPanel{min-height:100vh;position:sticky;top:0}.statRibbon{margin-top:min(45vh,28rem)}.commandDeck{padding:1rem}.mobileTabs{position:sticky;top:.75rem;bottom:auto}.desktopGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.objectiveRail{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.panel.isActivePanel,.eventLog{display:block}.splitActions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1180px){.appShell{grid-template-columns:minmax(26rem,34vw) 1fr}.commandDeck{padding:1.25rem}.desktopGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.eventLog{max-height:24rem}}