:root{color-scheme:dark;--bg: #04111c;--panel: rgba(10, 26, 43, .92);--panel-2: rgba(15, 37, 58, .96);--stroke: rgba(97, 255, 224, .18);--text: #e6fff9;--muted: #93b8b5;--accent: #4ef0d6;--accent-2: #ffb956;--danger: #ff7f93;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(78,240,214,.14),transparent 30%),linear-gradient(180deg,#06131f,#071c2c 45%,#020911);color:var(--text)}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.phone-frame{width:min(100%,430px);min-height:820px;background:linear-gradient(180deg,#11283df0,#06121cfa),var(--panel);border:1px solid var(--stroke);border-radius:32px;box-shadow:0 24px 80px #00000073;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 22px 12px}.topbar h1{margin:4px 0 0;font-size:28px}.eyebrow{margin:0;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.screen{padding:0 18px 22px;display:grid;gap:16px}.hero-card,.panel,.result-card{background:var(--panel);border:1px solid var(--stroke);border-radius:24px;padding:18px}.hero-card h2,.result-card h2{margin:6px 0 10px;font-size:30px}.hero-copy,.panel p,.result-card p{color:var(--muted);line-height:1.5}.stats-row,.hero-actions,.leaderboard-layout,.faction-grid,.level-grid{display:grid;gap:12px}.stats-row{grid-template-columns:repeat(2,1fr);margin:16px 0}.stat-chip{background:#ffffff0a;border-radius:18px;padding:12px}.stat-chip span{display:block;color:var(--muted);font-size:13px}.stat-chip strong{display:block;margin-top:6px;font-size:22px}.primary-button,.secondary-button,.ghost-button,.level-card{border:0;border-radius:18px;padding:14px 16px;transition:transform .15s ease,opacity .15s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.level-card:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,var(--accent),#7bf7c3);color:#03211d;font-weight:700}.secondary-button{background:linear-gradient(135deg,#1f3f5d,#264c72);color:var(--text)}.ghost-button{background:transparent;color:var(--muted);border:1px solid var(--stroke)}.full-width{width:100%}.faction-grid{grid-template-columns:1fr 1fr}.bind-panel,.bind-actions,.bind-field,.goal-list,.hud-metrics{display:grid;gap:12px}.bind-field span{color:var(--muted);font-size:13px}.bind-field input{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a;color:var(--text);padding:12px 14px}.bind-hint,.bind-feedback,.hud-footnote{color:var(--muted);font-size:13px;line-height:1.5}.faction-card{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:14px;border-radius:18px;background:var(--panel-2)}.faction-card h4{margin:0 0 4px}.faction-card p{margin:0;font-size:13px}.faction-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:700;color:#071218}.faction-chat .faction-icon{background:#5eead4}.faction-search .faction-icon{background:#60a5fa}.faction-art .faction-icon{background:#f59e0b}.faction-code .faction-icon{background:#a78bfa}.faction-office .faction-icon{background:#fb7185}.faction-analysis .faction-icon{background:#86efac}.level-grid{grid-template-columns:1fr}.level-card{text-align:left;background:var(--panel);border:1px solid var(--stroke);color:var(--text)}.level-card.locked{opacity:.55}.level-card-top{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700}.stars{margin-top:12px;color:#ffffff47;letter-spacing:.2em}.stars .filled{color:var(--accent-2)}.large{font-size:28px}.game-shell{display:grid;gap:14px}.hud-panel{display:grid;gap:12px}.hud-card h3{margin:6px 0 10px}.hud-metrics{grid-template-columns:repeat(3,1fr)}.hud-metrics span{display:block;color:var(--muted);font-size:12px}.hud-metrics strong{display:block;margin-top:4px;font-size:22px}.goal-list p{margin:0}.status-pill{display:inline-flex;width:fit-content;margin:0;padding:8px 12px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.status-playing{background:#60a5fa24;color:#9bc5ff}.status-victory{background:#7bf7c329;color:#a8ffd6}.status-defeat{background:#ff7f9324;color:#ff9cab}.phaser-root{min-height:640px;border-radius:24px;overflow:hidden;border:1px solid var(--stroke);background:#071521}.leaderboard-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.leaderboard-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:16px;background:#ffffff0a}.result-card.victory{border-color:#7bf7c34d}.loading-screen,.fatal-screen{display:grid;place-items:center;gap:16px;min-height:100vh;text-align:center}.orb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.orb-grid span{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));animation:pulse 1.2s ease-in-out infinite alternate}.orb-grid span:nth-child(2){animation-delay:.2s}.orb-grid span:nth-child(3){animation-delay:.35s}.orb-grid span:nth-child(4){animation-delay:.5s}@keyframes pulse{0%{transform:scale(.85);opacity:.45}to{transform:scale(1.1);opacity:1}}@media(min-width:900px){.phone-frame{width:min(100%,980px);min-height:760px}.screen{padding:0 22px 24px}.game-shell{grid-template-columns:260px 1fr;align-items:start}.level-grid{grid-template-columns:1fr 1fr}}