:root{--ink: #eef6f2;--muted: #8aa89a;--soft: #a8c4b8;--bg: #041218;--panel: rgba(8, 18, 28, .92);--panel-solid: #0a1620;--line: rgba(126, 224, 184, .18);--line-strong: rgba(126, 224, 184, .32);--mint: #7ee0b8;--mint-dim: rgba(126, 224, 184, .12);--gold: #e8c56a;--sky: #3aa9ff;--rose: #ffb4a8;--side: #060e14;--shadow: 0 22px 48px rgba(0, 0, 0, .45);--radius: 14px;--font-display: "Space Grotesk", "Outfit", sans-serif;--font-body: "Outfit", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 55% 40% at 8% 0%,rgba(126,224,184,.1),transparent 55%),radial-gradient(ellipse 40% 35% at 100% 100%,rgba(58,169,255,.06),transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}body.is-login{background:var(--bg)}.ops-mark{font-family:var(--font-display);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--mint);font-size:.72rem}.kicker{font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#6a9a88}.login-stage{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:1.5rem}.login-aurora{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(ellipse 42% 38% at 18% 28%,rgba(126,224,184,.2),transparent 55%),radial-gradient(ellipse 38% 36% at 82% 72%,rgba(58,169,255,.12),transparent 50%),radial-gradient(ellipse 28% 28% at 55% 12%,rgba(232,197,106,.08),transparent 45%);animation:drift 16s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{0%{transform:translate(-1.5%,-1%) scale(1)}to{transform:translate(2%,1.5%) scale(1.04)}}.login-panel{position:relative;width:min(420px,100%);padding:1.75rem 1.45rem 1.5rem;border-radius:18px;background:radial-gradient(ellipse at 20% 0%,rgba(126,224,184,.12),transparent 45%),linear-gradient(165deg,#0a1620fa,#060e16fa);border:1px solid var(--line-strong);box-shadow:var(--shadow);display:grid;gap:.65rem}.login-badge{justify-self:start;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#04100c;background:var(--mint);padding:.32rem .6rem;border-radius:8px}.login-panel h1{font-family:var(--font-display);font-size:1.7rem;letter-spacing:-.02em;font-weight:700}.lead,.secure-note,.muted,.sub,.who,small,.meta{color:var(--muted);font-size:.88rem;line-height:1.45}.secure-note{font-size:.76rem;margin-top:.2rem}.form{display:grid;gap:.7rem;margin-top:.4rem}.form label{display:grid;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--soft)}.form input,.search,.filter,#lang,.ghost,.side-nav button,.form button,.btn-primary{font:inherit;padding:.68rem .85rem;border-radius:10px;border:1px solid var(--line);background:#040c12bf;color:var(--ink);outline:none;transition:border-color .12s ease,background .12s ease}.form input:focus,.search:focus,.filter:focus,#lang:focus{border-color:#7ee0b88c;box-shadow:0 0 0 3px #7ee0b81a}.form button,.btn-primary{cursor:pointer;font-family:var(--font-display);font-weight:700;border:none;background:var(--mint);color:#04100c}.form button:hover,.btn-primary:hover{filter:brightness(1.06)}.err{color:var(--rose);min-height:1.2em;font-size:.85rem}.lang-float{position:fixed;top:1rem;right:1rem;z-index:5}.ops-layout{display:grid;grid-template-columns:248px 1fr auto;min-height:100vh}.sidebar{background:linear-gradient(180deg,rgba(126,224,184,.04),transparent 28%),var(--side);border-right:1px solid var(--line);padding:1.35rem 1rem;display:flex;flex-direction:column;gap:1.35rem;position:sticky;top:0;height:100vh}.side-brand{display:grid;gap:.35rem;padding:.15rem .35rem .5rem}.side-brand .brand-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--ink);letter-spacing:-.02em}.live-pill{display:inline-flex;align-items:center;gap:.4rem;width:fit-content;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mint);border:1px solid rgba(126,224,184,.3);background:var(--mint-dim);padding:.28rem .6rem;border-radius:999px;margin-top:.25rem}.live-pill.sm{font-size:.65rem;margin-top:0}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 #7ee0b88c;animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #7ee0b88c}70%{box-shadow:0 0 0 8px #7ee0b800}to{box-shadow:0 0 #7ee0b800}}.side-nav{display:grid;gap:.3rem}.side-nav .nav-section{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#5a7a6c;padding:.65rem .55rem .25rem;font-weight:700}.side-nav button{text-align:left;cursor:pointer;background:transparent;color:var(--muted);border:1px solid transparent;display:flex;align-items:center;gap:.55rem;padding:.62rem .7rem;font-weight:600;font-size:.9rem}.side-nav button .nav-ico{width:1.35rem;height:1.35rem;border-radius:7px;display:grid;place-items:center;font-size:.72rem;font-family:var(--font-display);font-weight:700;color:var(--mint);background:#7ee0b814;border:1px solid rgba(126,224,184,.12);flex-shrink:0}.side-nav button.active,.side-nav button:hover{color:var(--ink);border-color:#7ee0b847;background:#7ee0b81a}.side-nav button.active .nav-ico{background:#7ee0b838;border-color:#7ee0b859}.side-foot{margin-top:auto;display:grid;gap:.55rem;padding-top:.75rem;border-top:1px solid var(--line)}.who{font-size:.78rem;word-break:break-all;padding:0 .2rem}.ghost{cursor:pointer;background:transparent;font-weight:600}.ghost:hover{border-color:var(--line-strong);background:var(--mint-dim);color:var(--mint)}.main{padding:1.25rem 1.4rem 2.25rem;min-width:0}.main-top{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.1rem;flex-wrap:wrap}.main-top h1{font-family:var(--font-display);font-size:1.55rem;letter-spacing:-.02em;margin-top:.15rem}.toolbar{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.search{min-width:168px}.filter{min-width:148px}.kpi-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:1.1rem}.kpi{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem;box-shadow:0 8px 24px #0000002e}.kpi:after{content:"";position:absolute;inset:auto -20% -40% auto;width:90px;height:90px;border-radius:50%;background:#7ee0b814;pointer-events:none}.kpi span{display:block;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.kpi strong{font-family:var(--font-display);font-size:1.65rem;display:block;margin-top:.25rem;letter-spacing:-.02em}.kpi.mint strong{color:var(--mint)}.kpi.gold strong{color:var(--gold)}.kpi.sky strong{color:var(--sky)}.kpi.rose strong{color:var(--rose)}.overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:.9rem}.panel,.panel.full{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.05rem;box-shadow:0 10px 28px #0003}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem}.panel h2{font-size:.95rem;font-family:var(--font-display);font-weight:700}.grid-wrap{overflow:auto;max-height:min(68vh,620px);border-radius:10px;border:1px solid rgba(126,224,184,.08)}.data-grid{width:100%;border-collapse:collapse;font-size:.82rem}.data-grid th,.data-grid td{text-align:left;padding:.58rem .55rem;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.data-grid th{position:sticky;top:0;background:#0c1a24;color:var(--muted);font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;z-index:1}.data-grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-grid th.sortable:hover{color:var(--mint)}.data-grid tr.clickable{cursor:pointer}.data-grid tr:hover td{background:#7ee0b80d}.data-grid .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-display);font-weight:600}.flag-cell{display:inline-flex;align-items:center;gap:.35rem}.flag-cell img{border-radius:2px}.empty-state{padding:1.5rem .25rem}.chip{display:inline-block;padding:.18rem .5rem;border-radius:8px;font-size:.72rem;font-weight:700;border:1px solid var(--line);color:var(--muted);background:#040c1280}.chip.playing,.chip.lobby{color:var(--mint);border-color:#7ee0b859;background:var(--mint-dim)}.bar-chart{display:grid;gap:.55rem}.bar-row{display:grid;grid-template-columns:88px 1fr 36px;gap:.55rem;align-items:center;font-size:.8rem}.bar-track{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#3aa9ff)}.bar-val{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.drawer{width:min(340px,88vw);border-left:1px solid var(--line);background:linear-gradient(180deg,rgba(126,224,184,.05),transparent 30%),#071018;padding:1.15rem}.drawer.hidden{display:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.9rem}.drawer-head h3{font-family:var(--font-display);font-size:1rem}.detail-row{display:grid;gap:.15rem;padding:.6rem 0;border-bottom:1px solid rgba(126,224,184,.08);font-size:.82rem}.detail-row span{color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.detail-row strong{word-break:break-word;font-weight:600}.watch-list-shell{display:grid;gap:.75rem}.watch-hint{color:var(--muted);font-size:.9rem}.watch-table-wrap{overflow:auto}.watch-rooms td.actions{text-align:right;white-space:nowrap}.watch-rooms .status-pill{display:inline-block;padding:.18rem .5rem;border-radius:8px;font-size:.75rem;font-weight:700;background:#ffffff0d;color:var(--muted)}.watch-rooms .status-pill.playing{background:var(--mint-dim);color:var(--mint)}.watch-rooms .status-pill.waiting,.watch-rooms .status-pill.lobby{background:#e8c56a1f;color:var(--gold)}.watch-na{color:var(--muted);font-size:.78rem}.watch-modal.hidden{display:none}.watch-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:1rem}.watch-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#040c12d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.watch-modal-card{position:relative;z-index:1;width:min(1180px,96vw);max-height:min(92vh,900px);background:radial-gradient(ellipse at 12% 0%,rgba(126,224,184,.1),transparent 40%),linear-gradient(165deg,#0a1620fa,#060e16fa);border:1px solid var(--line-strong);border-radius:16px;box-shadow:var(--shadow);display:grid;gap:.75rem;padding:1rem;overflow:hidden}.watch-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.watch-modal-head h2{font-family:var(--font-display);font-size:1.15rem;margin-bottom:.2rem}body.watch-modal-open{overflow:hidden}.watch-body{display:grid;grid-template-columns:1fr min(220px,28vw);gap:.75rem;min-height:0}.watch-stage{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#071018;min-width:0}.watch-stage canvas{display:block;width:100%;height:auto;background:#0a1520}.watch-side{border:1px solid var(--line);border-radius:12px;padding:.7rem .75rem;background:#08121aa6;display:grid;grid-template-rows:auto 1fr auto;gap:.45rem;min-height:280px;max-height:min(70vh,620px)}.watch-side h3{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.watch-board{list-style:none;margin:0;padding:0;overflow:auto;display:grid;gap:.35rem;align-content:start}.watch-board li{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;padding:.35rem .4rem;border-radius:8px;background:#ffffff08}.watch-board li.empty{color:var(--muted);justify-content:center}.watch-side-meta{font-size:.72rem;color:var(--muted)}.pager{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem .5rem .25rem;color:var(--muted);font-size:.85rem}.pager-btn:disabled{opacity:.35;cursor:default}@media(max-width:1200px){.kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.watch-body{grid-template-columns:1fr}.watch-side{max-height:180px;min-height:0}}@media(max-width:1100px){.ops-layout{grid-template-columns:220px 1fr}.drawer{position:fixed;right:0;top:0;bottom:0;z-index:20;box-shadow:-20px 0 50px #00000073}.overview-grid{grid-template-columns:1fr}}@media(max-width:800px){.ops-layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line)}.side-nav{grid-template-columns:repeat(3,1fr)}.side-nav .nav-section{grid-column:1 / -1;padding-top:.35rem}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}