:root{color-scheme:dark;--bg: #0a1118;--bg-elevated: rgba(10, 17, 24, .84);--panel: rgba(15, 25, 36, .82);--panel-strong: rgba(20, 32, 46, .9);--border: rgba(135, 189, 219, .2);--text: #f5f7fb;--muted: #a8c0d5;--accent: #74d8ff;--accent-warm: #ffd179;--danger: #ff7c6f;--shadow: 0 24px 80px rgba(0, 0, 0, .45);font-family:Avenir Next,Futura,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(84,174,226,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(255,153,86,.15),transparent 25%),linear-gradient(180deg,#071018,#09141d,#060d14)}button,input,select{font:inherit}a{color:inherit}.app-shell{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr) minmax(260px,340px);gap:18px;min-height:100vh;padding:18px}.panel,.card,.hero-bar,.viewport-shell{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{display:flex;flex-direction:column;gap:16px}.card,.hero-bar{background:var(--panel);border-radius:24px;padding:18px}.brand-block{padding:12px 4px}.brand-block h1,.hero-bar h2{margin:8px 0 10px;line-height:.94;letter-spacing:.02em}.brand-block h1{max-width:12ch;font-size:clamp(2.4rem,4vw,4.2rem)}.hero-bar h2{font-size:clamp(1.8rem,2.4vw,2.8rem)}.brand-block p,.card p,.preset p,.muted{color:var(--muted)}.eyebrow{color:var(--accent-warm);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase}.main-stage{display:grid;grid-template-rows:auto 1fr;gap:16px}.hero-bar{display:flex;align-items:flex-end;justify-content:space-between}.hero-status{display:flex;gap:12px;color:var(--muted)}.viewport-shell{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(180deg,rgba(98,176,255,.12),transparent 25%),linear-gradient(180deg,#03080c59,#03080cd1)}.viewport-canvas,.viewport-empty{width:100%;height:100%;min-height:600px}.viewport-loading{display:grid;place-items:center;min-height:600px}.viewport-empty{display:grid;place-items:center;color:var(--muted)}.viewport-hud{position:absolute;display:flex;gap:10px}.viewport-hud-top{top:16px;left:16px;flex-wrap:wrap}.hud-pill{padding:10px 12px;border-radius:999px;background:#04080c8c;border:1px solid rgba(255,255,255,.08);font-size:.85rem}.pointer-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(180deg,#03070b2e,#03070b85)}.pointer-lock-card{width:min(440px,calc(100% - 36px));padding:24px;border-radius:24px;background:var(--panel-strong);border:1px solid rgba(116,216,255,.24)}.pointer-lock-card h3{margin:10px 0}.reticle{position:absolute;inset:50% auto auto 50%;width:24px;height:24px;margin-left:-12px;margin-top:-12px;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#ffffffdb;border-radius:999px}.reticle:before{top:11px;left:0;width:24px;height:2px}.reticle:after{top:0;left:11px;width:2px;height:24px}.combat-hud{position:absolute;left:16px;bottom:18px;display:grid;grid-template-columns:minmax(220px,280px) minmax(180px,220px);gap:14px}.hud-panel,.event-feed,.match-banner{border:1px solid rgba(255,255,255,.08);background:#04080c9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hud-panel{padding:14px 16px;border-radius:18px}.hud-row,.score-row,.ammo-strip,.pilot-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-bar{margin:10px 0 12px;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.health-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8f70,#ffd36b 45%,#8effb3)}.ammo-strip{margin-bottom:10px;color:var(--muted);font-size:.92rem}.heading-indicator{position:relative;height:8px;margin:10px 0 12px;border-radius:999px;background:#ffffff14;overflow:hidden}.heading-indicator-fill{position:absolute;top:0;width:12%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7ed0ff,#ffd179);transform:translate(-50%)}.respawn-banner{margin-top:12px;padding:10px 12px;border-radius:12px;color:#1c1408;background:linear-gradient(135deg,#ffd179,#ff9f6e);font-weight:700}.scoreboard{display:grid;gap:10px}.score-row{color:var(--muted)}.score-row-local{color:var(--text)}.event-feed{position:absolute;right:18px;top:74px;width:min(320px,calc(100% - 36px));display:grid;gap:8px;padding:14px 16px;border-radius:18px}.event-line{color:var(--muted);font-size:.92rem}.prompt-strip{display:grid;gap:6px;margin-top:8px;color:var(--muted);font-size:.86rem}.match-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:18px 24px;border-radius:18px;color:#081018;background:linear-gradient(135deg,#ffe17b,#7ed0ff);font-size:1.2rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.pilot-summary{margin-top:12px;color:var(--muted)}.ad-surface{width:100%;margin-top:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.inline-ad-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px) auto;align-items:center;gap:16px;padding:16px 18px;border-radius:24px;border:1px solid rgba(255,209,121,.26);background:#0f1924d1;box-shadow:var(--shadow)}.start-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-radius:24px;border:1px solid rgba(116,216,255,.22);background:#0f1924d1;box-shadow:var(--shadow)}.start-card strong{display:block;margin:6px 0 8px;font-size:1.05rem}.start-card p{margin:0}.start-card-actions{display:flex;gap:12px;align-items:center;min-width:max-content}.ad-surface-inline{margin-top:0}.loading-ad{position:absolute;right:18px;bottom:18px;display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;min-width:220px;text-decoration:none;color:var(--text);background:#0f141ccc;border:1px solid rgba(255,209,121,.3)}.card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-header h2{margin:0}.field{display:grid;gap:8px;margin:12px 0}.field input,.field select{width:100%;padding:12px 14px;color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px}.field input[type=range]{padding:0;accent-color:var(--accent);background:transparent;border:0}.field-inline,.card-actions,.binding-row,.checklist-item,.notice-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-inline{margin-top:-4px;margin-bottom:12px}.toggle-field{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--text)}.toggle-field input{width:18px;height:18px;accent-color:var(--accent)}.preset-copy{margin-top:-4px}.binding-list,.checklist,.notice-list{display:grid;gap:10px}.binding-list{margin-top:16px}.binding-row,.checklist-item,.notice-card{padding:12px 14px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.binding-row span,.checklist-item span{color:var(--muted)}.checklist-item{align-items:flex-start;flex-direction:column}.checklist-item-done{border-color:#74d8ff4d;background:#74d8ff14}.card-actions{margin-top:16px}.card-actions .primary-button,.card-actions .secondary-button{width:100%}.notice-card{align-items:flex-start;flex-direction:column}.notice-card p{margin:0}.inline-link{color:var(--accent);text-decoration:none}.inline-link:hover{text-decoration:underline}.primary-button{width:100%;padding:14px 16px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--accent) 0%,#6fb5ff 100%);color:#081018;font-weight:700;cursor:pointer}.secondary-button{padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0a;color:var(--text);cursor:pointer}.room-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.room-actions .primary-button,.room-actions .secondary-button{width:100%}.invite-preview{margin-top:12px;word-break:break-all}.preset-list,.room-list,.level-list{display:flex;flex-direction:column;gap:10px}.empty-state-card,.preset,.room-card,.level-chip,.error-card{padding:14px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.room-card,.level-chip{text-align:left;color:inherit;cursor:pointer}.empty-state-card p{margin-bottom:0}.room-card span,.room-card small,.level-chip span{display:block;color:var(--muted)}.level-chip-active{border-color:#74d8ff80;background:#74d8ff14}.room-card-active{border-color:#ffd17980;background:#ffd17914}.error-card{color:var(--danger)}@media(max-width:1200px){.app-shell{grid-template-columns:1fr}.panel,.main-stage{min-height:auto}.viewport-canvas,.viewport-empty{min-height:420px}.combat-hud{right:16px;grid-template-columns:1fr}.event-feed{position:absolute;top:auto;right:16px;bottom:190px;width:min(320px,calc(100% - 32px))}.room-actions,.inline-ad-card{grid-template-columns:1fr}.start-card{align-items:flex-start;flex-direction:column}.start-card-actions{width:100%;min-width:0;flex-direction:column}.start-card-actions .primary-button,.start-card-actions .secondary-button{width:100%}.card-actions{flex-direction:column}}