@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--cy-bg-base: #0D0D0D;--cy-bg-surface: #111111;--cy-bg-elevated: #161616;--cy-bg-overlay: #1A1A1A;--cy-text-primary: #E0FFE0;--cy-text-secondary: #00CC77;--cy-text-muted: #336644;--cy-text-inverse: #0D0D0D;--cy-accent: #00FF99;--cy-accent-gold: #FFD700;--cy-accent-cyan: #00CCFF;--cy-success: #00FF99;--cy-warning: #FFD700;--cy-error: #FF3333;--cy-info: #00CCFF;--cy-border: #1E2E1E;--cy-border-accent: #00FF99;--cy-border-subtle: #141F14;--color-citadel: #FFD700;--color-forge: #00CCFF;--color-hub: #CC77FF;--color-engine: #00FF99;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 28px;--sp-7: 40px;--sp-8: 56px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100vh;height:var(--tg-viewport-stable-height, var(--tg-viewport-height, 100vh));overflow:hidden}body{background-color:var(--cy-bg-base);color:var(--cy-text-primary);font-family:Roboto Mono,Courier New,monospace;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,153,.015) 2px,rgba(0,255,153,.015) 4px);pointer-events:none;z-index:9999}.app-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 30% at 50% 100%,rgba(0,255,153,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 20% at 50% 0%,rgba(0,204,255,.05) 0%,transparent 70%)}.app-shell{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100%;border-left:1px solid var(--cy-border);border-right:1px solid var(--cy-border);background:var(--cy-bg-base)}.app-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,153,.5) 30%,rgba(0,204,255,.5) 70%,transparent);pointer-events:none}.scroll-area{height:100%;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.territory-card{border-radius:4px;border:1px solid var(--cy-border);background:var(--cy-bg-surface);position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.territory-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--cy-accent);opacity:0;transition:opacity .2s ease}.territory-card:hover:before,.territory-card:active:before{opacity:1}.territory-card:hover{border-color:#00ff994d;background:var(--cy-bg-elevated);box-shadow:0 0 0 1px var(--cy-border),0 0 20px #00ff990f}.territory-card:active{transform:scale(.995)}.sector-card{border-radius:4px;border:1px solid var(--cy-border);background:var(--cy-bg-surface);position:relative;overflow:hidden;transition:all .2s ease;cursor:pointer;text-align:left;width:100%}.sector-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sector-accent-color, var(--cy-accent));opacity:0;transition:opacity .2s ease}.sector-card:hover{border-color:var(--sector-accent-color, var(--cy-accent));box-shadow:0 0 0 1px var(--sector-accent-color, var(--cy-accent)),0 0 24px #00ff9914}.sector-card:active{transform:scale(.98)}.cy-badge{display:inline-flex;align-items:center;gap:5px;font-family:Roboto Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:2px;background:#0006;border:1px solid currentColor}.cy-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.cy-badge--active{color:var(--cy-success);animation:cy-blink 2s ease-in-out infinite}.cy-badge--idle{color:var(--cy-text-muted)}.cy-badge--warning{color:var(--cy-warning)}.cy-badge--error{color:var(--cy-error)}.cy-badge--info{color:var(--cy-info)}@keyframes cy-blink{0%,to{opacity:1}50%{opacity:.5}}.cy-btn{font-family:Roboto Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:8px 16px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:6px}.cy-btn--primary{background:var(--cy-accent);color:var(--cy-text-inverse);border-color:var(--cy-accent)}.cy-btn--primary:hover{background:transparent;color:var(--cy-accent);box-shadow:0 0 12px #0f96}.cy-btn--ghost{background:transparent;color:var(--cy-accent);border-color:#00ff9959}.cy-btn--ghost:hover{background:#00ff9914;box-shadow:0 0 8px #0f93}.cy-top-bar{background:var(--cy-bg-base);border-bottom:1px solid var(--cy-border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.cy-top-bar__title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cy-accent)}.cy-top-bar__subtitle{font-size:10px;color:var(--cy-text-muted);letter-spacing:.06em;margin-top:2px}.cy-stat-card{background:var(--cy-bg-surface);border:1px solid var(--cy-border);border-radius:4px;padding:12px;position:relative;overflow:hidden}.cy-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--stat-accent, var(--cy-accent));opacity:.6}.cy-stat-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cy-text-muted);display:flex;align-items:center;gap:5px}.cy-stat-value{font-size:22px;font-weight:700;color:var(--cy-text-primary);line-height:1.2;margin-top:6px;font-variant-numeric:tabular-nums}.cy-bottom-nav{background:var(--cy-bg-base);border-top:1px solid var(--cy-border);display:flex;padding:6px 0;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,6px)}.cy-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cy-text-muted);cursor:pointer;transition:color .15s ease;border:none;background:none}.cy-nav-item--active{color:var(--cy-accent)}.cy-nav-item--active .cy-nav-icon{filter:drop-shadow(0 0 4px var(--cy-accent))}.cy-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cy-section-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cy-text-secondary)}.cy-section-hint{font-size:10px;color:var(--cy-text-muted);letter-spacing:.06em}.cy-divider{height:1px;background:var(--cy-border);margin:16px 0}.cy-prompt{font-size:11px;color:var(--cy-text-muted);letter-spacing:.04em}.cy-prompt:before{content:"> ";color:var(--cy-accent);opacity:.7}.glow-citadel{box-shadow:0 0 0 1px var(--color-citadel),0 0 20px #ffd70026}.glow-forge{box-shadow:0 0 0 1px var(--color-forge),0 0 20px #00ccff26}.glow-hub{box-shadow:0 0 0 1px var(--color-hub),0 0 20px #cc77ff26}.glow-engine{box-shadow:0 0 0 1px var(--color-engine),0 0 20px #00ff9926}@keyframes cy-spin{to{transform:rotate(360deg)}}@keyframes cy-pulse{0%,to{opacity:1}50%{opacity:.4}}.cy-spinner{width:40px;height:40px;border:2px solid var(--cy-border);border-top-color:var(--cy-accent);border-radius:2px;animation:cy-spin 1s linear infinite}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}