:root{color-scheme:light;--bg: #eef2f7;--surface: #ffffff;--surface-2: #f6f8fb;--border: #e4e8ee;--border-faint: #eef1f5;--border-strong: #8c97a8;--text: #172033;--muted: #526071;--primary: #1769e0;--primary-strong: #105abf;--primary-weak: #eaf1fe;--primary-ink: #ffffff;--primary-edge: #7aa7e8;--primary-tint: #f6f9fe;--row-hover: #f7f9ff;--nav: #132238;--nav-ink: #ffffff;--nav-ink-muted: #a9b6c8;--ok: #17633a;--ok-weak: #eaf8ef;--warn: #7a5310;--warn-weak: #fbf1dd;--danger: #b81d38;--danger-weak: #fdecef;--radius-lg: 16px;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .05);--shadow-lg: 0 10px 28px rgba(16, 24, 40, .14);--page-max: 1440px;--control-h: 38px;--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem}h2{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button{font:inherit;font-weight:600;cursor:pointer;min-height:var(--control-h);padding:.45rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:background .12s ease,border-color .12s ease}button:hover:not(:disabled){border-color:var(--primary-edge);background:var(--primary-tint)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.45rem .6rem}input:not([type=checkbox]):not([type=radio]),select{min-height:var(--control-h)}select:hover,input:not([type=checkbox]):not([type=radio]):hover{border-color:var(--primary-edge)}textarea{resize:vertical}.topnav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1.75rem;background:var(--nav);color:var(--nav-ink)}.topnav-left{display:flex;align-items:center;gap:1.75rem;min-width:0}.topnav-brand{font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:var(--nav-ink)}.topnav-brand:hover{text-decoration:none}.topnav-links{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;padding-block:3px}.topnav-links::-webkit-scrollbar{display:none}.topnav-links a{padding:.35rem .7rem;border-radius:var(--radius-sm);color:var(--nav-ink-muted);font-weight:500;white-space:nowrap}.topnav-links a:hover{background:#ffffff14;color:var(--nav-ink);text-decoration:none}.topnav-links a.active{background:#ffffff1f;color:var(--nav-ink)}.topnav-user{display:flex;align-items:center;gap:.85rem;color:var(--nav-ink-muted);font-size:.85rem}.topnav-user strong{color:var(--nav-ink)}.topnav-user button{border-color:#ffffff40;background:transparent;color:var(--nav-ink)}.topnav-user button:hover:not(:disabled){border-color:#ffffff73;background:#ffffff1a}.topnav a:focus-visible,.topnav button:focus-visible{outline-color:#fff}.page{max-width:var(--page-max);margin:0 auto;padding:1.75rem 1.75rem 3rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.page-head h1{margin:0}.breadcrumb{margin:0 0 .75rem;font-size:.85rem}.subtitle{color:var(--muted);font-size:.85rem;max-width:72ch;margin:0 0 1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.35rem 1.5rem}.card+.card{margin-top:1rem}.muted{color:var(--muted)}.empty{color:var(--muted);padding:1rem 0}.meta-list{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.4rem;color:var(--muted)}.meta-list strong{color:var(--text)}.linkbar{display:flex;gap:1.25rem;flex-wrap:wrap;margin:.5rem 0 1.25rem}.toolbar{display:flex;gap:.75rem .85rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;font-size:.875rem}.games-table th.app-col{width:20rem}.games-table th.narrow{width:4.5rem}.games-table td:nth-child(2){overflow-wrap:anywhere}.app-cell{display:flex;align-items:center;gap:.6rem}.table tbody tr.campaign-row{background:var(--surface-2);font-size:.82rem}.table tbody tr.campaign-row>td:first-child{border-left:3px solid var(--border-strong)}.table tbody tr.campaign-row>td{padding-top:.5rem;padding-bottom:.5rem}.table tbody tr.campaign-row:hover{background:#eef2f9}.campaign-row .badge:not([class*=badge--]){background:var(--surface);border:1px solid var(--border)}.table th{text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);padding:.7rem .8rem;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:.75rem .8rem;border-bottom:1px solid var(--border);vertical-align:middle}.table th+th,.table td+td{border-left:1px solid var(--border-faint)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover,.table tbody tr:hover .pinned{background:var(--row-hover)}.table th.num{text-align:center}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .id{color:var(--muted);font-variant-numeric:tabular-nums}.thumb{display:block;border-radius:var(--radius-sm);border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;min-height:24px;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.45;white-space:nowrap;background:var(--surface-2);color:var(--muted)}.badge--ok{background:var(--ok-weak);color:var(--ok)}.badge--warn{background:var(--warn-weak);color:var(--warn)}.badge--danger{background:var(--danger-weak);color:var(--danger)}.badge--info{background:var(--primary-weak);color:var(--primary-strong)}.alert{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem .75rem;color:var(--danger);background:var(--danger-weak);border:1px solid #f5cdd5;border-radius:var(--radius);padding:.75rem 1rem;margin:.75rem 0}.alert>ul{flex-basis:100%;margin:0}.alert button{min-height:32px;padding:.25rem .7rem;border-color:#eab3bf;background:var(--surface);color:var(--danger)}.alert button:hover:not(:disabled){border-color:var(--danger);background:#fff5f7}.alert[role=status]{color:#1c4f8c;background:var(--primary-weak);border-color:#c7dbfa}.alert[role=status] button{border-color:#b9d2f7;color:var(--primary-strong)}.alert[role=status] button:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint)}.error-text{display:inline-block;color:var(--danger);font-size:.85rem;margin-top:.25rem}.field{display:block;margin-bottom:1rem;font-weight:500}.field input:not([type=checkbox]):not([type=radio]),.field textarea{display:block;width:100%;margin-top:.35rem;font-weight:400}.dialog{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.5rem;width:calc(100% - 2rem);max-width:480px;margin:auto}.dialog::backdrop{background:#10182873}.dialog h2{margin-top:0}.dialog .actions{display:flex;gap:.5rem;margin-top:.5rem}.filters{display:flex;flex-wrap:wrap;gap:.75rem .85rem;align-items:flex-end;margin-bottom:1rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.tabs a{padding:.55rem .9rem;text-decoration:none;border-bottom:3px solid transparent;color:var(--muted);font-weight:650}.tabs a:hover{color:var(--text);text-decoration:none}.tabs a.active{color:var(--primary);border-bottom-color:var(--primary)}.cards{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.cards .card{margin-top:0;flex:1 1 10rem;min-width:10rem;padding:1rem 1.15rem}.card-label{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.card-value{font-size:1.6rem;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:.3rem}.card-value button{font-size:.875rem;letter-spacing:normal}.table .pinned{position:sticky;left:0;background:var(--surface);border-right:1px solid var(--border);z-index:1}.table th.sortable button{background:none;border:0;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;padding:0;min-height:0}.games-wrap{overflow:auto;max-height:calc(100vh - 8rem)}.games-table thead{position:sticky;top:0;z-index:2}.table .total-row td{background:var(--surface);box-shadow:inset 0 -2px var(--border-strong);font-weight:600}.filters label,.toolbar label{display:inline-flex;flex-direction:column;align-items:stretch;gap:.3rem;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.02em}.filters label:has(>input[type=checkbox]),.filters label:has(>input[type=radio]),.toolbar label:has(>input[type=checkbox]),.toolbar label:has(>input[type=radio]){flex-direction:row;align-items:center;gap:.4rem;min-height:var(--control-h);font-size:.85rem;font-weight:500}.filters label>select,.filters label>input,.filters label>button,.toolbar label>select,.toolbar label>input,.toolbar label>button{color:var(--text);font-size:.875rem;font-weight:400;letter-spacing:normal}.filters>.id,.filters>.badge,.toolbar>.id,.toolbar>.badge{align-self:flex-end;display:inline-flex;align-items:center;min-height:1.9rem}.filters>button,.toolbar>button{align-self:flex-end}.pick-list{border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0}.pick-list ul{list-style:none;margin:0;padding:.25rem .5rem}.pick-list li{padding:.2rem 0}.pick-list label{display:block;cursor:pointer}.action-status{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;margin-top:1rem}.status-note{color:var(--muted);font-size:.85rem;margin:.35rem 0 0}.auth{max-width:360px;margin:8vh auto 0;padding:0 1.25rem}@media (max-width: 640px){.topnav{padding:.6rem 1rem;gap:.6rem}.topnav-left{gap:1rem}.page{padding:1.25rem 1rem 2.5rem}.card{padding:1.1rem}}