:root{--bg: #0f1115;--surface: #181b22;--surface-2: #20242e;--border: #2a2f3a;--text: #e6e9ef;--muted: #9aa3b2;--accent: #6c8cff;--danger: #ff6b6b;--warn: #f5b14c;--ok: #4caf7d;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px 12px}.sidebar-brand{font-weight:700;font-size:18px;padding:8px 12px 16px;color:var(--accent)}.sidebar-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted)}.sidebar-nav a:hover{background:var(--surface-2);color:var(--text)}.sidebar-nav a.active{background:var(--surface-2);color:var(--text);font-weight:600}.app-main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.command-search{width:min(420px,100%);padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.topbar-right{display:flex;align-items:center;gap:12px}.env-badge{font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;letter-spacing:.04em}.env-local{background:#243042;color:var(--accent)}.env-staging{background:#3a2f12;color:var(--warn)}.env-prod{background:#3a1620;color:var(--danger)}.user-menu{position:relative}.user-menu-trigger{display:flex;flex-direction:column;align-items:flex-end;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--text);cursor:pointer}.user-name{font-weight:600}.user-role{font-size:12px;color:var(--muted)}.user-menu-popover{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;min-width:200px;z-index:20}.user-menu-meta{padding:4px 8px 8px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-menu-popover button{width:100%;text-align:left;background:transparent;border:none;color:var(--text);padding:8px;border-radius:6px;cursor:pointer}.user-menu-popover button:hover{background:var(--surface)}.app-content{padding:24px;overflow:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h1{font-size:22px;margin:0}.muted{color:var(--muted)}.state-block{display:flex;flex-direction:column;gap:8px;padding:32px;align-items:center;color:var(--muted)}.state-title{font-weight:600;color:var(--text);margin:0}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.metric-value{font-size:28px;font-weight:700}.metric-label{color:var(--muted);margin-top:4px}.login-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:min(360px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:14px}.login-card input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.login-card button{padding:10px 12px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.error-boundary{padding:40px;text-align:center}.toolbar{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-input{flex:1 1 280px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.toolbar select{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th{background:var(--surface-2);color:var(--muted);font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--surface-2)}.cell-strong{font-weight:600}.cell-sub{color:var(--muted);font-size:12px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text)}.badge-ok{background:#16321f;color:var(--ok)}.badge-warn{background:#332a14;color:var(--warn)}.badge-danger{background:#33141c;color:var(--danger)}.badge-info{background:#182b45;color:#7fb4ff}.pager{display:flex;align-items:center;gap:16px;margin-top:16px}.pager button{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.pager button:disabled{opacity:.5;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:16px}.card h2{font-size:16px;margin:0 0 14px}.card-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border)}.card-row:last-child{border-bottom:none}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;margin-bottom:12px}.field input{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.action-row{display:flex;gap:12px}.action-row button{padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer}.action-row button.danger{background:#33141c;border-color:var(--danger);color:var(--danger)}.action-row button:disabled{opacity:.5;cursor:default}.link-button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:14px}.error-text{color:var(--danger);margin-top:8px}.small{font-size:12px}.page-intro{color:var(--muted);margin:-8px 0 22px}.header-actions,.dialog-actions{display:flex;align-items:center;gap:12px}.live-indicator{color:var(--muted);font-size:12px}.live-indicator i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px #4caf7d1f}.danger-button,.row-action{border:1px solid #743240;border-radius:8px;background:#33141c;color:#ff8b8b;cursor:pointer;padding:9px 13px;font-weight:600}.danger-button:disabled,.row-action:disabled{opacity:.45;cursor:default}.queue-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-bottom:20px}.queue-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:linear-gradient(145deg,var(--surface),#1b202a);border:1px solid var(--border);border-radius:12px}.queue-card>div{display:flex;justify-content:space-between;gap:8px}.queue-title{font-weight:650;text-transform:capitalize}.queue-card strong{font-size:30px;line-height:1}.queue-state{color:var(--ok);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.queue-state.waiting{color:var(--warn)}.matchmaking-toolbar{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.identity-link{border:0;padding:0;background:transparent;color:var(--accent);cursor:pointer;text-align:left}.row-action{padding:6px 10px}.refresh-note{margin-top:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#05070bbf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog{width:min(460px,100%);padding:24px;border:1px solid #43333a;border-radius:14px;background:var(--surface);box-shadow:0 24px 80px #0009}.confirm-dialog h2{margin:6px 0 10px}.confirm-dialog p{color:var(--muted);line-height:1.5}.dialog-eyebrow{color:var(--danger);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.field textarea{resize:vertical;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit}.dialog-actions{justify-content:flex-end;margin-top:18px}.dialog-actions>button:not(.danger-button){padding:9px 13px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer}@media (max-width: 1050px){.queue-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (max-width: 700px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.app-content{padding:16px}.queue-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:12px}}.toolbar-count{margin-left:auto;align-self:center;color:var(--muted);font-size:13px}.back-link{margin:0 0 14px;padding:0;border:0;background:transparent;color:var(--accent);cursor:pointer}.match-facts{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:1px;margin-bottom:16px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--border)}.match-facts>div{display:flex;flex-direction:column;gap:5px;padding:14px 16px;background:var(--surface)}.match-facts span,.section-kicker{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.match-facts strong{font-size:13px;text-transform:capitalize}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.section-heading h2{margin:3px 0 0}.dice-face{display:grid;width:48px;height:48px;place-items:center;border:1px solid #4868cf;border-radius:12px;background:#1b2852;color:#aebfff;font-size:22px;font-weight:800;box-shadow:inset 0 0 18px #6c8cff1f}.compact-facts{margin:0}.compact-facts>div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border)}.compact-facts>div:last-child{border-bottom:0}.compact-facts dt{color:var(--muted)}.compact-facts dd{margin:0;text-align:right}.player-list{display:flex;flex-direction:column;gap:6px}.player-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px;border:1px solid transparent;border-radius:9px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.player-row:hover{border-color:var(--border)}.player-row strong,.player-row small{display:block}.player-row small{overflow:hidden;color:var(--muted);text-overflow:ellipsis}.seat-number{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#2a3040;color:var(--muted);font-weight:700}.connection-dot{color:var(--danger);font-size:11px}.connection-dot.online{color:var(--ok)}.token-board,.ranking-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.token-player{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.token-player>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.token-chip{display:flex;justify-content:space-between;gap:6px;padding:7px 8px;border-radius:7px;background:#282c36;color:var(--muted);font-size:11px}.token-chip.active{background:#182b45;color:#8bbcff}.token-chip.finished{background:#16321f;color:var(--ok)}.ranking-list>div{display:grid;grid-template-columns:36px 1fr;gap:2px 10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.ranking-list .muted{grid-column:2;font-size:12px}.rank-position{grid-row:span 2;color:var(--accent);font-size:18px;font-weight:800}.event-timeline{margin-left:7px;border-left:1px solid var(--border)}.event-timeline article{position:relative;padding:0 0 18px 22px}.event-marker{position:absolute;top:4px;left:-5px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--accent)}.event-content>div:first-child{display:flex;justify-content:space-between;gap:12px}.event-content strong{text-transform:capitalize}.event-content span,.event-content p,.event-content time{color:var(--muted);font-size:12px}.event-content p{margin:5px 0}.event-content details{margin:8px 0}.event-content summary{color:var(--accent);font-size:12px;cursor:pointer}.event-content pre{overflow:auto;max-height:260px;padding:10px;border-radius:8px;background:var(--bg);color:#bcc5d4;font-size:11px}@media (max-width: 900px){.match-facts{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}