:root{--bg:hsl(212 38% 7%);--bg-2:hsl(212 34% 9%);--panel:hsl(212 30% 11%);--panel-2:hsl(212 28% 13%);--panel-3:hsl(212 26% 16%);--line:hsl(212 24% 19%);--line-2:hsl(212 22% 25%);--ink:hsl(200 45% 96%);--ink-2:hsl(205 20% 78%);--muted:hsl(208 12% 60%);--faint:hsl(208 10% 54%);--pink:#5cc4ff;--pink-2:#93d8ff;--pink-3:#33a8ee;--osu:#ff66aa;--pp:var(--osu);--on-accent:hsl(212 60% 8%);--hero-wash:linear-gradient(160deg,hsl(205 60% 16%/.55),transparent 60%);--purple:#a78bfa;--cyan:#5ec8d8;--green:#88d86b;--red:#ff6b6b;--orange:#ffa94d;--gold:#f5c542;--gold-2:#ffdd7a;--blue:#66b2ff;--radius:10px;--radius-sm:7px;--shadow:0 8px 24px rgba(0,0,0,0.3);--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--display:"Space Grotesk","Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;color-scheme:dark}:root[data-palette=ocean]{--bg:hsl(192 45% 6%);--bg-2:hsl(192 40% 8%);--panel:hsl(192 36% 10.5%);--panel-2:hsl(192 32% 12.5%);--panel-3:hsl(192 30% 15.5%);--line:hsl(192 28% 18%);--line-2:hsl(192 24% 24%);--ink:hsl(180 40% 96%);--ink-2:hsl(185 18% 78%);--muted:hsl(188 12% 58%);--faint:hsl(188 10% 53%);--pink:#2fd6c6;--pink-2:#7ae8dd;--pink-3:#16b5a6;--hero-wash:linear-gradient(160deg,hsl(185 70% 18%/.55),transparent 60%)}:root[data-palette=ember]{--bg:hsl(20 8% 7%);--bg-2:hsl(20 7% 9%);--panel:hsl(20 7% 11%);--panel-2:hsl(20 6% 13%);--panel-3:hsl(20 6% 16%);--line:hsl(20 6% 18%);--line-2:hsl(20 6% 24%);--ink:hsl(30 25% 96%);--ink-2:hsl(25 8% 78%);--muted:hsl(22 6% 58%);--faint:hsl(22 5% 53%);--pink:#ff7a59;--pink-2:#ffa088;--pink-3:#e8603f;--hero-wash:none}:root[data-palette=mono]{--bg:hsl(0 0% 5%);--bg-2:hsl(0 0% 7%);--panel:hsl(0 0% 9.5%);--panel-2:hsl(0 0% 11.5%);--panel-3:hsl(0 0% 14.5%);--line:hsl(0 0% 17%);--line-2:hsl(0 0% 23%);--ink:#ffffff;--ink-2:hsl(0 0% 78%);--muted:hsl(0 0% 58%);--faint:hsl(0 0% 53%);--pink:#ff4040;--pink-2:#ff7a7a;--pink-3:#d92c2c;--hero-wash:none}:root[data-palette=osu]{--bg:hsl(330 10% 8%);--bg-2:hsl(330 9% 10%);--panel:hsl(330 9% 12%);--panel-2:hsl(330 9% 14%);--panel-3:hsl(330 9% 17%);--line:hsl(330 8% 19%);--line-2:hsl(330 8% 25%);--ink:hsl(330 20% 95%);--ink-2:hsl(330 10% 78%);--muted:hsl(330 7% 58%);--faint:hsl(330 6% 53%);--pink:#ff66aa;--pink-2:#ff8fc2;--pink-3:#e0508f;--pp:#ff8fc2;--hero-wash:none;--on-accent:#fff}:root[data-theme=light]{--bg:hsl(205 60% 97%);--bg-2:hsl(205 50% 94%);--panel:#ffffff;--panel-2:hsl(205 60% 98.5%);--panel-3:hsl(205 45% 94%);--line:hsl(205 35% 89%);--line-2:hsl(205 28% 82%);--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#4a3aa7;--s8:#e34948;--ink:hsl(215 42% 14%);--ink-2:hsl(212 24% 30%);--muted:hsl(210 14% 45%);--faint:hsl(210 10% 46%);--pink:#1a7fc1;--pink-2:#146aa3;--pink-3:#125f92;--osu:#e2458f;--pp:#d6336c;--hero-wash:radial-gradient(120% 90% at 85% 0%,hsl(200 95% 90%) 0%,hsl(200 90% 95%/.6) 35%,transparent 70%),radial-gradient(80% 70% at 10% 110%,hsl(190 80% 92%/.8),transparent 60%);--green:#3f9f2a;--gold:#c9971a;--gold-2:#a57b0c;--shadow:0 6px 20px rgba(20,60,100,0.08);--on-accent:#fff;color-scheme:light}:root[data-theme=light][data-palette=ocean]{--bg:hsl(185 50% 96.5%);--bg-2:hsl(185 40% 93%);--panel-2:hsl(185 50% 98.5%);--panel-3:hsl(185 35% 93.5%);--line:hsl(185 28% 88%);--line-2:hsl(185 22% 80%);--ink:hsl(200 45% 13%);--ink-2:hsl(195 22% 28%);--pink:#0b8680;--pink-2:#08706b;--pink-3:#06615d;--hero-wash:radial-gradient(120% 90% at 85% 0%,hsl(178 70% 86%) 0%,hsl(185 70% 93%/.6) 35%,transparent 70%),radial-gradient(80% 70% at 10% 110%,hsl(45 60% 92%/.7),transparent 60%)}:root[data-theme=light][data-palette=ember]{--bg:hsl(30 30% 97%);--bg-2:hsl(30 20% 94%);--panel-2:hsl(30 30% 98%);--panel-3:hsl(30 18% 94%);--line:hsl(30 14% 89%);--line-2:hsl(30 10% 82%);--ink:hsl(20 15% 10%);--ink-2:hsl(20 8% 28%);--muted:hsl(20 5% 45%);--faint:hsl(20 4% 46%);--pink:#d24a26;--pink-2:#b83d1b;--pink-3:#a0341a;--hero-wash:none}:root[data-theme=light][data-palette=mono]{--bg:#fafafa;--bg-2:#f0f0f0;--panel:#fff;--panel-2:#fcfcfc;--panel-3:#f0f0f0;--line:#e4e4e4;--line-2:#d0d0d0;--ink:#0a0a0a;--ink-2:#333;--muted:#6b6b6b;--faint:#737373;--pink:#d62828;--pink-2:#b81f1f;--pink-3:#a01a1a;--hero-wash:none}:root[data-theme=light][data-palette=osu]{--bg:hsl(330 20% 97%);--bg-2:hsl(330 16% 94%);--panel-2:hsl(330 20% 98%);--panel-3:hsl(330 16% 94%);--line:hsl(330 12% 89%);--line-2:hsl(330 10% 82%);--ink:hsl(330 15% 12%);--ink-2:hsl(330 10% 28%);--muted:hsl(330 6% 45%);--faint:hsl(330 5% 46%);--pink:#d63c80;--pink-2:#c02f70;--pink-3:#a8265f;--osu:#d63c80;--pp:#c02f70;--hero-wash:none}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--pink-2)}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:700;letter-spacing:-.015em}p{margin:0 0 10px}button,input,select,textarea{font:inherit;color:inherit}::selection{background:color-mix(in srgb,var(--pink) 35%,transparent)}.app{display:flex;min-height:100vh}.main{flex:1 1;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:25;gap:22px;padding:0 28px;height:60px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand,.topbar{display:flex;align-items:center}.brand{font:800 18px var(--display);gap:9px;white-space:nowrap;color:var(--ink)}.brand b{color:var(--osu)}.beta-tag{margin-left:-12px;padding:1px 6px;border:1px solid var(--line-2);border-radius:999px;font:700 10px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.beta-tag:hover{color:var(--ink);border-color:var(--muted)}.brand svg{flex:none}.nav{gap:4px;overflow-x:auto;scrollbar-width:none;align-self:stretch}.nav,.nav a{display:flex}.nav a{position:relative;align-items:center;padding:0 10px;color:var(--muted);font-weight:600;font-size:14px;white-space:nowrap}.nav a.on,.nav a:hover{color:var(--ink)}.nav a.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--pink)}.nav-menu{display:flex}.nav-trigger{position:relative;display:flex;align-items:center;gap:5px;padding:0 10px;background:none;border:0;color:var(--muted);font:600 14px var(--body,inherit);white-space:nowrap;cursor:pointer}.nav-trigger.on,.nav-trigger.open,.nav-trigger:hover{color:var(--ink)}.nav-trigger.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--pink)}.nav-trigger svg{transition:transform .15s;opacity:.7}.nav-trigger.open svg{transform:rotate(180deg)}.nav-trigger:focus-visible{outline:2px solid var(--pink);outline-offset:-4px;border-radius:6px}.nav-panel{position:absolute;left:0;right:0;top:100%;background:var(--bg-2);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav-panel[hidden]{display:none}.nav-panel-inner{max-width:1100px;margin:0 auto;padding:22px 28px 26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:22px 28px;gap:22px 28px}.nav-group-title{border-left:3px solid var(--rule);padding-left:8px;font:700 13px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-bottom:6px}.nav-group-links{display:flex;flex-direction:column;border-left:1px solid color-mix(in srgb,var(--rule) 55%,transparent);margin-left:1px;padding-left:10px}.nav .nav-group-links a{display:flex;align-items:center;gap:6px;padding:4px 0;font-weight:500}.nav .nav-group-links a.here{color:var(--ink)}.nav-note{font-size:11px;font-weight:700;font-style:italic;color:var(--gold)}@media (max-width:680px){.nav-panel-inner{padding:16px;grid-template-columns:1fr 1fr;gap:16px}}@media (prefers-reduced-motion:reduce){.nav-trigger svg{transition:none}}.topbar .right{margin-left:auto;display:flex;align-items:center;gap:10px}.bell{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--muted)}.bell:hover{color:var(--ink);background:var(--panel-2)}.skel{display:block;background:linear-gradient(90deg,var(--panel-3) 0,var(--line-2) 50%,var(--panel-3) 100%);background-size:200% 100%;animation:skel 1.4s ease-in-out infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.hero>.cover-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}.cover-backdrop img{width:100%;height:100%;object-fit:cover;opacity:.8}.cover-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 35%,transparent) 0,color-mix(in srgb,var(--panel) 78%,transparent) 55%,var(--panel) 100%)}.glossary{display:grid;grid-template-columns:minmax(140px,220px) 1fr;grid-gap:8px 18px;gap:8px 18px;margin:12px 0 20px}.glossary dt{font-weight:700;color:var(--ink)}.glossary dd{margin:0;color:var(--ink-2)}@media (max-width:640px){.glossary{grid-template-columns:1fr}.glossary dd{margin-bottom:8px}}.flagwrap{gap:6px;vertical-align:middle}.flagbox,.flagwrap{display:inline-flex;align-items:center}.flagbox{font-size:var(--flag,16px);line-height:1}.flag{width:calc(var(--flag, 16px) * 1.4);height:auto;border-radius:2px;display:block}.flagname{white-space:nowrap}.countrytag{position:relative;display:inline-block}.countrytag-btn{background:none;border:0;padding:2px 4px;margin:-2px -4px;border-radius:6px;color:inherit;font:inherit;cursor:pointer}.countrytag-btn:hover,.countrytag-btn[aria-expanded=true]{background:var(--panel-3)}.countrytag-btn:focus-visible{outline:2px solid var(--pink,#f6a);outline-offset:1px}.countrytag-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:30;min-width:220px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:14px;font-weight:400}.countrytag-head{display:flex;align-items:center;gap:8px;padding:6px 8px 8px;border-bottom:1px solid var(--line);margin-bottom:4px;color:var(--ink)}.countrytag-menu a{padding:7px 8px;border-radius:6px;color:var(--ink-2)}.countrytag-menu a:focus-visible,.countrytag-menu a:hover{background:var(--panel-3);color:var(--ink);outline:none}.infotip{position:relative;display:inline-block}.infotip-btn{background:none;border:0;padding:0 2px;margin-left:2px;color:var(--faint);cursor:pointer;font-size:12px;line-height:1;vertical-align:1px}.infotip-btn:hover,.infotip-btn[aria-expanded=true]{color:var(--ink)}.infotip-btn:focus-visible{outline:2px solid var(--pink,#f6a);outline-offset:2px;border-radius:4px}.infotip-pop{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:min(280px,80vw);padding:10px 12px;border-radius:8px;border:1px solid var(--line-2);background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.35);color:var(--ink-2);font-size:12.5px;font-weight:400;line-height:1.45;white-space:normal;text-align:left}.has-fade{position:relative;isolation:isolate;overflow:hidden}.has-fade>:not(.map-fade){position:relative;z-index:1}.map-fade{position:absolute;inset:0 0 0 auto;width:min(55%,360px);z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 45%,#000);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 45%,#000)}.map-fade img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.28;transition:opacity .2s}.has-fade:hover .map-fade img{opacity:.42}.card.has-fade>.map-fade{width:100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15));mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15))}:root[data-theme=light] .map-fade img{opacity:.22}.danger-zone{border-color:color-mix(in srgb,var(--red,#e5484d) 45%,var(--line))}.danger-zone summary{cursor:pointer}.pmenu{position:relative}.pmenu-btn{background:none;border:0;padding:0;cursor:pointer;border-radius:50%;display:grid}.pmenu-btn:focus-visible{outline:2px solid var(--pink,#f6a);outline-offset:2px}.pmenu-list{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:210px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--line-2);border-radius:10px;background:var(--panel);box-shadow:0 10px 30px rgba(0,0,0,.35)}.pmenu-head{padding:6px 10px 8px;color:var(--ink);border-bottom:1px solid var(--line);margin-bottom:4px}.pmenu-list a,.pmenu-list button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-radius:6px;background:none;color:var(--ink-2);font:inherit;font-size:14px;cursor:pointer}.pmenu-list a:focus-visible,.pmenu-list a:hover,.pmenu-list button:focus-visible,.pmenu-list button:hover{background:var(--panel-3);color:var(--ink);outline:none}.pmenu-list hr{border:0;border-top:1px solid var(--line);margin:4px 0}.pmenu-list form{margin:0}.pmenu-list .menu-label{padding:6px 10px 2px;font-size:12px;color:var(--muted);font-weight:600}.pmenu-list .menu-appearance{padding:4px 8px 6px}.pmenu-list .palette-picker button{display:inline-flex;width:auto;padding:4px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px}.pmenu-list .palette-picker button.on{border-color:var(--pink);color:var(--ink)}.bell .dot{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--pink);color:#fff;font:700 10px/16px var(--font);text-align:center}.search input{width:min(24vw,240px);padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel)}.search input:focus{outline:2px solid var(--pink);outline-offset:1px}.page{max-width:1200px;margin:0 auto;padding:32px 28px 96px}.page.narrow{max-width:900px}.demo-banner{background:var(--bg-2);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;padding:6px 28px;text-align:center}.demo-banner b{color:var(--ink-2)}.footer{border-top:1px solid var(--line);font-size:12.5px;padding:32px 28px 48px}.footer,.footer a{color:var(--muted)}.footer a:hover{color:var(--ink)}.footer .cols{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));grid-gap:24px;gap:24px}.footer h4{font:700 13px var(--display);color:var(--ink-2);margin-bottom:8px}.footer .cols a{display:block;padding:3px 0}.idea-path ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.idea-path li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);font-size:13px}.idea-path li b{display:block;color:var(--ink)}.idea-path li .t{display:block;color:var(--muted);font-size:12px;margin-top:2px}.idea-path .n{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--display);background:var(--panel-3);color:var(--ink-2)}.idea-path li.on{border-color:var(--pink)}.idea-path li.on .n{background:var(--pink);color:var(--on-accent)}.idea-path li.done .n{background:color-mix(in srgb,var(--green) 25%,transparent);color:var(--green)}.idea-path.compact ol{grid-template-columns:1fr;gap:6px}.idea-path.compact li{padding:7px 10px}@media (max-width:760px){.idea-path ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.idea-path ol{grid-template-columns:1fr}}.footer-top{max-width:1200px;margin:0 auto 22px;flex-wrap:wrap;justify-content:space-between;gap:12px}.footer-top,.palette-picker{display:flex;align-items:center}.palette-picker{gap:6px;font-size:12px}.palette-picker button{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px;cursor:pointer;font-weight:600}.palette-picker button:hover{color:var(--ink);border-color:var(--line-2)}.palette-picker button.on{color:var(--ink);border-color:var(--pink)}.palette-picker .dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 1px var(--line-2)}.btn.osu{background:var(--osu);border-color:var(--osu);color:#fff}.btn.osu:hover{filter:brightness(1.06);color:#fff}.palette-picker .dot-sky{background:linear-gradient(135deg,#e8f5ff 45%,#5cc4ff 0)}.palette-picker .dot-ocean{background:#2fd6c6}.palette-picker .dot-ember{background:#ff7a59}.palette-picker .dot-mono{background:linear-gradient(90deg,#fff 50%,#ff4040 0)}.palette-picker .dot-osu{background:#ff66aa}.footer .report-problem{max-width:1200px;margin:0;display:flex;align-items:center;gap:6px;width:-moz-fit-content;width:fit-content;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-weight:600}.footer .report-problem:hover{border-color:var(--pink)}.footer .fine{max-width:1200px;margin:24px auto 0;color:var(--faint);font-size:11.5px}@media (max-width:800px){.footer .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative;overflow:hidden}.card,.card.flat{background:var(--panel)}.card.pad-0{padding:0}.card.glow-gold{border-color:color-mix(in srgb,var(--gold) 35%,var(--line))}.card.glow-pink{border-top:2px solid var(--pink)}.card.glow-red{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.card.glow-green{border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.kicker{font:700 15px var(--display);color:var(--ink);margin-bottom:2px}.kicker.small{font:600 12.5px var(--font);color:var(--muted)}.section-title{font-size:17px;font-weight:700;margin-bottom:2px}.sub{color:var(--muted);font-size:12.5px}.empty a:not(.btn),.hint a,.sub a:not(.btn){color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.empty a:not(.btn):hover,.hint a:hover,.sub a:not(.btn):hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack>*+*{margin-top:12px}.grid{display:grid;grid-gap:16px;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.span2{grid-column:span 2}@media (max-width:1000px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g-main{grid-template-columns:1fr}}@media (max-width:680px){.g2,.g3,.g4{grid-template-columns:1fr}.span2{grid-column:auto}.page{padding:16px 16px 60px}.topbar{padding:10px 16px;gap:10px;flex-wrap:wrap;height:auto}.search input,.topbar .right{width:100%}.topbar .right .search{flex:1 1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel-2);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{border-color:var(--muted);color:var(--ink);background:var(--panel-3)}.btn.primary{background:var(--pink);border-color:var(--pink);color:var(--on-accent)}.btn.primary:hover{background:var(--pink-3);border-color:var(--pink-3);color:var(--on-accent)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#2a1f00}.btn.ghost{background:transparent}.btn.small{padding:5px 12px;font-size:12px}.btn.danger{border-color:color-mix(in srgb,var(--red) 50%,transparent);color:var(--red);background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--panel-3);color:var(--ink-2);border:1px solid transparent;white-space:nowrap}.pill.live{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.pill.live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1.4s infinite}.pill.green{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.pill.gold{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--gold)}.pill.pink{background:color-mix(in srgb,var(--pink) 14%,transparent);color:var(--pink-2)}.pill.cyan,.pill.purple{background:var(--panel-3);color:var(--ink-2)}.pill.red{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red)}.pill.demo{background:transparent;color:var(--muted);border:1px solid var(--line-2);font-size:9.5px;letter-spacing:.06em;padding:0 6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.stars{color:var(--gold);white-space:nowrap}.pp,.stars{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pp{color:var(--pp)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.up{color:var(--green)}.down{color:var(--red)}.big{font:800 28px/1.2 var(--display);letter-spacing:-.01em}.huge{font:800 clamp(28px,4.4vw,42px)/1.1 var(--display);letter-spacing:-.015em}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.faint{color:var(--faint)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background:var(--panel-3);flex:none;border:1px solid var(--line-2);display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--ink-2);overflow:hidden}.avatar.lg{width:76px;height:76px;font-size:26px;border-radius:50%;box-shadow:0 0 0 3px var(--panel),0 0 0 5px var(--pink)}.avatar.md{width:44px;height:44px;font-size:16px}.avatar.sm{width:24px;height:24px;font-size:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:0;gap:0}.stat{padding:4px 16px;border-left:1px solid var(--line)}.stat:first-child{border-left:0;padding-left:0}.stat .l{font:500 12px var(--font);color:var(--muted)}.stat .v{font:800 22px var(--display)}.stats.five{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.stats.compact{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.stats.compact .stat{padding:2px 12px}.stats.compact .stat .v{font:700 16px var(--display)}.stat .d{font-size:11px;font-weight:700;margin-left:6px}.list{flex-direction:column}.li,.list{display:flex}.li{align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);min-width:0}.li:first-child{border-top:0}.li .rk{width:22px;text-align:center;font:800 14px var(--display);color:var(--muted);flex:none}.li .rk.r1{color:var(--pink)}.li .rk.r2{color:#cfd6e6}.li .rk.r3{color:#e0915b}.li .grow{flex:1 1;min-width:0}.li .name{font-weight:700}.li .meta{font-size:11.5px;color:var(--muted)}.li .val{text-align:right;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.li .val small{display:block;font-size:11px;color:var(--muted);font-weight:500}table.t{width:100%;border-collapse:collapse;font-size:13px}table.t th{text-align:left;font:600 12px var(--font);color:var(--muted);padding:8px 10px;white-space:nowrap}table.t td,table.t th{border-bottom:1px solid var(--line)}table.t td{padding:10px;vertical-align:middle}table.t tr:hover td{background:var(--panel-2)}table.t td.r,table.t th.r{text-align:right}.tablewrap,.tabs{overflow-x:auto}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);max-width:100%;scrollbar-width:none}.tabs a,.tabs button{position:relative;padding:10px 12px;font-weight:600;font-size:14px;color:var(--muted);background:transparent;border:0;cursor:pointer;white-space:nowrap}.tabs a.on,.tabs a:hover,.tabs button.on{color:var(--ink)}.tabs a.on:after,.tabs button.on:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--pink)}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--panel);border:1px solid var(--line)}.seg a{padding:3px 11px;font-size:12px;font-weight:600;border-radius:999px;color:var(--muted)}.seg a.on,.seg a:hover{color:var(--ink)}.seg a.on{background:var(--panel-3)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field label{font-size:12px;font-weight:700;color:var(--ink-2)}.field .hint{font-size:11.5px;color:var(--muted)}.input,input[type=datetime-local],input[type=number],input[type=search],input[type=text],input[type=url],select,textarea{width:100%;padding:9px 11px;border-radius:10px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink)}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--pink);outline-offset:0;border-color:transparent}.toggle{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line)}.toggle:first-of-type{border-top:0}.toggle input[type=checkbox]{width:38px;height:22px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:var(--line-2);position:relative;cursor:pointer;flex:none;transition:background .15s}.toggle input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input[type=checkbox]:checked{background:var(--pink)}.toggle input[type=checkbox]:checked:after{transform:translateX(16px)}.notice{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:11px 14px;font-size:13px;color:var(--ink-2)}.notice.warn{border-color:rgba(245,197,66,.4);background:rgba(245,197,66,.06);color:var(--gold-2)}.notice.err{border-color:rgba(255,92,122,.45);background:rgba(255,92,122,.07);color:#ffb3c2}.notice.ok{border-color:rgba(62,207,142,.4);background:rgba(62,207,142,.06);color:#a6f0cd}.empty{text-align:center;padding:28px 12px;color:var(--muted);font-size:13px}.empty b{display:block;color:var(--ink-2);font-size:14px;margin-bottom:4px}.hero{position:relative;border-radius:14px;padding:36px;overflow:hidden;border:1px solid var(--line);background:var(--hero-wash,none),var(--panel)}.hero:after{content:"";position:absolute;inset:0 0 0 35%;pointer-events:none;opacity:.22;background:var(--pink);-webkit-mask:url(/contours.svg) right center/cover no-repeat;mask:url(/contours.svg) right center/cover no-repeat}:root[data-theme=light] .hero:after{opacity:.16}.hero>*{position:relative;z-index:1}.ticker{display:flex;gap:22px;overflow:hidden;white-space:nowrap;font-size:12.5px;color:var(--ink-2);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ticker .track{display:inline-flex;gap:28px;animation:scroll 60s linear infinite}.ticker:hover .track{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.pill.live:before,.ticker .track{animation:none}}.feed-item{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);align-items:flex-start}.feed-item:first-child{border-top:0}.feed-item .ico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--panel-3);flex:none;font-size:14px}.feed-item .t{font-weight:600;line-height:1.35}.feed-item .b{color:var(--muted);font-size:12.5px}.feed-item.hot .ico{box-shadow:0 0 0 2px var(--pink)}.feed-item.new{animation:flash 1.2s ease-out}@keyframes flash{0%{background:color-mix(in srgb,var(--pink) 12%,transparent)}to{background:transparent}}.hl{display:flex;gap:16px;min-height:104px;align-items:center}.hl .art{width:72px;height:72px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--panel-3);position:relative;overflow:hidden;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--ring,var(--line-2))}.hl .art img{width:100%;height:100%;object-fit:cover}.hl .art .em{font:800 20px var(--display);color:var(--ink-2)}.hl .body{flex:1 1;min-width:0;display:flex;flex-direction:column}.hl .lbl{font:600 12px var(--font);color:var(--muted)}.hl .ttl{font:700 16px/1.3 var(--display);margin:2px 0 4px}.hl .foot{margin-top:6px;display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--muted)}.tone-gold,.tone-pink{--ring:var(--pink)}.tone-green{--ring:var(--green)}.tone-cyan{--ring:var(--cyan)}.tone-purple{--ring:var(--purple)}.tone-red{--ring:var(--red)}.tone-orange{--ring:var(--orange)}.hl.big{min-height:150px}.hl.big .art{width:88px;height:88px}.hl.big .ttl{font-size:22px}.bracket{display:flex;gap:28px;overflow-x:auto;padding:8px 2px 16px}.bracket .col{display:flex;flex-direction:column;justify-content:space-around;gap:14px;min-width:210px}.bracket .colh{font:600 12px var(--font);color:var(--muted);margin-bottom:4px;text-align:center}.bm{border:1px solid var(--line-2);border-radius:10px;background:var(--panel);overflow:hidden;font-size:12.5px;position:relative;display:block}.bm:hover{border-color:var(--pink);color:inherit}.bm.live{border-color:var(--red);box-shadow:0 0 0 1px rgba(255,92,122,.3)}.bm .side{display:flex;justify-content:space-between;gap:8px;padding:6px 10px}.bm .side+.side{border-top:1px solid var(--line)}.bm .side.w{font-weight:800}.bm .side.w .sc{color:var(--pink)}.bm .side.l{color:var(--muted)}.bm .side .sc{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}.bm .tag{position:absolute;top:-1px;right:-1px;font-size:9px;padding:1px 6px;border-radius:0 10px 0 8px;background:var(--panel-3);color:var(--muted);font-weight:700}.bm.bye{opacity:.45}.oddsbar{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--line)}.oddsbar span{display:block;height:100%}.outcome{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--panel);width:100%;text-align:left}.outcome.picked{border-color:var(--pink);box-shadow:0 0 0 1px var(--pink)}.outcome.won{border-color:var(--green)}.outcome .odds{font:800 20px var(--display);color:var(--ink)}.heat{display:grid;grid-template-columns:40px repeat(24,minmax(0,1fr));grid-gap:3px;gap:3px;font-size:10px;color:var(--muted)}.heat .c{aspect-ratio:1;border-radius:3px;background:var(--panel-3)}.heat .d{display:flex;align-items:center;font-weight:700}.prose{font:400 16.5px/1.7 "Source Serif 4",Georgia,serif;color:var(--ink-2)}.prose h3{font:700 19px var(--display);color:var(--ink);margin:28px 0 10px}.prose h4{font:700 15px var(--display);color:var(--ink-2);margin:20px 0 8px}.prose p{margin:0 0 14px}.prose ol,.prose ul{padding-left:22px;margin:0 0 14px}.prose li{margin-bottom:7px}.prose strong{color:var(--ink)}.prose a{color:var(--pink-2)}.prose a.xref{border-bottom:1px dotted var(--pink-2)}.prose sup.cite a{font:700 10px var(--font);color:var(--cyan);padding:0 1px}.prose sup.cite span{font-size:10px;color:var(--muted)}.prose .tablewrap{margin:16px 0}.prose table{width:100%;border-collapse:collapse;font:400 13.5px/1.5 var(--font)}.prose td,.prose th{border:1px solid var(--line-2);padding:8px 10px;text-align:left;vertical-align:top}.prose th{background:var(--panel-3);color:var(--ink)}.prose p.note{color:var(--muted);font-style:italic;border-left:3px solid var(--line-2);padding-left:12px}.prose .box{border-left:4px solid;border-radius:0 12px 12px 0;padding:12px 16px 4px;margin:18px 0;font-size:15.5px}.prose .box .boxhead{font:700 13px var(--display);margin-bottom:6px}.prose .box.check{background:rgba(62,207,142,.07);border-color:var(--green)}.prose .box.check .boxhead{color:var(--green)}.prose .box.take{background:rgba(255,159,67,.07);border-color:var(--orange)}.prose .box.take .boxhead{color:var(--orange)}.prose .box.drill{background:rgba(58,208,224,.07);border-color:var(--cyan)}.prose .box.drill .boxhead{color:var(--cyan)}.prose .box.note{background:var(--panel-2);border-color:var(--faint)}.tier{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font:800 11px var(--font);color:#fff;flex:none}.bar{height:6px;background:var(--line);overflow:hidden}.bar,.bar>span{border-radius:99px}.bar>span{display:block;height:100%;background:var(--pink)}.skill.subskill{padding:1px 0 3px;font-size:12px}.skill,.skill.subskill{grid-template-columns:110px 1fr 40px}.skill{display:grid;grid-gap:10px;gap:10px;align-items:center;padding:6px 0}details.explain summary{cursor:pointer;font-size:11.5px;color:var(--muted);list-style:none}details.explain summary::-webkit-details-marker{display:none}details.explain[open] summary{color:var(--ink-2)}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--line-2)}.timeline .ev{position:relative;padding:0 0 16px}.timeline .ev:before{content:"";position:absolute;left:-19px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 3px var(--bg)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dist{width:100%;border-collapse:collapse;font-size:12.5px}.dist th{font-weight:500;text-align:left;white-space:nowrap;padding:3px 10px 3px 0;color:var(--ink-2);width:1%}.dist td{padding:3px 0}.dist td.num{width:1%;padding-left:10px;text-align:right;color:var(--muted);white-space:nowrap}.dist .bar{height:8px}.hours{display:flex;align-items:flex-end;gap:2px;height:120px;border-bottom:1px solid var(--line)}.hours>span{flex:1 1;background:var(--cyan);border-radius:3px 3px 0 0;min-width:0;opacity:.85}.hours>span:hover{opacity:1}.hours-axis{display:flex;justify-content:space-between;font-size:11px;margin-top:4px}.bands td:first-child{white-space:nowrap}@media (max-width:640px){.bands .barcol{display:none}.bands td,.bands th{padding-left:6px;padding-right:6px}}.nav{min-width:0;flex:1 1 auto}.g-read{grid-template-columns:minmax(0,1fr) 300px}@media (max-width:1000px){.g-read{grid-template-columns:1fr}.g-read aside{position:static!important;max-height:none!important}}@media (max-width:680px){.nav{order:3;width:100%;flex-basis:100%;height:40px}.btn{white-space:normal}.hero{padding:18px}}@media (max-width:1000px){.g-main{grid-template-columns:minmax(0,1fr)}}@media (max-width:680px){.g-read,.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}}.seg{flex-wrap:wrap;max-width:100%}.grid>*{min-width:0}.newslist a{color:var(--pink-2);border-bottom:1px dotted var(--pink-2)}.votes{display:inline-flex;flex-direction:column;align-items:center;gap:2px;min-width:40px}.votes.h{flex-direction:row;gap:6px;min-width:0}.vote{width:28px;height:24px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line-2);background:var(--panel-3);color:var(--muted);font-size:11px;cursor:pointer;padding:0}.vote:hover{color:var(--ink);border-color:var(--ink-2)}.vote.on-up{background:color-mix(in srgb,var(--pink) 16%,transparent);border-color:var(--pink);color:var(--pink)}.vote.on-down{background:rgba(90,140,255,.16);border-color:#6f8fff;color:#8fa8ff}.vscore{font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vscore.up{color:var(--pink)}.vscore.down{color:#8fa8ff}.grade{display:inline-grid;place-items:center;min-width:28px;font:800 14px var(--display)}.grade.g-SS,.grade.g-SSH,.grade.g-X,.grade.g-XH{color:#ffd966}.grade.g-SSH,.grade.g-XH{color:#e8eef7}.grade.g-S,.grade.g-SH{color:#ffcc22}.grade.g-SH{color:#e8eef7}.grade.g-A{color:#88da20}.grade.g-B{color:#3dbde8}.grade.g-C{color:#cc66ff}.grade.g-D{color:#ff5a5a}:root[data-theme=light] .grade.g-SS,:root[data-theme=light] .grade.g-X{color:#b98a00}:root[data-theme=light] .grade.g-S{color:#c27c00}:root[data-theme=light] .grade.g-A{color:#4f8f12}:root[data-theme=light] .grade.g-SH,:root[data-theme=light] .grade.g-SSH,:root[data-theme=light] .grade.g-XH{color:#6b7785}:root[data-theme=light] .grade.g-B{color:#1f8fbf}.mods{display:inline-flex;gap:3px;flex-wrap:wrap}.mod{font:800 10px/1 var(--display);padding:3px 5px;border-radius:5px;color:#1b1418;background:#c9c1c6;letter-spacing:.02em}.mod.m-inc{background:#ff9a74}.mod.m-red{background:#a8e27a}.mod.m-auto{background:#b39cff}.mod.m-fun{background:#ff8fc2}@media (max-width:680px){.big{font-size:22px}.huge{font-size:28px}.hero{padding:22px}}.welcome-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:8px 28px;border-bottom:1px solid var(--line);background:var(--bg-2);font-size:13px}.welcome-strip a{color:var(--pink);font-weight:600}.welcome-x{margin-left:auto;background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}.welcome-x:hover{color:var(--ink)}@media (max-width:680px){.welcome-strip{padding:8px 16px}}.roster-band{position:relative;height:130px;background:linear-gradient(115deg,var(--band) 0 62%,color-mix(in srgb,var(--band) 55%,#000) 62% 100%);display:grid;place-items:center}.roster-num{position:absolute;left:12px;top:8px;font:900 28px var(--display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.roster-emblem{position:absolute;right:10px;top:8px;opacity:.9}.roster-art{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@media (max-width:680px){.beta-tag{margin-left:0}.stats,.stats.five{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}.stats .stat{border-left:0;padding-left:0}.stats .stat:nth-child(2n){border-left:1px solid var(--line);padding-left:12px}.stats.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stats.compact .stat:nth-child(2n){border-left:0;padding-left:0}.stats.compact .stat:not(:nth-child(3n+1)){border-left:1px solid var(--line);padding-left:10px}.week-card{flex-direction:column;align-items:stretch;gap:10px!important}.week-card .stats{flex:none;width:100%}}.hero-find input{flex:1 1;min-width:200px;max-width:320px;padding:11px 14px;font-size:15px}@media (max-width:680px){.welcome-strip{flex-wrap:nowrap;padding:6px 16px}.welcome-strip .welcome-long{display:none}.bell,.topbar .right .btn.small,.topbar .right button,.welcome-x{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.faint{font-size:max(12px,1em)}}