:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05080d;color:#f8fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#05080d}button,input{font:inherit}button,.button-link{border:1px solid rgba(255,255,255,.14);color:#f8fafc;background:#ffffff14;min-height:44px;border-radius:8px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.oracle-wordmark{color:#ff3128;font-weight:900;letter-spacing:0;font-size:clamp(1.4rem,2vw,2.5rem)}.dot{width:10px;height:10px;border-radius:999px;background:#ef4444;display:inline-block}.dot.online{background:#22c55e;box-shadow:0 0 18px #22c55e}.menu-shell{position:relative;min-height:100vh;overflow:hidden;background:#05080d}.menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.44;transform:scale(1.04);filter:saturate(1.08) contrast(1.08)}.menu-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#05080dfa,#05080dd6 36%,#05080d57),linear-gradient(0deg,rgba(5,8,13,.96) 0%,transparent 52%)}.menu-stage{position:relative;z-index:1;min-height:100vh;padding:clamp(18px,3vw,42px);display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(12px,2vw,24px)}.menu-header,.menu-hero,.menu-footer,.menu-live,.menu-kicker{display:flex;align-items:center}.menu-header{justify-content:space-between;gap:18px}.menu-oracle{font-size:clamp(2rem,5vw,4.7rem);line-height:.88}.oci-lockup{display:block;margin-top:8px;color:#f3f4f6;font-weight:700;letter-spacing:0;font-size:clamp(.95rem,1.4vw,1.35rem)}.menu-live{gap:10px;min-height:44px;padding:0 14px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e5e7eb}.menu-hero{justify-content:space-between;gap:clamp(22px,5vw,70px);align-self:center}.menu-copy{max-width:760px}.menu-kicker{width:fit-content;gap:8px;min-height:34px;padding:0 11px;border-radius:8px;background:#ff312824;border:1px solid rgba(255,49,40,.34);color:#fecaca;text-transform:uppercase;font-weight:800;font-size:.8rem}.menu-copy h1{margin:14px 0 8px;font-size:clamp(3rem,8vw,6.85rem);line-height:.9;letter-spacing:0;text-transform:uppercase}.menu-copy p{margin:0;max-width:660px;color:#f8fafc;font-size:clamp(1.15rem,2.2vw,1.85rem);font-weight:750}.menu-status-panel{width:min(340px,30vw);min-width:260px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#030a12c2;padding:18px;box-shadow:0 24px 80px #00000061}.menu-status-panel span,.menu-status-panel small,.menu-footer span,.menu-tile small{color:#aeb8c7;text-transform:uppercase;font-weight:800;font-size:.76rem}.menu-status-panel strong{display:block;margin:10px 0;font-size:clamp(2rem,4vw,4.2rem);text-transform:uppercase}.menu-status-panel small{text-transform:none;font-size:.95rem}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.menu-tile{min-height:132px;border-radius:8px;border:1px solid rgba(255,255,255,.13);background:#070e18c7;color:#f8fafc;text-decoration:none;padding:14px;display:grid;grid-template-columns:42px 1fr 24px;gap:12px;align-items:center;transition:transform .18s ease,border-color .18s ease,background .18s ease}.menu-tile:hover{transform:translateY(-4px);background:#0c192aeb;border-color:#ffffff52}.menu-tile-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#ffffff14}.menu-tile.blue .menu-tile-icon{color:#93c5fd}.menu-tile.green .menu-tile-icon{color:#86efac}.menu-tile.orange .menu-tile-icon{color:#fdba74}.menu-tile.purple .menu-tile-icon{color:#d8b4fe}.menu-tile-text{min-width:0}.menu-tile strong{display:block;margin:4px 0 5px;font-size:clamp(1.15rem,1.6vw,1.55rem)}.menu-tile em{display:block;color:#d1d5db;font-style:normal;line-height:1.25}.menu-footer{justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}.menu-footer strong{display:block;margin-top:5px;color:#f8fafc}.menu-leaders{text-align:right}.host-shell{min-height:100vh;padding:18px;background:radial-gradient(circle at 48% 20%,rgba(0,163,255,.18),transparent 34%),linear-gradient(135deg,#05080d,#07111c,#120605)}.host-stage{min-height:calc(100vh - 240px);border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#02060cd1;padding:18px;box-shadow:0 24px 80px #00000080}.host-header,.arena-title,.host-status,.host-bottom,.score-strip,.operator-actions{display:flex;align-items:center}.host-header{justify-content:space-between;gap:20px}.host-header h1{margin:6px 0 0;font-size:clamp(2rem,4vw,4.7rem);text-transform:uppercase;letter-spacing:0}.host-header p{margin:4px 0 0;color:#d1d5db;font-size:clamp(1rem,1.4vw,1.5rem)}.host-status{gap:10px;color:#cbd5e1}.host-grid{display:grid;grid-template-columns:260px 1fr 260px;gap:16px;margin-top:18px}.host-panel,.event-log,.leaderboard-panel,.oci-map{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070e18d1;padding:16px}.host-panel h2,.host-bottom h2{margin:0 0 12px;font-size:.92rem;text-transform:uppercase;color:#cbd5e1}.join-panel{text-align:center}.qr{width:180px;height:180px;border-radius:8px;padding:8px;background:#fff}.join-url{color:#9ca3af;word-break:break-all;font-size:.8rem}.operator-actions{gap:8px;justify-content:center}.topology-area{min-height:520px;position:relative;overflow:hidden;border-radius:8px;border:1px solid rgba(0,163,255,.18);background:linear-gradient(rgba(0,163,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,163,255,.06) 1px,transparent 1px),#02080eeb;background-size:36px 36px}.arena-title{justify-content:space-between;padding:16px 18px;text-transform:uppercase;color:#e5e7eb}.arena-title strong{font-size:2rem;color:#fff}.topology{position:absolute;top:70px;right:0;bottom:0;left:0}.topology svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.7}.mesh-line{fill:none;stroke:url(#lineGlow);stroke-width:2;stroke-dasharray:10 12;animation:dash 8s linear infinite}.danger-line{stroke:#ff3b30}@keyframes dash{to{stroke-dashoffset:-120}}.topology-node{position:absolute;width:132px;min-height:88px;border:1px solid rgba(145,201,255,.35);border-radius:8px;background:#0a1826e6;display:grid;place-items:center;text-align:center;gap:4px;padding:10px;transition:transform .2s ease,box-shadow .2s ease}.topology-node.hot{transform:scale(1.08);border-color:#ff3b30;box-shadow:0 0 36px #ff3b30a6}.node-1{left:5%;top:42%}.node-2{left:22%;top:14%}.node-3{left:43%;top:37%}.node-4{left:62%;top:12%}.node-5{left:22%;top:66%}.node-6{left:50%;top:68%}.node-7{right:5%;top:42%}.incident-broadcast,.combo-callout{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:12px;border-radius:8px;padding:14px;background:#130a08eb;border:1px solid rgba(255,59,48,.4)}.incident-broadcast span{display:block;color:#d1d5db;margin-top:4px}.combo-callout{bottom:96px;background:#082416f2;border-color:#22c55e8c;color:#bbf7d0;font-weight:800}.kpi-row,.event-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0}.kpi-row span,.event-row span{color:#cbd5e1}.good{color:#34d399}.warn{color:#f59e0b}.bad{color:#ff554d}.score-strip{gap:10px;margin-top:14px;min-height:72px}.player-chip{flex:1 1 0;min-width:190px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-radius:8px;padding:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.player-chip small{display:block;color:#a3aab8;margin-top:2px}.player-chip.blue{border-color:#3b82f699}.player-chip.green{border-color:#22c55e99}.player-chip.orange{border-color:#f9731699}.player-chip.purple{border-color:#a855f799}.empty-strip,.empty{color:#94a3b8}.host-bottom{align-items:stretch;gap:14px;margin-top:14px}.host-bottom>*{flex:1;min-height:170px}.leader-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.leader-list li{display:grid;grid-template-columns:32px 1fr auto auto;gap:10px;align-items:center;padding:10px;border-radius:8px;background:#ffffff0f}.leader-list.large li{font-size:clamp(1.4rem,3vw,3rem);padding:18px}.oci-map div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.oci-map span{border-radius:8px;background:#ffffff12;padding:12px;text-align:center;color:#e5e7eb}.controller-shell{min-height:100vh;padding:14px;background:linear-gradient(180deg,#06111e,#05080d)}.controller-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.controller-header span:last-child{display:block;color:#94a3b8;font-size:.85rem}.controller-card{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px;background:#09121ef0;margin-bottom:12px}.controller-card h1{margin:0 0 8px;font-size:clamp(1.6rem,8vw,2.4rem);letter-spacing:0}.controller-card p{color:#cbd5e1}.identity-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}label{display:grid;gap:6px;color:#cbd5e1}input{min-height:48px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;padding:0 12px}.role-grid,.choice-list{display:grid;gap:10px}.role-button,.choice,.primary-action,.skill-button{min-height:64px;justify-content:flex-start;font-weight:800;font-size:1.05rem}.role-button small{margin-left:auto;color:#fca5a5}.blue{color:#93c5fd}.green{color:#86efac}.orange{color:#fdba74}.purple{color:#d8b4fe}.primary-action{width:100%;justify-content:center;background:#0f62fe}.skill-button{width:100%;margin:10px 0;background:#ff312829;border-color:#ff312880;color:#fecaca}.choice{width:100%;background:#0f62fe29}.choice.risky{background:#f9731624;border-color:#f9731659}.role-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#ffffff14;margin-bottom:12px;font-weight:800}.standby,.countdown-card,.end-card{text-align:center}.toast{position:fixed;left:14px;right:14px;bottom:14px;border-radius:8px;padding:14px;background:#7f1d1d;border:1px solid #fca5a5}.toast.ok{background:#064e3b;border-color:#6ee7b7}.operator-shell,.leaderboard-shell{min-height:100vh;padding:24px;background:#060b12}.operator-shell header,.leaderboard-shell header{margin-bottom:20px}.operator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.operator-grid.two{grid-template-columns:1fr 1fr}.operator-grid>div,.leaderboard-board{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;background:#ffffff0d}@media(max-width:900px){.host-grid,.host-bottom,.operator-grid,.operator-grid.two{grid-template-columns:1fr;display:grid}.host-shell{padding:10px}.topology-area{min-height:420px}.host-header{align-items:flex-start;flex-direction:column}.score-strip{overflow-x:auto}.oci-map div{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-card{grid-template-columns:1fr}.menu-stage{min-height:100svh}.menu-header,.menu-hero,.menu-footer{align-items:flex-start;flex-direction:column}.menu-grid{grid-template-columns:1fr}.menu-status-panel{width:100%;min-width:0}.menu-tile{min-height:132px}.menu-leaders{text-align:left}}