:root{color-scheme:light;--bg: #b9b9b9;--panel: #d6d6d6;--panel-strong: #efefef;--border: #1f1f1f;--text: #111111;--muted: #4c4c4c;--accent: #000080;--accent-warm: #5f5f5f;--danger: #7a0000;--shadow: 2px 2px 0 rgba(0, 0, 0, .28);font-family:Geneva,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(180deg,#c9c9c9,#ababab);background-size:4px 4px,4px 4px,auto;overflow-x:hidden;overflow-y:auto}button,input,select{font:inherit}a{color:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-height:calc(100vh - 30px);padding:12px 16px 20px}.desktop-shell{min-height:100vh;padding-top:30px}.menu-bar{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;height:30px;padding:0 12px;color:#111;background:#efefef;border-bottom:1px solid #000;box-shadow:inset 0 1px #fff;font-size:.82rem}.menu-items,.menu-status{display:flex;align-items:center;gap:14px}.menu-items strong{margin-right:8px}.panel,.card,.hero-bar,.viewport-shell,.start-card{border:1px solid var(--border);box-shadow:inset 1px 1px #fff,inset -1px -1px #707070,var(--shadow);background:var(--panel)}.panel{display:flex;flex-direction:column;gap:12px;min-height:0}.panel-right{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,1680px);margin:0 auto;overflow:visible;padding-right:0;align-items:start}.panel-right>:first-child{grid-column:span 2}.card,.hero-bar{border-radius:0;padding:12px}.brand-card{padding:0}.brand-block{padding:14px}.brand-block h1{max-width:11ch;margin:4px 0 10px;line-height:.95;font-size:clamp(2rem,3.1vw,3.4rem)}.hero-bar h2{margin:4px 0;line-height:1;font-size:clamp(1.6rem,2vw,2.4rem)}.brand-block p,.card p,.preset p,.muted{color:var(--muted)}.eyebrow{color:var(--accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.main-stage{display:grid;gap:12px;align-items:start;justify-items:center}.hero-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:start;gap:12px;width:min(100%,1680px)}.hero-heading{min-width:0}.hero-copy{margin:0;max-width:58ch}.hero-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.hero-status span{padding:10px 12px;color:var(--text);background:#cfcfcf;border:1px solid var(--border);box-shadow:inset 1px 1px #fff,inset -1px -1px #7d7d7d;font-size:.78rem}.viewport-shell{position:relative;width:min(100%,1680px);aspect-ratio:16 / 9;min-height:clamp(420px,64vh,900px);max-height:calc(100vh - 220px);overflow:hidden;border-radius:0;background:linear-gradient(180deg,rgba(10,18,28,.08),transparent 25%),linear-gradient(180deg,#040a128c,#040a12e6)}.viewport-canvas,.viewport-empty{width:100%;height:100%;min-height:100%}.viewport-loading{display:grid;place-items:center;min-height:clamp(420px,64vh,900px)}.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:12px;border-radius:0;width:min(100%,1680px)}.start-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px;border-radius:0}.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}.control-dock{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:12px;width:min(100%,1680px)}.dock-card{display:grid;align-content:start}.settings-drawer{grid-column:1 / -1}.launch-console-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:12px;align-items:start}.launch-callout{display:grid;gap:6px}.launch-callout strong{font-size:1.05rem}.launch-callout p{margin:0}.launch-room-meta{margin-top:4px;flex-wrap:wrap}.launch-actions{display:grid;gap:8px;align-content:start}.launch-actions .primary-button,.launch-actions .secondary-button{width:100%}.launch-forms{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.8fr);gap:12px;margin-top:12px}.launch-form-group{display:grid;gap:8px;align-content:start}.pilot-card{gap:10px}.pilot-summary-tight{margin-top:0;flex-wrap:wrap;row-gap:6px}.compact-copy{margin:0}.compact-guide{display:grid;gap:10px}.compact-guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-tip,.compact-sponsor{padding:10px 12px;border-radius:0;background:#cfcfcf;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #7d7d7d}.compact-tip{display:grid;gap:4px}.compact-sponsor{display:flex;align-items:center;justify-content:space-between;gap:10px}.details-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:-12px -12px 12px;padding:6px 10px;color:#111;cursor:pointer;background:repeating-linear-gradient(90deg,#fff 0,#fff 3px,#b7b7b7 3px,#b7b7b7 6px);border-bottom:1px solid #000}.details-summary::-webkit-details-marker{display:none}.settings-drawer[open],.sidebar-drawer[open]{gap:0}.sidebar-drawer{display:grid;align-content:start}.notice-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;width:min(100%,1680px)}.inline-error-card{padding:10px 12px;width:min(100%,1680px)}.billboard-list{flex-direction:column;align-items:flex-start}.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;margin:-12px -12px 12px;padding:6px 10px;color:#111;background:repeating-linear-gradient(90deg,#fff 0,#fff 3px,#b7b7b7 3px,#b7b7b7 6px);border-bottom:1px solid #000}.card-header h2{margin:0;font-size:1rem}.field{display:grid;gap:8px;margin:12px 0}.field input,.field select{width:100%;padding:12px 14px;color:var(--text);background:#fff;border:1px solid #000;border-radius:0;box-shadow:inset 1px 1px #707070,inset -1px -1px #fff}.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;grid-template-columns:repeat(2,minmax(0,1fr))}.binding-row,.checklist-item,.notice-card{padding:12px 14px;border-radius:0;background:#cfcfcf;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #7d7d7d}.binding-row span,.checklist-item span{color:var(--muted)}.checklist-item{align-items:flex-start;flex-direction:column}.checklist-item-done{background:#dfe5ff}.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:1px solid #000;border-radius:0;background:#d6d6d6;color:#111;font-weight:700;cursor:pointer;box-shadow:inset 1px 1px #fff,inset -1px -1px #707070}.secondary-button{padding:14px 16px;border:1px solid #000;border-radius:0;background:#d6d6d6;color:var(--text);cursor:pointer;box-shadow:inset 1px 1px #fff,inset -1px -1px #707070}.primary-button:active,.secondary-button:active{box-shadow:inset 1px 1px #707070,inset -1px -1px #fff;transform:translate(1px,1px)}.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;max-height:260px;overflow:auto}.empty-state-card,.preset,.room-card,.level-chip,.error-card{padding:14px;border-radius:0;background:#cfcfcf;border:1px solid #000;box-shadow:inset 1px 1px #fff,inset -1px -1px #7d7d7d}.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{color:#fff;background:navy}.level-chip-active span{color:#d8d8ff}.room-card-active{color:#fff;background:navy}.room-card-active span,.room-card-active small{color:#d8d8ff}.error-card{color:var(--danger);background:#ffe0da}.window-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;color:#111;background:repeating-linear-gradient(90deg,#fff 0,#fff 3px,#b7b7b7 3px,#b7b7b7 6px);border-bottom:1px solid #000}@media(max-width:1200px){body{overflow:auto}.menu-bar{height:auto;flex-direction:column;align-items:flex-start;padding:6px 10px}.desktop-shell{min-height:100vh;padding-top:72px;overflow:visible}.app-shell{grid-template-columns:1fr;overflow:visible}.panel,.main-stage{min-height:auto}.hero-bar{grid-template-columns:1fr}.hero-status{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.control-dock{grid-template-columns:1fr}.panel-right{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-right>:first-child,.settings-drawer{grid-column:auto}.launch-console-grid,.launch-forms{grid-template-columns:1fr}.viewport-shell{min-height:clamp(320px,48vh,620px);max-height:none}.viewport-canvas,.viewport-empty,.viewport-loading{min-height:320px}.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,.binding-list{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}.compact-guide-list{grid-template-columns:1fr}}@media(max-width:760px){.panel-right{grid-template-columns:1fr}.hero-status{grid-template-columns:1fr 1fr}}