@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Oxanium:wght@400;600;700;800&display=swap";:root{color-scheme:dark;--bg: #08131e;--panel: rgba(7, 16, 28, .7);--panel-strong: rgba(10, 23, 38, .9);--line: rgba(145, 214, 255, .24);--text: #eef8ff;--muted: #a9c4d8;--accent: #7be4ff;--accent-strong: #dbffff;--danger: #ff9f80;--shadow: 0 30px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 20% 20%,rgba(93,190,255,.24),transparent 26%),radial-gradient(circle at 80% 0%,rgba(151,255,238,.16),transparent 24%),linear-gradient(180deg,#0d1d2d,#07111b 56%,#03070c);color:var(--text);font-family:Instrument Sans,sans-serif}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 85%);mask-image:radial-gradient(circle at center,black 45%,transparent 85%);pointer-events:none}button,input{font:inherit}#app{min-height:100vh}.shell{position:relative;min-height:100vh;overflow:hidden}.hero{position:absolute;inset:0 auto auto 0;width:min(36rem,100%);padding:2rem;z-index:3;animation:drift-in .8s ease-out;pointer-events:none}.hero--compact{width:min(28rem,calc(100% - 2rem))}.hero--compact .lede{max-width:26rem;font-size:.95rem;line-height:1.6}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .8rem;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.title{margin:1rem 0 0;font-family:Oxanium,sans-serif;font-size:clamp(3rem,10vw,6.3rem);line-height:.92;letter-spacing:-.04em;text-transform:uppercase}.title span{display:block;color:var(--accent)}.lede{max-width:34rem;margin:1rem 0 0;color:var(--muted);font-size:1rem;line-height:1.65}.hero-actions{display:flex;gap:.75rem;margin-top:1.2rem;pointer-events:auto;flex-wrap:wrap}.hero-actions[hidden]{display:none}.hero-actions>*{pointer-events:auto}.secondary-link{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border:1px solid rgba(145,214,255,.2);border-radius:999px;background:#ffffff0a;color:var(--text);text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.arena{position:relative;min-height:100vh}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.match-timer-badge{position:absolute;top:1.35rem;right:1.35rem;z-index:2;min-width:5.5rem;padding:.7rem 1rem;border:1px solid rgba(123,228,255,.34);border-radius:999px;background:#07101cb8;box-shadow:0 18px 40px #00000040;color:var(--accent-strong);font-family:Oxanium,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.result-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:1.5rem;pointer-events:none}.result-overlay[hidden]{display:none}.result-overlay-backdrop{position:absolute;inset:0;background:#030a106b}.result-overlay-card{position:relative;z-index:1;width:min(28rem,calc(100% - 2rem));display:grid;gap:.95rem;padding:1.25rem 1.25rem 1.15rem;pointer-events:auto;text-align:center;box-shadow:0 26px 60px #00000057}.result-overlay-title{margin:0;font-family:Oxanium,sans-serif;font-size:clamp(2rem,5vw,2.85rem);line-height:.94;letter-spacing:.02em;text-transform:uppercase}.result-overlay-reason{min-height:0;font-size:1rem}.result-overlay-readout{margin:0}.result-overlay-actions{justify-content:center;margin-top:0}.countdown-overlay{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:1.5rem;pointer-events:none}.countdown-overlay[hidden]{display:none}.countdown-overlay-card{width:min(14rem,calc(100% - 2rem));display:grid;gap:.6rem;padding:1.1rem 1.2rem;text-align:center;box-shadow:0 24px 55px #00000047}.countdown-overlay-value{font-family:Oxanium,sans-serif;font-size:clamp(3.2rem,10vw,5rem);font-weight:800;line-height:.9;color:var(--accent-strong)}.session-card{position:absolute;z-index:3;width:min(24rem,calc(100% - 2.7rem));padding:.95rem 1rem;border:1px solid var(--line);border-radius:1.15rem;background:linear-gradient(180deg,#ffffff14,#ffffff05),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 45px #0000003d;pointer-events:none}.session-card--status{top:8.5rem;left:1.35rem}.session-card--guide{left:1.35rem;bottom:max(1.35rem,env(safe-area-inset-bottom))}.session-card--guide h2{margin:0;font-family:Oxanium,sans-serif;letter-spacing:.03em;text-transform:uppercase}.session-roster{margin-top:.75rem;color:var(--accent-strong);font-family:Oxanium,sans-serif;font-size:1.05rem;letter-spacing:.03em}.session-meta-line{margin-top:.6rem;color:#eef8ffc2;font-size:.88rem;line-height:1.5}.controls-guide{display:grid;gap:.45rem;margin-top:.75rem;color:#eef8ffd1;font-size:.88rem}.controls-guide strong{color:var(--accent-strong);font-family:Oxanium,sans-serif;letter-spacing:.03em}.portal-copy{margin:.8rem 0 0;color:#eef8ffad;font-size:.82rem;line-height:1.5}.hidden-metrics{display:none}.overlay-stack{position:absolute;left:1.35rem;z-index:3;display:grid;gap:.75rem;width:min(21rem,calc(100% - 2.7rem));pointer-events:none}.overlay-stack--top-left{top:8.5rem}.overlay-stack--bottom-left{top:auto;bottom:max(1.35rem,env(safe-area-inset-bottom))}.overlay-stack--bottom-right{top:auto;right:1.35rem;bottom:max(1.35rem,env(safe-area-inset-bottom));left:auto}.overlay-card{padding:.95rem 1rem;border:1px solid var(--line);border-radius:1.15rem;background:linear-gradient(180deg,#ffffff14,#ffffff05),var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 45px #0000003d}.overlay-card-title{color:var(--accent-strong);font-family:Oxanium,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guide-list{display:grid;gap:.55rem;margin:.75rem 0 0;padding:0;list-style:none}.guide-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text);font-size:.88rem}.guide-item kbd{min-width:4.9rem;padding:.35rem .55rem;border:1px solid rgba(145,214,255,.22);border-radius:999px;background:#ffffff0a;color:var(--accent-strong);font-family:Oxanium,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-align:center;text-transform:uppercase}.guide-item span{flex:1;text-align:right}.status-card{display:grid;gap:.8rem}.status-card--interactive,.status-card--interactive a,.status-card--interactive button,.status-card--interactive input{pointer-events:auto}.status-line{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;color:var(--muted);font-size:.95rem}.status-line--compact{margin-top:0}.status-pill{display:inline-flex;padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(123,228,255,.32);color:var(--accent-strong);background:#7be4ff14}.name-row{display:flex;gap:.7rem}.name-row--compact{margin-top:0}.name-row input{flex:1;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.85rem 1rem;background:#ffffff0d;color:var(--text)}.name-row button,.primary-button{border:none;border-radius:999px;padding:.9rem 1.2rem;background:linear-gradient(135deg,#79e1ff,#d8ffff);color:#072135;font-weight:700;cursor:pointer}.primary-button[disabled]{opacity:.55;cursor:default}.status-card>.primary-button{width:100%}.hint{margin-top:.8rem;color:var(--muted);font-size:.9rem}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.status-grid div{padding:.8rem;border-radius:1rem;background:#ffffff0a}.status-grid span{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.status-grid strong{display:block;margin-top:.35rem;font-size:1.05rem}.status-copy{color:var(--muted);font-size:.88rem;line-height:1.55}.result{min-height:1.5rem;color:var(--accent-strong);font-weight:600}.result.danger{color:var(--danger)}.shell--solo .title span{color:#82f25f}.status-meta{color:#eef8ff80;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.arena--static{min-height:calc(100vh - 2rem)}@media(max-width:960px){.hero{position:relative;padding-bottom:0}.session-card,.overlay-stack{position:relative;top:auto;left:auto;bottom:auto;width:auto;margin:1.5rem}.result-overlay{padding:1rem}.result-overlay-card{width:min(100%,24rem)}.status-grid{grid-template-columns:1fr}.guide-item{font-size:.84rem}}@keyframes drift-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}