:root{--bg-void: #080a14;--bg-surface: #101426;--bg-elevated: #171d36;--border-subtle: rgba(0, 240, 255, .18);--cyan-neon: #00f0ff;--magenta-neon: #ff46c8;--emerald-neon: #46ffa6;--amber-neon: #ffbe3b;--text-main: #f3f6ff;--text-muted: #9aa8c7;--radius-lg: 16px;--radius-md: 12px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at 20% 0%,#121936 0%,var(--bg-void) 65%);color:var(--text-main);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.hidden{display:none!important}.portal-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#0b0e1ce6;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.brand-cluster{display:flex;align-items:center;gap:12px}.brand-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--cyan-neon),var(--magenta-neon));display:grid;place-items:center;font-weight:900;font-size:18px;color:#060913;box-shadow:0 0 18px #00f0ff59}.brand-title{font-size:18px;font-weight:800;letter-spacing:-.02em;margin:0}.brand-subtitle{font-size:11px;color:var(--cyan-neon);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.header-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-input{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 14px;border-radius:999px;font-size:13px;min-width:210px;outline:none}.search-input:focus{border-color:var(--cyan-neon);box-shadow:0 0 0 2px #00f0ff33}.cloud-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#46ffa61a;border:1px solid rgba(70,255,166,.35);color:var(--emerald-neon);font-size:12px;font-weight:700}.portal-container{max-width:1400px;margin:0 auto;padding:20px 24px 48px;display:flex;flex-direction:column;gap:24px}.category-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.category-pills{display:flex;gap:8px;flex-wrap:wrap}.cat-pill{background:var(--bg-surface);color:var(--text-muted);border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.cat-pill:hover,.cat-pill.active{background:linear-gradient(135deg,#00f0ff33,#ff46c833);color:var(--text-main);border-color:var(--cyan-neon)}.moat-metrics{display:flex;gap:10px;flex-wrap:wrap}.metric-chip{font-size:12px;font-weight:700;padding:6px 12px;border-radius:8px;background:var(--bg-surface);border:1px solid rgba(255,255,255,.08);color:var(--text-muted)}.metric-chip strong{color:var(--cyan-neon)}.stage-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}.stage-workspace.theater-expanded{grid-template-columns:1fr}.stage-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 18px 42px #00000073}.iframe-viewport{position:relative;width:100%;aspect-ratio:16 / 10;max-height:620px;background:#060811;transition:max-width .2s ease}.iframe-viewport.is-portrait{aspect-ratio:9 / 16;max-width:420px;max-height:640px;margin:0 auto}.game-iframe{width:100%;height:100%;border:0;display:block}.stage-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#080a14e0;z-index:10;pointer-events:none}.spinner-ring{width:42px;height:42px;border-radius:50%;border:3px solid rgba(0,240,255,.2);border-top-color:var(--cyan-neon);animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--bg-elevated);border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.stage-meta h2{margin:0;font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px}.wasm-size-pill{font-size:11px;padding:3px 9px;border-radius:999px;background:#00f0ff24;color:var(--cyan-neon);border:1px solid rgba(0,240,255,.35)}.stage-controls-hint{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.stage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-stage{background:#ffffff0f;color:var(--text-main);border:1px solid rgba(255,255,255,.14);padding:8px 13px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-stage:hover{border-color:var(--cyan-neon);background:#00f0ff24}.btn-stage-reward{background:linear-gradient(135deg,#46ffa62e,#00f0ff2e);border-color:var(--emerald-neon);color:var(--emerald-neon)}.telemetry-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:10px}.panel-header h3{margin:0;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--cyan-neon)}.status-dot{font-size:11px;font-weight:700;color:var(--emerald-neon)}.score-vault-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vault-stat-box{background:var(--bg-elevated);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 12px}.vault-stat-label{font-size:11px;color:var(--text-muted)}.vault-stat-value{font-size:20px;font-weight:800;color:var(--text-main);margin-top:2px}.rpc-log-list{background:#070913;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px;height:250px;overflow-y:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:flex;flex-direction:column;gap:6px}.rpc-log-item{padding:6px 8px;border-radius:6px;background:#ffffff08;border-left:3px solid var(--cyan-neon);line-height:1.35}.rpc-log-item.host-dir{border-left-color:var(--magenta-neon)}.catalog-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.catalog-section-header h2{margin:0;font-size:20px;font-weight:800}.bento-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.game-card{background:var(--bg-surface);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease;position:relative;overflow:hidden}.game-card:hover,.game-card.active-card{transform:translateY(-3px);border-color:var(--cyan-neon);box-shadow:0 12px 28px #00f0ff24}.card-thumb-wrap{width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#070a14;margin-bottom:10px;border:1px solid rgba(255,255,255,.1)}.card-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.game-card:hover .card-thumb-img{transform:scale(1.04)}.card-top-badges{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-cat-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#00000073;color:var(--text-main);border:1px solid rgba(255,255,255,.14)}.card-wasm-badge{font-size:11px;font-weight:800;color:var(--emerald-neon)}.card-title{margin:6px 0 4px;font-size:18px;font-weight:800}.card-subtitle{margin:0;font-size:13px;color:var(--text-muted)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:12px}.play-now-pill{padding:6px 12px;border-radius:8px;background:var(--cyan-neon);color:#060913;font-weight:800;font-size:12px}.ad-overlay-backdrop{position:fixed;inset:0;z-index:100;background:#05070fdb;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.ad-modal-card{width:100%;max-width:480px;background:var(--bg-elevated);border:2px solid var(--cyan-neon);border-radius:var(--radius-lg);padding:22px;box-shadow:0 24px 60px #000000b3;display:flex;flex-direction:column;gap:18px}.ad-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ad-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;letter-spacing:.04em}.ad-badge-reward{background:#46ffa629;color:var(--emerald-neon);border:1px solid var(--emerald-neon)}.ad-badge-interstitial{background:#ffbe3b29;color:var(--amber-neon);border:1px solid var(--amber-neon)}.ad-timer-pill{font-size:12px;font-weight:700;color:var(--text-main)}.ad-stage-preview{background:#080b16;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;text-align:center}.ad-stage-title{font-size:18px;font-weight:800;margin-bottom:6px}.ad-stage-desc{font-size:13px;color:var(--text-muted);margin:0 0 16px}.ad-progress-track{width:100%;height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden}.ad-progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan-neon),var(--emerald-neon));transition:width .3s ease}.ad-modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-primary-cyber{background:var(--emerald-neon);color:#050a14;border:0;padding:10px 16px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer}.btn-ghost-cyber{background:transparent;color:var(--text-muted);border:1px solid rgba(255,255,255,.2);padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer}@media(max-width:1024px){.stage-workspace{grid-template-columns:1fr}}@media(max-width:640px){.portal-header{padding:10px 14px}.portal-container{padding:14px 14px 36px}.search-input{min-width:140px;flex:1}}