:root{color-scheme:dark;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(43,92,74,.35),transparent 30%),radial-gradient(circle at top right,rgba(159,72,23,.3),transparent 25%),linear-gradient(180deg,#09110f,#050706);color:#ecf0e8;--terminal-bg: #060807;--terminal-panel: #0a0d0b;--terminal-line: #84d7a7;--terminal-text: #c8d4cb;--terminal-dim: #7f8c84;--terminal-accent: #f3c587}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:inherit;color:inherit}button,input{font:inherit}input,button{border:0}#root{min-height:100vh}.app-shell{max-width:1440px;margin:0 auto;padding:24px}.auth-shell{display:grid;min-height:100vh;align-items:center}.hero-panel,.terminal-panel,.side-card{background:#070d0bd1;border:1px solid rgba(110,136,122,.18);box-shadow:0 18px 48px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel{border-radius:28px;padding:28px;display:grid;gap:24px}.auth-panel{max-width:980px;margin:0 auto;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);align-items:center}.hero-copy h1,.terminal-header h2,.side-card h2{font-family:IBM Plex Mono,Fira Code,monospace}.hero-copy h1{margin:0;font-size:clamp(2.8rem,8vw,5.4rem);line-height:.94}.lead{max-width:58rem;color:#c5d0c7;font-size:1.05rem}.install-note{max-width:52rem;margin:0;color:#9eb7aa;font-size:.94rem}.eyebrow,.label{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#89b39d}.hero-grid,.dashboard-grid{display:grid;gap:18px}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-card,.side-card{border-radius:22px;padding:18px}.info-card{background:linear-gradient(180deg,#16201bf2,#0e1210e6);border:1px solid rgba(127,151,140,.14)}.info-card strong{display:block;font-size:1.4rem;margin-bottom:6px}.small-button,.secondary-button,.auth-form button,.inline-form button,.team-list button,.inline-actions button{border-radius:12px;padding:11px 14px;cursor:pointer}.auth-form button,.inline-form button,.team-list button,.inline-actions button{background:linear-gradient(180deg,#7f5c2d,#69451d);color:#fff3df}.secondary-button{background:#ffffff14;color:#d9e3dc;border:1px solid rgba(255,255,255,.16)}.small-button{margin-top:10px;width:100%}.dashboard-grid{margin-top:22px;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);align-items:start}.play-column{display:grid;gap:18px}.action-deck{background:radial-gradient(circle at top right,rgba(243,197,135,.18),transparent 34%),linear-gradient(145deg,#0e1f17f5,#090d0bf0)}.device-mode-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.device-mode-strip button{border-radius:999px;padding:8px 10px;background:#84d7a71c;color:#b8dec6;border:1px solid rgba(132,215,167,.18);font-size:.86rem;cursor:pointer}.device-mode-strip button.is-active{background:linear-gradient(180deg,#a8d8bc,#72a883);color:#102016;border-color:#a8d8bcb8;font-weight:800}.device-mode-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin-top:14px;padding:14px;border-radius:18px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.device-mode-panel h3{margin:0 0 8px;font-family:IBM Plex Mono,Fira Code,monospace}.device-mode-panel p{margin:0;color:#c4d2c8}.device-mode-panel ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:#9fb0a4;font-size:.9rem;white-space:nowrap}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(136px,1fr));gap:10px;margin-top:14px}.action-grid button{min-height:48px;border-radius:14px;padding:12px;background:linear-gradient(180deg,#a8d8bc,#72a883);color:#102016;cursor:pointer;font-weight:800;box-shadow:0 10px 24px #0003}.action-grid-secondary button{background:linear-gradient(180deg,#f3c587,#986735);color:#22160b}.action-grid button:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55}.mission-actions{margin-top:18px}.action-hint{margin:14px 0 0;color:#b8c8bd}.device-dashboard{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1fr);gap:18px;align-items:stretch;padding:18px;border-radius:26px;border:1px solid rgba(110,136,122,.18);background:#070d0bc2;box-shadow:0 18px 48px #00000038}.device-explainer{display:grid;align-content:center;gap:10px}.device-explainer h2,.phone-hero h3,.desktop-window .window-title,.server-console-card h3{margin:0;font-family:IBM Plex Mono,Fira Code,monospace}.device-explainer p{margin:0;color:#c4d2c8}.phone-frame{display:grid;gap:14px;max-width:390px;min-height:520px;padding:16px;border-radius:34px;background:radial-gradient(circle at 20% 15%,rgba(132,215,167,.22),transparent 28%),linear-gradient(160deg,#10231b,#080d0b 62%,#15100a);border:1px solid rgba(168,216,188,.22);box-shadow:inset 0 0 0 8px #00000038}.phone-statusbar,.desktop-topbar{display:flex;justify-content:space-between;gap:12px;color:#cde4d3;font-size:.82rem}.phone-screen-title{display:grid;gap:4px;padding:4px 8px 0}.phone-screen-title h3{margin:0;font-family:IBM Plex Mono,Fira Code,monospace}.phone-screen-stack{display:grid;gap:12px;align-content:start}.phone-card,.phone-asset-row{border-radius:18px;padding:14px;background:#ffffff13;border:1px solid rgba(255,255,255,.1);color:#edf5ef}.phone-card{display:grid;gap:10px}.phone-card h3,.phone-card p{margin:0}.phone-card p{color:#d5e2d8}.phone-card>button,.phone-inline-actions button{border-radius:13px;padding:10px 12px;background:linear-gradient(180deg,#a8d8bc,#72a883);color:#102016;cursor:pointer;font-weight:800}.phone-asset-card h3,.phone-market-card h3{font-size:1rem}.phone-market-card.is-owned{border-color:#84d7a757;background:#84d7a714}.mission-guide-card{border-color:#f3c58761;background:radial-gradient(circle at top right,rgba(243,197,135,.14),transparent 36%),#ffffff13}.mission-step-row{display:flex;flex-wrap:wrap;gap:6px}.mission-step-row span{border-radius:999px;padding:6px 8px;background:#0000003d;color:#9fb0a4;font-size:.76rem}.mission-step-row span.is-done{background:#84d7a729;color:#a8d8bc}.phone-job-card.is-active{border-color:#84d7a76b;background:#84d7a71a}.phone-job-card.is-locked{opacity:.72}.phone-job-meta{display:flex;flex-wrap:wrap;gap:6px}.phone-job-meta span{border-radius:999px;padding:6px 8px;background:#00000038;color:#b7c8bd;font-size:.78rem}.unlock-card{border-color:#f3c58752}.economy-card{border-color:#84d7a747}.region-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.region-chip-row span,.unlock-card-inline small{color:#9fb0a4}.region-chip-row span{border-radius:999px;padding:7px 10px;background:#84d7a71a;border:1px solid rgba(132,215,167,.18);font-size:.82rem}.unlock-card-list{display:grid;gap:10px;margin-top:14px}.unlock-card-inline{display:grid;gap:4px;padding:12px;border-radius:16px;background:#ffffff0b;border:1px solid rgba(255,255,255,.08)}.unlock-card-inline strong{color:#edf5ef}.unlock-card-inline span{color:#cdd8d1}.scanner-grid{align-content:start}.phone-lock-note{color:#f3c587!important;font-size:.86rem}.phone-shell-card h3{overflow-wrap:anywhere;font-size:.9rem;color:#a8d8bc}.phone-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.phone-metric-grid span{display:grid;gap:4px;padding:12px;border-radius:16px;background:#0003;color:#9fb0a4;font-size:.82rem}.phone-metric-grid strong{color:#edf5ef;overflow-wrap:anywhere}.phone-inline-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.phone-asset-row{display:grid;gap:4px;text-align:left;cursor:pointer}.phone-asset-row span{color:#b7c8bd}.phone-hero{display:grid;gap:8px;padding:16px;border-radius:22px;background:#ffffff14}.phone-hero p{margin:0;color:#d5e2d8}.phone-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phone-app-grid button,.phone-bottom-nav button,.desktop-icons button,.server-rack button,.server-actions button{border:1px solid rgba(255,255,255,.12);cursor:pointer}.phone-app-grid button{display:grid;justify-items:center;gap:8px;min-height:86px;padding:10px 6px;border-radius:18px;background:#ffffff13;color:#edf5ef}.phone-app-grid button span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(180deg,#a8d8bc,#547e61);color:#102016;font-weight:900}.phone-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:auto;padding:8px;border-radius:20px;background:#0000003d}.phone-bottom-nav button{border-radius:14px;padding:10px 6px;background:#ffffff14;color:#dce8df}.phone-bottom-nav button.is-active{background:linear-gradient(180deg,#a8d8bc,#72a883);color:#102016;font-weight:900}.desktop-frame{position:relative;min-height:420px;padding:14px;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,rgba(132,215,167,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(243,197,135,.14),transparent 30%),#07100d;border:1px solid rgba(168,216,188,.18)}.desktop-icons{display:grid;grid-template-columns:repeat(3,minmax(78px,1fr));gap:14px;max-width:360px;margin-top:22px}.desktop-icons button{display:grid;justify-items:center;gap:8px;padding:10px;border-radius:16px;background:#ffffff0e;color:#edf5ef}.desktop-icons button.is-active{border-color:#a8d8bc7a;background:#84d7a71f}.window-grid button{border-radius:12px;padding:10px 12px;background:#ffffff14;color:#edf5ef;cursor:pointer;text-align:left}.window-grid button:disabled{cursor:not-allowed;opacity:.55}.desktop-icons button span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(180deg,#f3c587,#875a2b);color:#251606;font-weight:900}.desktop-window{position:absolute;right:18px;bottom:18px;width:min(330px,calc(100% - 36px));padding:14px;border-radius:18px;background:#060807db;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #00000057}.window-title{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);color:#a8d8bc}.window-grid{display:grid;gap:8px;margin-top:12px;color:#cbd8cf}.server-frame{display:grid;gap:14px;min-height:420px;padding:16px;border-radius:24px;background:repeating-linear-gradient(90deg,rgba(132,215,167,.04) 0,rgba(132,215,167,.04) 1px,transparent 1px,transparent 24px),linear-gradient(160deg,#070a09,#12100c);border:1px solid rgba(243,197,135,.18)}.server-rack{display:grid;gap:10px}.server-rack button{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#ffffff0e;color:#dce8df;text-align:left}.server-rack button.is-online{border-color:#84d7a76b;background:#84d7a71c}.server-rack button:disabled,.phone-card button:disabled,.phone-inline-actions button:disabled,.phone-asset-row:disabled,.phone-app-grid button:disabled,.phone-bottom-nav button:disabled,.desktop-icons button:disabled,.server-actions button:disabled{cursor:not-allowed;opacity:.55}.server-rack small{color:#9fb0a4}.server-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.server-service-grid article{display:grid;gap:8px;padding:12px;border-radius:16px;background:#ffffff0e;border:1px solid rgba(255,255,255,.1)}.server-service-grid strong{color:#edf5ef;font-size:.92rem}.server-service-grid button{border-radius:11px;padding:9px 10px;background:linear-gradient(180deg,#a8d8bc,#72a883);color:#102016;cursor:pointer;font-weight:800}.server-service-grid button:disabled{cursor:not-allowed;opacity:.55}.server-console-card{padding:14px;border-radius:18px;background:#00000047;border:1px solid rgba(255,255,255,.08)}.server-console-card p{margin:8px 0 0;color:#c4d2c8}.server-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.server-actions button{border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#7f5c2d,#69451d);color:#fff3df}.terminal-panel{border-radius:28px;padding:20px;background:linear-gradient(180deg,#080b0af5,#040605fa)}.terminal-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.terminal-header h2,.side-card h2{margin:0}.status-pill{white-space:nowrap;border-radius:999px;padding:8px 12px;background:#41836626;color:#a8d8bc;border:1px solid rgba(112,172,139,.24)}.status-pill.is-busy{background:#91652e24;color:#f3c68f;border-color:#d1975447}.terminal-window{position:relative;margin-top:18px;min-height:420px;max-height:60vh;overflow:auto;border-radius:20px;padding:18px 18px 26px;background:linear-gradient(180deg,#040605fa,#070908fa),radial-gradient(circle at center,rgba(22,44,32,.08),transparent 70%);border:1px solid rgba(112,141,126,.18);box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff05,0 18px 36px #00000047;cursor:text}.terminal-noise{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:repeating-linear-gradient(180deg,rgba(132,215,167,.045) 0,rgba(132,215,167,.045) 1px,transparent 1px,transparent 3px);opacity:.14}.terminal-entry+.terminal-entry{margin-top:18px}.prompt-line,.terminal-output,.terminal-inline-input{font-family:IBM Plex Mono,Fira Code,monospace}.prompt-line{display:flex;gap:12px;align-items:baseline;color:var(--terminal-line);line-height:1.5;word-break:break-word}.prompt-line-live{min-height:1.5em}.prompt-user{color:var(--terminal-line);text-shadow:0 0 8px rgba(126,217,168,.18)}.prompt-command{color:var(--terminal-accent)}.terminal-output{margin:8px 0 0;white-space:pre-wrap;color:var(--terminal-text);-webkit-user-select:text;user-select:text}.terminal-entry-live{margin-top:18px}.terminal-input-shell{display:flex;align-items:center;min-width:0;flex:1}.terminal-inline-input{width:100%;min-width:0;padding:0;background:transparent;color:var(--terminal-text);caret-color:var(--terminal-line);outline:none;border:0;-webkit-user-select:text;user-select:text}.terminal-inline-input::selection,.terminal-output::selection,.prompt-line::selection{background:#84d7a747;color:#f4fff7}.side-panel{display:grid;gap:18px}.stat-list,.command-list{margin:12px 0 0;padding-left:18px;color:#c9d3cd}.rank-list,.team-list,.tutorial-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}.rank-list li,.team-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#d2ddd5}.team-list li{padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.tutorial-list li{display:grid;gap:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.tutorial-list li strong{color:#e6efe9}.tutorial-list li span{color:#9fb0a4;font-size:.93rem}.tutorial-list li.is-complete strong{color:#84d7a7}.mission-briefing{margin:14px 0 0;color:#c9d3cd}.mission-checklist{margin-top:16px}.team-list li div{display:grid;gap:4px}.inline-actions{display:flex;gap:8px}.team-list li span{color:#9fb0a4;font-size:.92rem}.starter-list{margin:12px 0 0;padding-left:18px;color:#c9d3cd}.auth-form,.inline-form{display:grid;gap:12px}.auth-form{padding:22px;border-radius:22px;background:#080c0ae0;border:1px solid rgba(116,141,127,.16)}.auth-form input,.inline-form input,.inline-form select,.inline-form textarea{border-radius:12px;padding:12px 14px;background:#0a0e0ceb;color:#eff5f0;border:1px solid rgba(255,255,255,.12)}.error-text{color:#ff998f}.admin-user-grid{display:grid;gap:12px;margin-top:14px}.admin-user-card{display:grid;gap:4px;padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#d2ddd5}.admin-user-card span{color:#9fb0a4;font-size:.92rem}.admin-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.admin-actions button{border-radius:12px;padding:10px 12px;cursor:pointer;background:linear-gradient(180deg,#7f5c2d,#69451d);color:#fff3df}.crew-op-panel{display:grid;gap:6px;margin-top:14px;padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.crew-op-panel span{color:#9fb0a4;font-size:.92rem}.crew-feed{margin-top:16px}.crew-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.crew-summary-card{display:grid;gap:6px;padding:12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.crew-summary-card strong{color:#f0f6f2}.crew-summary-card small,.invite-stamp{color:#9fb0a4;font-size:.9rem}.crew-invite-list li,.pending-invite-list li{align-items:flex-start}.invite-stamp{text-transform:uppercase;letter-spacing:.08em}.admin-team-list,.admin-audit-list{margin-top:16px}.inline-form textarea{min-height:88px;resize:vertical}@media (max-width: 980px){.device-dashboard,.dashboard-grid,.auth-panel{grid-template-columns:1fr}}@media (max-width: 720px){.phone-frame{max-width:none;min-height:460px}.desktop-icons{grid-template-columns:repeat(2,1fr)}.crew-summary-grid{grid-template-columns:1fr}.desktop-window{position:static;width:100%;margin-top:16px}.server-rack button,.device-mode-panel{grid-template-columns:1fr}.app-shell{padding:14px}.hero-panel,.terminal-panel,.side-card{border-radius:20px}.prompt-line{gap:8px}}
