:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e7edf3;background:#090d12;font-synthesis:none;--panel: #10161e;--border: #222d39;--muted: #8290a0;--cyan: #66e3ff;--green: #34d399;--red: #fb7185}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#152333 0,#090d12 42%)}button,input,textarea{font:inherit}button{cursor:pointer}header{height:68px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--border);background:#090d12e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.brand{border:0;background:none;color:#fff;font:600 15px ui-monospace,Cascadia Code,monospace;display:flex;align-items:center;gap:9px;padding:0}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #315166;color:var(--cyan)}.muted{color:var(--muted)}nav{display:flex;height:100%}nav button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:0 17px}nav button:hover,nav button.active{color:#fff;border-bottom-color:var(--cyan)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.identity{font-size:13px;color:#c4ced8}.badge{font:500 11px ui-monospace,Cascadia Code,monospace;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);padding:6px 9px;text-transform:uppercase}.dot{width:6px;height:6px;border-radius:50%;background:#6b7280}.state-running .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.state-ended .dot{background:var(--red)}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:54px 0 80px}.centered{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:40px 0}.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}h1{font-size:clamp(32px,4vw,48px);margin:3px 0 0;letter-spacing:-.04em}h2{font-size:18px;margin:0 0 20px}.eyebrow{color:var(--cyan);font:600 11px ui-monospace,Cascadia Code,monospace;letter-spacing:.16em;margin:0}.panel{background:linear-gradient(145deg,#121922fa,#0d131afa);border:1px solid var(--border);padding:26px}.login-panel{width:min(430px,100%);display:grid;gap:19px;padding:38px}.login-panel h1{font-size:34px}label{display:grid;gap:8px;color:#aab6c2;font-size:13px;font-weight:500}input,textarea{width:100%;color:#fff;background:#0a0f15;border:1px solid #2a3643;padding:12px 13px;outline:none;border-radius:2px}input:focus,textarea:focus{border-color:#4caabd;box-shadow:0 0 0 3px #66e3ff14}button.primary,button.secondary,button.danger{border:1px solid;padding:11px 16px;border-radius:2px;font-weight:600}.primary{color:#071014;border-color:var(--cyan)!important;background:var(--cyan)}.secondary{color:#d6dfe8;border-color:#344251!important;background:#151d26}.danger{color:#ffdbe1;border-color:#703444!important;background:#351821}.compact{padding:7px 11px!important;font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}.error{color:#ff8a9d;font-size:13px}.success{color:var(--green);font-size:13px}.notice{border-left:2px solid var(--cyan);background:#66e3ff12;padding:13px 16px;color:#b8cbd3;margin-bottom:28px}section{margin-top:34px}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}.challenge-card{min-height:145px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;color:#fff;background:var(--panel);border:1px solid var(--border);transition:.15s}.challenge-card:hover{transform:translateY(-2px);border-color:#486175}.challenge-card.solved{border-color:#245e4f;background:linear-gradient(145deg,#10241f,#10171b)}.challenge-card strong{font-size:17px}.challenge-card .muted{font:500 10px ui-monospace,Cascadia Code,monospace;letter-spacing:.1em}.points{color:var(--cyan);font:600 12px ui-monospace,Cascadia Code,monospace}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000b8;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(650px,100%);position:relative;padding:38px}.modal h2{font-size:29px;margin-top:8px}.modal-close{position:absolute;right:18px;top:12px;background:none;border:0;color:var(--muted);font-size:26px}.description{line-height:1.75;color:#bdc7d1;white-space:pre-wrap;margin:28px 0}.flag-form{display:grid;grid-template-columns:1fr auto;gap:9px}.chart-panel{overflow:hidden}.chart-wrap svg{width:100%;height:auto;overflow:visible}.grid-line{stroke:#25313d;stroke-width:1}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:8px;height:8px;border-radius:50%}.empty-chart{height:240px;display:grid;place-items:center;color:var(--muted);font:12px ui-monospace,Cascadia Code,monospace}.table-panel{padding:0;overflow-x:auto}.table-panel h2{padding:24px 26px 0}table{width:100%;border-collapse:collapse}th{color:var(--muted);font:500 10px ui-monospace,Cascadia Code,monospace;letter-spacing:.1em;text-transform:uppercase}th,td{text-align:left;padding:17px 22px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:0}.rank,.score{font:600 15px ui-monospace,Cascadia Code,monospace}.score{color:var(--cyan)}.empty,.generated{color:var(--muted);text-align:center;font-size:12px}.generated{font-family:ui-monospace,Cascadia Code,monospace}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-grid section{margin:0}.button-row{display:flex;gap:9px;margin-top:24px}.danger-zone{border-color:#512c36}.challenge-form{display:grid;grid-template-columns:1fr 1fr 140px;gap:18px;align-items:end}.challenge-form .wide{grid-column:1 / -1}.checkbox{display:flex;align-items:center;grid-column:1 / -2}.checkbox input{width:auto}@media(max-width:760px){header{padding:0 14px;gap:8px}.brand .muted,.identity,header .badge{display:none}nav{margin-left:auto}nav button{padding:0 9px;font-size:12px}.header-actions{margin-left:0}main{width:min(100% - 26px,1180px);padding-top:36px}.admin-grid,.challenge-form{grid-template-columns:1fr}.challenge-form .wide,.checkbox{grid-column:auto}.flag-form{grid-template-columns:1fr}th,td{padding:14px 12px}}:root{color-scheme:light;--bg: #f5f6f8;--surface: #ffffff;--surface-alt: #f8f9fa;--text: #2f3337;--heading: #212529;--border: #dee2e6;--border-strong: #ced4da;--nav-bg: #343a40;--primary-ui: #337ab7;--primary-hover: #286090;--primary-soft: #e9f2fa;--success-ui: #3c9a5f;--success-soft: #e8f5ed;--danger-ui: #c9302c;--shadow: 0 1px 3px rgba(0, 0, 0, .08);color:var(--text);background:var(--bg)}:root[data-theme=dark]{color-scheme:dark;--bg: #181a1b;--surface: #242729;--surface-alt: #202325;--text: #d8dcdf;--heading: #f1f3f5;--muted: #9ca3a9;--border: #3a3f43;--border-strong: #4b5156;--nav-bg: #101213;--primary-ui: #4c9bd3;--primary-hover: #68addd;--primary-soft: #213746;--success-ui: #65bd82;--success-soft: #203b2a;--danger-ui: #e06b68;--shadow: 0 1px 4px rgba(0, 0, 0, .35)}html,body{background:var(--bg);color:var(--text)}body{background-image:none}header{min-height:56px;height:auto;align-items:stretch;color:#f8f9fa;background:var(--nav-bg);border-bottom-color:#ffffff14;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{color:#f8f9fa;font-family:inherit;font-size:18px}.brand-mark{width:28px;height:28px;color:#fff;background:var(--primary-ui);border:0;border-radius:3px}.brand-name{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}nav{align-items:center;gap:5px;padding:8px 0}nav button{height:38px;border:1px solid transparent;border-radius:4px;color:#e0e4e7;padding:0 15px;font-size:14px;font-weight:600}nav button:hover{color:#fff;background:#ffffff1f;border-color:#ffffff1f}nav button.active{color:#fff;background:var(--primary-ui);border-color:var(--primary-ui);box-shadow:inset 0 -2px #0000002e}.identity{color:#dee2e6}.theme-toggle{width:34px;height:34px;display:grid;place-items:center;align-self:center;border:1px solid #5b6268;border-radius:4px;background:transparent;color:#f8f9fa;font-size:18px}.theme-toggle:hover{background:#ffffff1a}.badge{border-color:#5b6268;border-radius:999px;color:#e9ecef;font-family:inherit}.state-running .dot{box-shadow:none}.panel .badge{color:var(--text);background:var(--surface-alt);border-color:var(--border-strong)}.panel .badge.state-before{color:var(--muted)}.panel .badge.state-running{color:var(--success-ui);background:var(--success-soft);border-color:color-mix(in srgb,var(--success-ui) 45%,var(--border))}.panel .badge.state-ended{color:var(--danger-ui);background:color-mix(in srgb,var(--danger-ui) 12%,var(--surface));border-color:color-mix(in srgb,var(--danger-ui) 45%,var(--border))}main{padding-top:44px}.centered{min-height:calc(100vh - 56px)}.page-title{margin:-44px calc(50% - 50vw) 28px;padding:24px max(20px,calc((100vw - 1180px)/2));background:var(--surface-alt);border-bottom:1px solid var(--border)}h1{color:var(--heading);font-size:clamp(30px,4vw,42px);font-weight:500;letter-spacing:normal}h2{color:var(--heading);font-size:20px;font-weight:500}.eyebrow{color:var(--muted);font-family:inherit;font-weight:700}.panel{color:var(--text);background:var(--surface);border-color:var(--border);border-radius:4px;box-shadow:var(--shadow)}label{color:var(--text)}input,textarea{color:var(--text);background:var(--surface);border-color:var(--border-strong);border-radius:4px}input:focus,textarea:focus{border-color:var(--primary-ui);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-ui) 18%,transparent)}button.primary,button.secondary,button.danger{border-radius:4px;padding:9px 14px}.primary{color:#fff;border-color:var(--primary-ui)!important;background:var(--primary-ui)}.primary:hover{border-color:var(--primary-hover)!important;background:var(--primary-hover)}.secondary{color:var(--text);border-color:var(--border-strong)!important;background:var(--surface)}.secondary:hover{background:var(--surface-alt)}header .secondary{color:#f8f9fa;border-color:#5b6268!important;background:transparent}header .secondary:hover{background:#ffffff1a}.danger{color:#fff;border-color:var(--danger-ui)!important;background:var(--danger-ui)}.notice{color:var(--text);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary-ui) 35%,var(--border));border-left-width:1px;border-radius:4px}.error{color:var(--danger-ui)}.success{color:var(--success-ui)}.challenge-grid{gap:16px}.challenge-card{min-height:132px;align-items:center;justify-content:center;gap:10px;text-align:center;color:#fff;background:var(--primary-ui);border-color:var(--primary-ui);border-radius:4px;box-shadow:var(--shadow)}.challenge-card:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.challenge-card.solved{background:var(--success-ui);border-color:var(--success-ui)}.challenge-card .muted,.challenge-card .points{color:#ffffffe0;font-family:inherit}.description{color:var(--text)}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.grid-line{stroke:var(--border)}.grid-line.vertical{stroke-dasharray:3 5}.axis-label{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.axis-title{fill:var(--text);font-size:12px;font-weight:600}.score-point{stroke:var(--surface);stroke-width:2;cursor:pointer;outline:none}.score-point:hover,.score-point:focus{r:8;stroke:var(--heading)}.score-tooltip rect{fill:var(--surface);stroke:var(--border-strong);filter:drop-shadow(0 3px 5px rgba(0,0,0,.2))}.score-tooltip text{fill:var(--text);font-size:11px}.score-tooltip .tooltip-title{fill:var(--heading);font-size:12px;font-weight:700}.empty-chart{font-family:inherit}.table-panel{background:var(--surface)}.table-heading{position:sticky;left:0;display:flex;padding:22px 24px 14px}.table-heading h2{margin-bottom:4px}.table-heading p{margin:0;font-size:12px}table{min-width:max-content;border-collapse:separate;border-spacing:0}th{color:var(--muted);background:var(--surface-alt);font-family:inherit;font-weight:700;white-space:nowrap}th,td{height:55px;padding:13px 16px;border-bottom:0;border-top:1px solid var(--border)}tbody tr:hover td{background:var(--surface-alt)}.rank,.score{font-family:inherit;font-variant-numeric:tabular-nums}.score{color:var(--primary-ui);text-align:right}.team-name{min-width:170px;font-weight:600}.last-solve{min-width:170px;color:var(--muted);font-size:12px;white-space:nowrap}.challenge-column{width:88px;max-width:110px;text-align:center}.challenge-column span{display:block;max-width:92px;overflow:hidden;text-overflow:ellipsis}.challenge-column small{display:block;margin-top:3px;color:var(--primary-ui);font-size:10px}.solve-cell{min-width:88px;text-align:center}.solve-cell.solved{color:var(--success-ui);background:var(--success-soft)}.solve-cell span{font-size:21px;line-height:1}.sticky-rank{position:sticky;left:0;z-index:2;min-width:74px;background:var(--surface)}.sticky-team{position:sticky;left:74px;z-index:2;background:var(--surface);box-shadow:1px 0 0 var(--border)}thead .sticky-rank,thead .sticky-team{z-index:3;background:var(--surface-alt)}tbody tr:hover .sticky-rank,tbody tr:hover .sticky-team{background:var(--surface-alt)}.generated{font-family:inherit}.danger-zone{border-color:color-mix(in srgb,var(--danger-ui) 40%,var(--border))}.settings-form{display:grid;gap:14px}.settings-form button{justify-self:start}.field-help{color:var(--muted);font-size:12px;font-weight:400}.table-actions{display:flex;gap:7px}@media(max-width:760px){.theme-toggle{width:31px;height:31px}.brand-name{max-width:105px}nav{gap:2px}nav button{height:34px;padding:0 8px}main{padding-top:36px}.page-title{margin-top:-36px;padding-left:12px;padding-right:12px}.sticky-rank,.sticky-team{position:static}.team-name{min-width:140px}}
