:root{--bg: #0f0f0f;--panel: #383838;--highlight: #a0a0a0;--accent: #f5a219;--bg-elev: #1a1a1a;--panel-elev: #4a4a4a;--border-soft: #1f1f1f;--border: #2a2a2a;--border-panel: #4a4a4a;--text: #f0f0f0;--text-muted: #a0a0a0;--text-dim: #707070;--accent-hover: #ffb84d;--accent-dim: #8a5a14;--positive: #4ade80;--negative: #f87171;--destructive: #7e232a;--destructive-h: #a23139;--role-duelist: #ec7561;--role-initiator: #5eb6e8;--role-controller: #c97cd1;--role-sentinel: #ad8ef5;--role-unknown: #9ca3af}:root{--role-Duelist: var(--role-duelist);--role-Initiator: var(--role-initiator);--role-Controller: var(--role-controller);--role-Sentinel: var(--role-sentinel);--role-Viper: #5fb88a;--role-Unknown: var(--role-unknown);--gold: #f5c542;--silver: #c0c7d1;--bronze: #cd8a5b;--r-pill: 3px;--r-card: 6px;--max-w: 980px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11";-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}a{color:inherit}button{font-family:inherit}.wrap{max-width:var(--max-w);margin:0 auto;padding:18px 20px 120px}.eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-weight:600;margin-bottom:22px}.eyebrow a{text-decoration:none;color:var(--text-muted)}.eyebrow>span>a{color:var(--accent)}.crossnav{display:flex;gap:14px}.crossnav a:hover{color:var(--accent)}header.page{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.page-text{flex:1 1 520px;min-width:0}h1{margin:0 0 8px;font-size:clamp(24px,4vw,36px);font-weight:900;letter-spacing:-.02em;line-height:1.1}h1 .yr{color:var(--accent)}.lede{margin:0;color:var(--text-muted);font-size:14.5px;line-height:1.55;max-width:620px}.lede b{color:var(--text)}.page-actions{flex:0 0 auto;padding-top:6px}.what-is-aria-btn{flex-shrink:0;padding:8px 16px;background:#f5a2191a;border:1px solid rgba(245,162,25,.45);color:var(--accent);border-radius:var(--r-pill);font-size:12px;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.what-is-aria-btn:hover{background:#f5a2192e;border-color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000a8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow-y:auto;animation:modal-fade-in .18s ease-out}.modal-backdrop[hidden]{display:none}.modal-card{position:relative;width:100%;max-width:640px;background:var(--panel);border:1px solid var(--border-panel);border-radius:var(--r-card);padding:36px 36px 32px;box-shadow:0 24px 60px #00000080;animation:modal-slide-up .22s cubic-bezier(.2,.7,.2,1)}.modal-close{position:absolute;top:14px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:24px;line-height:1;cursor:pointer;border-radius:50%;transition:background .15s,color .15s}.modal-close:hover{background:var(--bg-elev);color:var(--text)}.modal-title{margin:0 0 8px;font-size:24px;font-weight:700}.modal-title .accent{color:var(--accent)}.modal-lede{margin:0 0 26px;color:var(--text-muted);font-size:14px;line-height:1.55}.modal-section{margin-top:22px}.modal-section h3{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.modal-section p,.modal-section ul{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-muted)}.modal-section ul{padding-left:20px}.modal-section li{margin-bottom:6px}.modal-section li strong{color:var(--text)}.modal-link{display:inline-block;margin-top:26px;color:var(--accent-hover);font-size:13px;font-weight:600;letter-spacing:.02em}.modal-link:hover{text-decoration:underline}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 10px}.section-title{margin:0;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.count{font-size:12px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.count.done{color:var(--positive)}.hint{font-size:12px;color:var(--text-dim)}.hint b{color:var(--text-muted)}.board{margin-bottom:30px}.list{display:flex;flex-direction:column;gap:6px}.card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px 9px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden}.card .rolebar{position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:0 3px 3px 0;background:var(--rc, var(--role-unknown))}.card .rank{font-size:24px;font-weight:900;color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.card.top3-1 .rank{color:var(--gold)}.card.top3-2 .rank{color:var(--silver)}.card.top3-3 .rank{color:var(--bronze)}.card .who{min-width:0}.card .name{font-size:17px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:12px;color:var(--text-muted)}.card .meta .role{color:var(--rc, var(--text-muted));font-weight:700}.card .aria{font-size:11px;font-weight:700;color:var(--text-dim);border:1px solid var(--border-panel);border-radius:999px;padding:1px 7px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.card .aria.up{color:var(--positive);border-color:#4ade8059}.card .aria.down{color:var(--negative);border-color:#f8717159}.agpool{display:inline-flex;gap:3px;align-items:center}.agicon{width:22px;height:22px;border-radius:50%;overflow:hidden;flex:none;background:var(--panel);border:1px solid var(--border-panel);display:inline-flex;align-items:center;justify-content:center}.agicon img{width:100%;height:100%;object-fit:cover;display:block}.card .ctl{display:flex;gap:4px;align-items:center}.ctl button{width:34px;height:34px;border-radius:var(--r-pill);border:1px solid var(--border-panel);background:var(--panel);color:var(--text-muted);font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.ctl button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.ctl button:disabled{opacity:.35;cursor:default}.ctl .rm:hover:not(:disabled){border-color:var(--negative);color:var(--negative)}.card .grip{display:none}@media (hover: hover) and (pointer: fine){.card{cursor:grab}.card.dragging{opacity:.45;cursor:grabbing}}.ctl .ex{font-size:18px}.card.expanded .ctl .ex{border-color:var(--accent);color:var(--accent)}.card .who{cursor:pointer}.card .detail{grid-column:1 / -1;margin-top:6px;padding-top:10px;border-top:1px solid var(--border);min-width:0}.detail .dphead{font-size:12px;color:var(--text-muted);margin-bottom:8px;line-height:1.5}.detail .sg{display:grid;grid-template-columns:76px repeat(3,minmax(64px,1fr));gap:3px 8px;max-width:460px;font-size:12.5px;font-variant-numeric:tabular-nums}.detail .h{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);text-align:right;padding-bottom:2px;border-bottom:1px solid var(--border)}.detail .k{color:var(--text-dim);font-weight:600}.detail .v{text-align:right;color:var(--text)}.detail .v.d{color:var(--text-dim)}.detail .v.d.pos{color:var(--positive)}.detail .v.d.neg{color:var(--negative)}.detail .dpnote{margin-top:8px;font-size:11px;color:var(--text-dim)}.slot{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 12px;border:1px dashed var(--border-panel);border-radius:var(--r-card);color:var(--text-dim);font-size:13px}.slot b{color:var(--text-muted)}.slot.empty-all{padding:30px 12px;flex-direction:column;gap:4px;text-align:center}.slot.empty-all .big{font-size:16px;font-weight:800;color:var(--text-muted)}body.reveal .card.hidden .who,body.reveal .card.hidden .ctl,body.reveal .card.hidden .rolebar{visibility:hidden}body.reveal .card.hidden{cursor:pointer;background:var(--bg)}body.reveal .card.hidden .rank{color:var(--text-dim)}body.reveal .card.hidden:after{content:"?";position:absolute;left:70px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:900;color:var(--border-panel)}body.reveal .card.justrevealed{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}body.reveal .ctl,body.reveal .picker{display:none}.region{margin-bottom:18px}.region-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin:0 0 8px}.teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.team{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-card);padding:8px 8px 6px}.team-head{display:flex;align-items:baseline;gap:6px;margin:0 2px 6px}.team-head .tag{font-weight:900;font-size:13px}.team-head .tname{font-size:11px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chips{display:flex;flex-direction:column;gap:3px}.chip{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:36px;padding:4px 8px;border:1px solid transparent;border-radius:var(--r-pill);background:transparent;color:var(--text);font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:background .12s,border-color .12s}.chip:hover{background:#f5a21914;border-color:#f5a21959}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--rc, var(--role-unknown))}.chip .cname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip .crank{font-size:11px;font-weight:700;color:var(--text-dim);font-variant-numeric:tabular-nums}.chip.on{background:#4ade8014;border-color:#4ade8059}.chip.on .cname:after{content:" ✓";color:var(--positive)}.chip:disabled{opacity:.4;cursor:default}.chip:disabled:hover{background:transparent;border-color:transparent}.bar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#0f0f0feb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}.bar-in{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bar .progress{font-size:13px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:auto}.bar .progress b{color:var(--text)}.bar .progress.done b{color:var(--positive)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--border-panel);background:var(--panel);color:var(--text);border-radius:var(--r-pill);padding:9px 14px;min-height:36px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#111}.btn.primary:hover:not(:disabled){background:var(--accent-hover);color:#111}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent}.bar .kbd{font-size:11px;color:var(--text-dim)}kbd{font-family:inherit;border:1px solid var(--border-panel);border-radius:3px;padding:0 5px;font-size:10.5px}.card-modal-card{max-width:560px}.card-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-card);padding:8px;margin-bottom:16px}.card-preview img{display:block;width:100%;height:auto;border-radius:3px}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:86px;transform:translate(-50%,8px);background:var(--panel);border:1px solid var(--border-panel);color:var(--text);padding:8px 14px;border-radius:var(--r-card);font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:60}.toast.show{opacity:1;transform:translate(-50%)}.foot{margin-top:36px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim);letter-spacing:.04em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.foot a{color:var(--text-muted);text-decoration:none}.foot a:hover{color:var(--accent)}@media (max-width: 600px){.wrap{padding:14px 12px 130px}.eyebrow{letter-spacing:.12em}.crossnav{gap:10px}header.page{margin-bottom:18px}.page-actions{padding-top:0}.what-is-aria-btn{padding:9px 14px;font-size:11px;min-height:36px}.card{grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:8px 6px 8px 10px}.card .rank{font-size:20px}.card .name{font-size:15px}.card .meta{gap:6px;font-size:11.5px}.card .meta .tname{display:none}.ctl button{width:32px;height:32px}.detail .sg{grid-template-columns:64px repeat(3,minmax(52px,1fr));font-size:12px;gap:3px 6px}.teams{grid-template-columns:1fr 1fr}.bar .kbd{display:none}.modal-card{padding:26px 18px 22px}.modal-title{font-size:20px}.modal-backdrop{padding:16px}}@media (max-width: 380px){.teams{grid-template-columns:1fr}}