:root{--bg:#f6f7fb;--fg:#18202f;--muted:#667085;--card:#fff;--line:#d9deea;--ok:#176b3a;--bad:#8a1f11;--accent:#1f5eff;--shadow:0 8px 24px rgba(25,35,60,.08)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}a{color:inherit}.top{position:sticky;top:0;z-index:3;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.brand{font-weight:800;text-decoration:none;font-size:1.2rem}.top nav{display:flex;gap:.45rem;flex-wrap:wrap}.top nav a{padding:.45rem .65rem;border-radius:.7rem;text-decoration:none}.top nav a:hover{background:#eef2ff}.container{width:min(1100px,100%);margin:auto;padding:1rem}.hero{margin:1rem 0 1.2rem}.hero h1{font-size:clamp(2rem,6vw,4rem);line-height:1;margin:.2rem 0}.hero p,.panel p{color:var(--muted)}.cards{display:grid;gap:.8rem}.rank-card,.panel,.log-item{background:var(--card);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow)}.rank-card{display:flex;gap:1rem;align-items:center;padding:1rem}.rank{font-size:1.4rem;font-weight:900;min-width:3.2rem}.grow{flex:1}.rank-card h2{margin:.1rem 0 .55rem;font-size:1.15rem}.rank-card p{margin:.5rem 0 0;color:var(--muted)}.bar{height:.65rem;background:#e9edf7;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent)}.panel{padding:1rem}.narrow{max-width:430px;margin:2rem auto}.form{display:grid;gap:1rem}.form label{display:grid;gap:.35rem;font-weight:700}.form input,.player-select select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:.75rem;font:inherit;background:#fff}.primary,.player-select button{border:0;background:var(--accent);color:white;padding:.85rem 1rem;border-radius:.8rem;font-weight:800;cursor:pointer}.error{background:#fff2f0;color:var(--bad);border:1px solid #ffd0ca;padding:.8rem;border-radius:.8rem}.player-select{display:flex;gap:.6rem;align-items:end;margin-bottom:1rem}.player-select label{flex:1;font-weight:800}.task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.task-form{margin:0}.task{width:100%;min-height:5.2rem;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:.25rem .65rem;align-items:start;border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:.75rem;cursor:pointer;font:inherit}.task:hover{border-color:var(--accent);transform:translateY(-1px)}.task .num{grid-row:1/3;display:inline-grid;place-items:center;width:2rem;height:2rem;background:#eef2ff;border-radius:99px;font-weight:900}.task strong{font-size:.82rem;color:var(--muted)}.task.done{background:#edfff4;border-color:#a8e7bf}.task.done .num{background:#c9f7d8;color:var(--ok)}.task.done strong{color:var(--ok)}.log-list{display:grid;gap:.55rem}.log-item{padding:.8rem;box-shadow:none}.log-item small{color:var(--muted)}.foot{text-align:center;color:var(--muted);padding:2rem 1rem}@media(max-width:650px){.top{align-items:flex-start;flex-direction:column}.top nav a{background:#f3f5fb}.player-select{display:grid}.rank-card{align-items:flex-start}.rank{min-width:2.4rem}}
.section-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin:0 0 1rem}.filter-button{display:inline-flex;padding:.65rem .9rem;border:1px solid var(--line);border-radius:999px;background:#fff;text-decoration:none;font-weight:800}.filter-button:hover,.filter-button.active{border-color:var(--accent);background:#eef2ff;color:#1748c7}.rank-link{text-decoration:none}.rank-link:hover{border-color:var(--accent);transform:translateY(-1px)}.player-title{display:flex;gap:.65rem;align-items:center;justify-content:space-between}.section-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:999px;background:#eef2ff;color:#1748c7;font-weight:800;white-space:nowrap}.empty{color:var(--muted);padding:.9rem;background:#fff;border:1px dashed var(--line);border-radius:.8rem}.back-link{text-decoration:none;font-weight:800;color:var(--accent)}.hero.compact h1{font-size:clamp(1.8rem,5vw,3rem)}.task-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel h2 small{font-size:.85rem;color:var(--muted)}.detail-list{display:grid;gap:.55rem}.detail-task{display:flex;gap:.7rem;align-items:flex-start;border:1px solid var(--line);border-radius:.8rem;padding:.7rem;background:#fff}.detail-task span{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:999px;background:#eef2ff;font-weight:900}.detail-task p{margin:.25rem 0;color:var(--fg)}.detail-task.done{background:#edfff4;border-color:#a8e7bf}.detail-task.done span{background:#c9f7d8;color:var(--ok)}.admin-heading{display:flex;gap:1rem;align-items:end;justify-content:space-between;margin-bottom:1rem}.admin-heading h2{margin:0}.task-search{display:grid;gap:.3rem;font-weight:800;min-width:min(360px,100%)}.task-search input{width:100%;padding:.75rem;border:1px solid var(--line);border-radius:.75rem;font:inherit;background:#fff}.task-form[hidden]{display:none}
@media(max-width:750px){.task-columns{grid-template-columns:1fr}.admin-heading{display:grid;align-items:stretch}.task-search{min-width:0}.player-title{align-items:flex-start}.section-badge{margin-top:.15rem}}