:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg-base:#0e0f12;--bg-surface:#16181d;--bg-surface-alt:#1c1f26;--bg-hover:#22262e;--border-subtle:#2a2e37;--border-strong:#383d48;--text-primary:#f2f3f5;--text-secondary:#a8aeba;--text-muted:#6b7280;--accent:#e8a33d;--accent-hover:#f2b457;--accent-muted:#e8a33d21;--success:#3fbf7f;--warning:#e0b23c;--danger:#e3584b;--info:#5b8def;--live:#e8543d;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-modal:0 8px 24px #00000073;font-family:Inter,Geist,IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg-base)}body{background:linear-gradient(90deg, #ffffff05 1px, transparent 1px), linear-gradient(#ffffff04 1px, transparent 1px), var(--bg-base);min-width:320px;min-height:100vh;color:var(--text-primary);background-size:48px 48px;margin:0}button,input,select{font:inherit}button{border:0}input,select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--text-primary);background:#101216;outline:none;padding:0 12px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a33d1f}label{color:var(--text-secondary);gap:8px;font-size:13px;font-weight:500;display:grid}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle;padding:10px 12px}th{z-index:1;background:var(--bg-surface-alt);color:var(--text-muted);text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:600;position:sticky;top:0}td{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:13px}tr:hover td{background:#ffffff05}code{overflow-wrap:anywhere;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-width:100%;color:var(--text-secondary);background:#101216;padding:6px 8px;font-size:12px;display:inline-block}a{color:inherit}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.app-shell.sidebar-is-collapsed{grid-template-columns:64px minmax(0,1fr)}.sidebar{border-right:1px solid var(--border-subtle);z-index:30;background:#16181df5;grid-template-rows:auto 1fr auto;gap:20px;height:100vh;padding:16px 12px;display:grid;position:sticky;top:0}.brand,.user-card,.panel-header>div,.identity-cell,.topbar-status,.quick-actions,.row-actions,.checkbox-row,.compact-row,.server-line,.endpoint-row,.toast,.sidebar-toggle,.status-pill,.primary-button,.secondary-button,.ghost-button,.text-button,.icon-button,.bottom-nav-item{align-items:center;display:flex}.brand{gap:10px;min-width:0}.brand-mark,.topbar-avatar,.user-avatar,.table-avatar,.large-avatar{background:var(--accent-muted);color:var(--accent);border:1px solid #e8a33d6b;flex:none;place-items:center;font-weight:700;display:grid}.brand-mark{border-radius:var(--radius-lg);width:38px;height:38px}.brand strong,.user-card strong{color:var(--text-primary);font-size:14px;display:block}.brand span,.user-card span{color:var(--text-muted);font-size:12px}.sidebar-is-collapsed .brand-copy,.sidebar-is-collapsed .nav-item span,.sidebar-is-collapsed .sidebar-toggle span,.sidebar-is-collapsed .user-card div,.sidebar-is-collapsed .ghost-button span{display:none}.nav-list{align-content:start;gap:4px;display:grid}.nav-item{border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:flex-start;gap:10px;padding:0 10px;position:relative}.nav-item:before{content:"";background:0 0;border-radius:999px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-item:hover{background:#22262e99}.nav-item.active{background:var(--accent-muted);color:var(--text-primary)}.nav-item.active:before{background:var(--accent)}.nav-item.active svg{color:var(--accent)}.nav-separator{background:var(--border-subtle);height:1px;margin:8px 6px}.sidebar-footer{gap:10px;display:grid}.sidebar-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;justify-content:center;gap:8px}.user-card{border-top:1px solid var(--border-subtle);gap:10px;min-width:0;padding-top:12px}.user-avatar,.topbar-avatar,.table-avatar{border-radius:50%;width:34px;height:34px;font-size:12px}.main-panel{min-width:0;padding:0 24px 32px}.topbar{z-index:20;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0f12eb;justify-content:space-between;align-items:center;gap:16px;min-height:56px;display:flex;position:sticky;top:0}.page-title{flex:auto;min-width:0}.page-title span{color:var(--text-muted);font-size:12px;display:block}.page-title h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:600;line-height:28px}.topbar-status{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:10px;min-width:0}.workspace{gap:24px;width:min(100%,1440px);margin:24px auto 0;display:grid}.status-rail{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);align-items:center;gap:0;display:flex;overflow-x:auto}.status-rail .status-pill{border:0;border-right:1px solid var(--border-subtle);white-space:nowrap;background:0 0;border-radius:0;min-height:42px}.status-rail .status-pill:last-child{border-right:0}.metric-bar{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.metric-block{border-right:1px solid var(--border-subtle);min-width:0;padding:16px}.metric-block:last-child{border-right:0}.metric-block span{color:var(--text-muted);text-transform:uppercase;letter-spacing:0;font-size:12px;display:block}.metric-block strong{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;font-weight:600;line-height:32px;display:block}.metric-block small{color:var(--text-muted);font-size:12px}.dashboard-grid,.stats-grid,.api-layout{grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:24px;display:grid}.match-workbench{grid-template-columns:minmax(0,1.35fr) minmax(360px,.95fr);align-items:start;gap:24px;display:grid}.panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);min-width:0;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 16px;display:flex}.panel-header>div{min-width:0;color:var(--accent);gap:8px}.panel-header h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600;line-height:24px}.panel-count{color:var(--text-muted);font-size:12px}.panel-footer{border-top:1px solid var(--border-subtle);padding:12px 16px}.quick-actions,.toolbar{flex-wrap:wrap;gap:12px}.toolbar{align-items:center;display:flex}.toolbar .search-field{flex:360px}.toolbar select{width:auto;min-width:150px}.search-field{position:relative}.search-field svg{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{padding-left:40px}.primary-button,.secondary-button,.ghost-button,.text-button,.icon-button{border-radius:var(--radius-md);cursor:pointer;justify-content:center;gap:8px;min-height:40px;transition:background .16s,border-color .16s,color .16s}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#17120b;padding:0 14px;font-weight:600}.primary-button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.secondary-button,.ghost-button{border:1px solid var(--border-subtle);background:var(--bg-surface-alt);color:var(--text-primary);padding:0 12px}.secondary-button:hover,.ghost-button:hover,.icon-button:hover{border-color:var(--border-strong);background:var(--bg-hover)}.ghost-button{background:0 0}.ghost-button.danger,.icon-button.danger{color:var(--danger)}.text-button{min-height:32px;color:var(--accent);background:0 0;padding:0}.icon-button{width:36px;min-height:36px;color:var(--text-secondary);background:0 0;border:1px solid #0000;padding:0}.full{width:100%}.status-pill{border:1px solid var(--border-subtle);width:fit-content;min-height:26px;color:var(--text-secondary);white-space:nowrap;background:#ffffff06;border-radius:999px;gap:7px;padding:0 10px;font-size:12px;font-weight:600}.status-pill>span{background:var(--text-muted);border-radius:50%;width:8px;height:8px}.status-pill.success>span,.status-dot.online{background:var(--success)}.status-pill.warning>span{background:var(--warning)}.status-pill.danger>span{background:var(--danger)}.status-pill.info>span{background:var(--info)}.status-pill.live>span{background:var(--live);box-shadow:0 0 0 4px #e8543d1f}.server-list{display:grid}.server-line{border-bottom:1px solid var(--border-subtle);gap:10px;min-height:54px;padding:10px 14px}.server-line:last-child{border-bottom:0}.server-line>div{flex:1;min-width:0}.server-line strong,.compact-row strong{color:var(--text-primary);font-size:13px;display:block}.server-line span:not(.status-dot),.compact-row small{color:var(--text-muted);font-size:12px}.status-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.table-wrap{overflow:auto}.data-table td strong{color:var(--text-primary);font-weight:600}.data-table tbody tr:nth-child(2n) td{background:#ffffff03}.data-table tbody tr{cursor:default}.match-table tbody tr{cursor:pointer}.data-table tbody tr.selected-row td{background:var(--accent-muted)}.table-subtext{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.score-cell{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:600}.match-table.compact th:nth-child(3),.match-table.compact td:nth-child(3),.match-table.compact th:nth-child(6),.match-table.compact td:nth-child(6),.match-table.compact th:nth-child(8),.match-table.compact td:nth-child(8){display:none}.match-detail-panel{position:sticky;top:80px}.match-detail-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.match-detail-head strong,.match-detail-head span{display:block}.match-detail-head strong{color:var(--text-primary);font-size:16px;font-weight:600}.match-detail-head span{color:var(--text-muted);margin-top:2px;font-size:13px}.score-display{border-radius:var(--radius-md);background:var(--accent-muted);min-width:86px;color:var(--accent);text-align:center;font-variant-numeric:tabular-nums;border:1px solid #e8a33d6b;padding:8px 10px;font-size:24px;font-weight:600;line-height:30px}.match-action-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:8px;padding:12px 16px;display:flex}.match-action-bar .secondary-button,.match-action-bar .ghost-button{min-height:34px;padding:0 10px}.match-action-bar button:disabled,.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.48}.detail-tabs{border-bottom:1px solid var(--border-subtle);gap:0;display:flex;overflow-x:auto}.detail-tabs button{border-right:1px solid var(--border-subtle);min-height:42px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;padding:0 14px}.detail-tabs button.active{background:var(--accent-muted);color:var(--accent)}.match-detail-grid{gap:0;padding:4px 16px 16px;display:grid}.roster-workbench{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.roster-column{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-alt);min-width:0;overflow:hidden}.roster-column h3{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);margin:0;padding:10px 12px;font-size:14px;font-weight:600}.roster-member{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.roster-member:last-child{border-bottom:0}.roster-member div{min-width:0}.roster-member strong,.roster-member span{display:block}.roster-member strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.roster-member span{overflow-wrap:anywhere;color:var(--text-muted);font-size:12px}.add-player-form{border-top:1px solid var(--border-subtle);grid-column:1/-1;grid-template-columns:140px minmax(0,1fr) minmax(0,.8fr) auto;align-items:end;gap:10px;padding-top:14px;display:grid}.match-stats-grid{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:14px;padding:16px;display:grid}.mapstat-list,.event-list{gap:0;padding:16px;display:grid}.match-stats-grid .mapstat-list{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-alt);padding:0;overflow:hidden}.event-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(110px,.5fr) minmax(0,1fr);gap:12px;padding:11px 0;display:grid}.mapstat-list .event-row{padding:11px 12px}.event-row:last-child{border-bottom:0}.event-row span{color:var(--text-muted);font-size:12px}.event-row strong{overflow-wrap:anywhere;color:var(--text-primary);font-size:13px;font-weight:600}.identity-cell{gap:10px}.manage-switch,.segmented{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);width:fit-content;display:inline-flex;overflow:hidden}.manage-switch button,.segment{border-right:1px solid var(--border-subtle);min-height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;padding:0 14px}.manage-switch button:last-child,.segment:last-child{border-right:0}.manage-switch button.active,.segment.active{background:var(--accent-muted);color:var(--accent)}.map-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.map-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);overflow:hidden}.map-preview{aspect-ratio:16/9;border-bottom:1px solid var(--border-subtle);width:100%;color:var(--text-primary);cursor:pointer;background:linear-gradient(135deg,#e8a33d2e,#0000 42%),linear-gradient(45deg,#0000 0 35%,#ffffff09 35% 38%,#0000 38% 100%),#111318;place-items:end start;padding:12px;display:grid}.map-preview span{font-size:16px;font-weight:600}.map-card-body{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:10px;display:grid}.map-card-body strong,.map-card-body span{display:block}.map-card-body strong{color:var(--text-primary);font-size:13px}.map-card-body span{color:var(--text-muted);font-size:12px}.add-map-card{min-height:204px;color:var(--text-secondary);cursor:pointer;border-style:dashed;align-content:center;place-items:center;gap:8px;display:grid}.toggle{border:1px solid var(--border-strong);cursor:pointer;background:#101216;border-radius:999px;width:38px;height:22px;position:relative}.toggle:after{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle.active:after{background:var(--success);transform:translate(16px)}.stats-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr)}.rank-badge{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;place-items:center;display:inline-grid}.rank-badge.top{background:var(--accent-muted);color:var(--accent);border-color:#e8a33d73}.compact-list{display:grid}.compact-row{border-bottom:1px solid var(--border-subtle);gap:10px;min-height:48px;padding:10px 14px}.compact-row:last-child{border-bottom:0}.compact-row>span{background:var(--bg-surface-alt);width:26px;height:26px;color:var(--text-muted);border-radius:50%;place-items:center;font-size:12px;display:grid}.settings-layout{grid-template-columns:220px minmax(0,1fr)}.settings-tabs{align-content:start;gap:6px;display:grid}.settings-tab{border-radius:var(--radius-md);min-height:38px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;padding:0 12px}.settings-tab.active{background:var(--accent-muted);color:var(--accent)}.settings-panel{max-width:720px}.form-section,.form-stack{gap:16px;padding:16px;display:grid}.api-layout{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}.endpoint-list{display:grid}.endpoint-list a{border-bottom:1px solid var(--border-subtle);min-height:44px;color:var(--text-secondary);align-items:center;gap:10px;padding:0 14px;text-decoration:none;display:flex}.endpoint-list a:hover{background:var(--bg-hover);color:var(--text-primary)}.endpoint-grid{border-top:1px solid var(--border-subtle);display:grid}.endpoint-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;gap:10px;padding:10px 14px}.endpoint-row:last-child{border-bottom:0}.endpoint-row>span{color:var(--text-primary);font-size:13px;font-weight:600}.docs-frame-panel{min-height:680px}.docs-frame{background:#fff;border:0;width:100%;min-height:628px}.detail-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(130px,.35fr) minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.detail-row span{color:var(--text-muted);font-size:13px}.detail-row strong{color:var(--text-primary);font-size:13px;font-weight:600}.login-screen,.boot-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);width:min(100%,400px);padding:20px}.login-brand{margin-bottom:24px}.login-heading h1{margin:0;font-size:24px;line-height:32px}.login-heading p{color:var(--text-muted);margin:4px 0 18px;font-size:13px}.inline-error,.inline-hint{border-radius:var(--radius-md);color:#ffb0a9;background:#e3584b1a;border:1px solid #e3584b73;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.inline-hint{grid-column:1/-1;margin:0}.inline-hint.warning{color:#f5d889;background:#e0b23c1a;border-color:#e0b23c73}.checkbox-row{grid-template-columns:auto minmax(0,1fr);justify-content:start;gap:10px}.checkbox-row input,.small-check input{width:16px;min-height:16px;accent-color:var(--accent)}.modal-backdrop,.slide-backdrop{z-index:80;background:#00000085;position:fixed;inset:0}.modal-backdrop{place-items:center;padding:20px;display:grid}.modal,.slide-over{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-modal)}.modal{width:min(100%,560px);max-height:calc(100vh - 40px);overflow:auto}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0 16px;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.match-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;display:grid}.span-2{grid-column:1/-1}.form-block{gap:8px;display:grid}.field-label{color:var(--text-secondary);font-size:13px;font-weight:500}.map-choice-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.map-choice{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-alt);min-height:58px;color:var(--text-primary);cursor:pointer;justify-items:start;gap:2px;padding:10px;display:grid}.map-choice small{color:var(--text-muted)}.map-choice.active{background:var(--accent-muted);border-color:#e8a33d9e}.modal-actions,.slide-footer{justify-content:flex-end;gap:10px;display:flex}.empty-action{gap:16px;padding:16px;display:grid}.empty-state{min-height:136px;color:var(--text-muted);text-align:center;align-content:center;place-items:center;gap:8px;padding:24px;display:grid}.empty-state svg{color:var(--text-muted)}.empty-state strong{color:var(--text-primary);font-size:16px;font-weight:500}.empty-state span{max-width:360px;color:var(--text-muted);font-size:13px}.slide-backdrop{justify-content:flex-end;display:flex}.slide-over{border-radius:0;width:min(100%,420px);height:100%;overflow:auto}.panel-user-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface-alt);align-items:center;gap:12px;padding:12px;display:flex}.large-avatar{border-radius:50%;width:48px;height:48px}.panel-user-preview strong,.panel-user-preview span{display:block}.panel-user-preview span{color:var(--text-muted);font-size:12px}.roster-editor{gap:10px;display:grid}.roster-row{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) auto auto;align-items:center;gap:8px;display:grid}.small-check{color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.slide-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding-top:16px;position:sticky;bottom:0}.toast{z-index:90;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface-alt);width:min(360px,100vw - 32px);box-shadow:var(--shadow-modal);align-items:flex-start;gap:10px;padding:12px;position:fixed;top:72px;right:24px}.toast.success svg{color:var(--success)}.toast.error svg{color:var(--danger)}.toast.warning svg{color:var(--warning)}.toast.info svg{color:var(--info)}.toast div{flex:1;min-width:0}.toast strong,.toast span{display:block}.toast strong{font-size:14px}.toast span{color:var(--text-muted);font-size:13px}.bottom-nav,.mobile-sidebar-button,.sidebar-scrim{display:none}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.metric-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-block:nth-child(3){border-right:0}.dashboard-grid,.stats-grid,.api-layout,.settings-layout,.match-workbench{grid-template-columns:1fr}.settings-panel{max-width:none}.match-detail-panel{position:static}.add-player-form,.match-stats-grid{grid-template-columns:1fr}}@media (width<=768px){.app-shell,.app-shell.sidebar-is-collapsed{padding-bottom:72px;display:block}.sidebar{width:280px;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-is-collapsed .brand-copy,.sidebar-is-collapsed .nav-item span,.sidebar-is-collapsed .sidebar-toggle span,.sidebar-is-collapsed .user-card div,.sidebar-is-collapsed .ghost-button span{display:block}.sidebar-scrim{z-index:25;background:#00000073;display:block;position:fixed;inset:0}.main-panel{padding:0 16px 16px}.topbar{gap:10px}.mobile-sidebar-button{display:inline-flex}.page-title span{display:none}.page-title h1{font-size:16px}.topbar-status .status-pill:not(:first-child),.topbar-status .secondary-button,.topbar-avatar{display:none}.workspace{gap:16px;margin-top:16px}.status-rail{border-radius:var(--radius-md)}.metric-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-block{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.metric-block:nth-child(2n){border-right:0}.metric-block:nth-last-child(-n+2){border-bottom:0}.quick-actions,.toolbar{align-items:stretch}.toolbar select,.toolbar .primary-button,.toolbar .secondary-button{width:100%}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{border-bottom:1px solid var(--border-subtle);padding:10px 12px}.data-table td{border:0;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:6px 0;display:grid}.data-table td:before{content:attr(data-label);color:var(--text-muted);font-size:12px}.match-table.compact th:nth-child(3),.match-table.compact td:nth-child(3),.match-table.compact th:nth-child(6),.match-table.compact td:nth-child(6),.match-table.compact th:nth-child(8),.match-table.compact td:nth-child(8){display:grid}.map-grid{grid-template-columns:1fr}.match-detail-head,.match-action-bar{flex-direction:column;align-items:stretch}.score-display,.match-action-bar .secondary-button,.match-action-bar .ghost-button{width:100%}.roster-workbench{grid-template-columns:1fr;padding:12px}.event-row,.detail-row{grid-template-columns:1fr;gap:4px}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:0;width:100%;height:100%;max-height:none}.match-form{grid-template-columns:1fr;padding-bottom:84px}.modal-actions{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding-top:12px;position:sticky;bottom:0}.slide-over{width:100%}.roster-row{grid-template-columns:1fr}.bottom-nav{z-index:70;border-top:1px solid var(--border-subtle);background:#16181dfa;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{min-height:64px;color:var(--text-muted);background:0 0;flex-direction:column;gap:4px;font-size:11px}.bottom-nav-item.active{color:var(--accent)}.docs-frame-panel{display:none}}