/* Pastel manga editorial: ink plum, lilac, blush, mint and peach. */
.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#17121feb,#17121fe3 45%,#17121ffc),url('/unclaimed-crown.png') center 45%/cover;opacity:.8}
.ranking-hero:before{content:'';position:absolute;inset:-18px;z-index:-1;background:linear-gradient(90deg,#17121ff5 0%,#23182be8 38%,#2d1c3838 74%,#28193045),url('/unclaimed-crown.png') center 22%/cover}.ranking-hero .crown-art{visibility:hidden}
.manifesto-illustration{position:relative;overflow:hidden;align-self:stretch;background:#282033}.manifesto-art{display:block;width:100%;height:100%;min-height:400px;object-fit:cover;object-position:center}.manifesto-illustration>span{position:absolute;left:20px;bottom:18px;right:20px;background:#211529dd;color:#f5d7ed;padding:10px 13px;font:11px var(--mono);letter-spacing:1px;border:1px solid #edc6ec5c}.manifesto-copy{padding:46px 35px;align-self:center}.manifesto-copy .button{max-width:100%}
:root{--bg:#17121f;--panel:#241d30;--ink:#fff4fb;--muted:#c6b9d0;--acid:#f6acd5;--purple:#d59af6;--pink:#f491bc;--line:#51415b;--mint:#b6f3d4;--peach:#ffd2b0}
body{background:radial-gradient(ellipse at 5% 5%,#8663a121,transparent 28%),radial-gradient(ellipse at 100% 20%,#72d6d014,transparent 30%),#17121f}
.topline{background:#dca5f6;color:#24152e;letter-spacing:1.2px;padding-block:9px}header{border-color:#dfb6f02b;padding-block:25px}.brand-icon{border-color:var(--mint);color:var(--mint);box-shadow:4px 4px 0 #c184d229}.brand-period{color:var(--mint)}.wordmark{letter-spacing:.2px}nav a[aria-current=page]{color:var(--mint);background:#b6f3d40a;border-color:#b6f3d442}.header-actions .acid{background:var(--mint);border-color:var(--mint);color:#172923}.header-actions .acid:hover{background:#d4ffe8}.x-link{border-color:#b5a0c5;border-radius:50%}
.hero{gap:4.5%;padding-top:52px;padding-bottom:50px}.hero h1{letter-spacing:-2px;line-height:.86}.hero h1 em{color:var(--acid);text-shadow:3px 3px 0 #5b345f}.chapter{color:var(--mint);letter-spacing:1px}.chapter>span{border-color:#b6f3d46b;color:var(--mint)}.hero-lead{margin-top:25px}.hero-lead strong{color:var(--peach)}.hero-body{color:#cbbdd3;line-height:1.8;margin-top:18px}.hero-copy:after{color:#d19dec32;font-size:105px;right:3%;top:0}.community-note{color:#b8a7c2}.community-note span{color:var(--mint)}
.mystery-panel{border:1px solid #c5a4da;border-radius:100px 12px 100px 12px;box-shadow:12px 14px 0 #2d2039,13px 15px 0 #977aab55}.mystery-panel .host{object-position:center 25%}.panel-corner{left:28px;top:24px;color:var(--mint);background:#241831df;border:1px solid #b6f3d437;letter-spacing:1px}.panel-stamp{color:#2d2233;border-color:#ffd5bc;background:var(--peach);box-shadow:4px 4px 0 #27162e88}.mystery-caption{padding:22px 27px;background:linear-gradient(0deg,#19121ff5,#19121fc7);border-top:1px solid #f5d1ed33}.mystery-caption>span{color:#d3c0db}.mystery-caption button{color:#ffd0e9}
.button{border-radius:5px;letter-spacing:.4px}.button.acid{box-shadow:3px 4px 0 #07060a}.button:focus-visible,.receipt-button:focus-visible{outline-color:var(--mint)}.how-to{gap:18px;padding-bottom:46px}.how-to>a,.how-to>button{border-color:#9179a24d;background:#292033;border-radius:3px 20px 3px 20px;padding:25px 23px}.how-to>a:nth-child(2){background:#233031;border-color:#b6f3d438}.how-to>button{background:#352733;border-color:#ffd2b038}.how-to>a:nth-child(2) .step-icon,.how-to>a:nth-child(2) small{color:var(--mint)}.how-to>button .step-icon,.how-to>button small{color:var(--peach)}.how-to small{font-size:11px;line-height:1.6}.how-to p{line-height:1.7}
.marquee{background:#f8b9d8;border-block:1px solid #ffe4f1;box-shadow:0 10px 45px #e68db014}.marquee b{color:#735180}.section-heading .kicker{color:var(--mint);letter-spacing:1.2px}.section-heading h2{letter-spacing:-.5px}.post-card{border:1px solid #9b7fac45;background:#241c2e;box-shadow:0 12px 30px #08050c29;border-radius:3px 18px 3px 18px}.post-content{padding:20px}.post-content h3{color:#fff3fa;font-size:29px}.post-author{color:#b7a2c3}.post-body{color:#c9bad1;line-height:1.75}.post-rank{background:#ead4f2;color:#35223f;border-color:#ead4f2;box-shadow:3px 3px 0 #24132d77;border-radius:3px}.vote{background:#f6acd5;color:#26192e;border-color:#f6acd5;padding:12px}.vote:hover{background:#ffcee6;color:#26192e}.discuss-button{background:#b6f3d407;border-color:#b6f3d42e;color:#c5ebdb}.receipt-button{color:#ddc4f3;border-color:#a381b75c}.post-extra{color:#bba7c8}.tabs button.active{color:var(--mint);border-bottom-color:var(--mint)}
.community-letter{border-color:#ba92ca70;background:#2d2236;border-radius:60px 4px 60px 4px;padding:40px 27px;box-shadow:7px 8px 0 #0d091366}.letter-heart{color:var(--mint)}.community-letter .kicker{color:var(--peach)}.community-letter h2{font-size:43px}.community-letter h2 em{color:#e0b0ff}.community-letter p{font-size:15px}.community-letter small{font-size:13px}
.manifesto{margin:18px 4% 40px;border:1px solid #a77bb05c;border-radius:28px;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:65px 8%;background:#201529}.manifesto .kicker{color:var(--mint);letter-spacing:2px}.manifesto h2{font-size:clamp(40px,4.5vw,68px);line-height:1.02;text-shadow:0 3px 25px #0d0717}.manifesto h2 em{color:#ffd2e8}.manifesto p{font-size:17px;line-height:1.8;color:#ead9ef;max-width:540px;margin:22px 0}.manifesto .button{margin-top:7px}
.ranking-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #bc9fd65c;border-radius:25px 4px 25px 4px;padding:50px 35px;min-height:375px;margin-bottom:28px}.ranking-hero>div:first-child{position:relative;z-index:1}.ranking-hero h1{font-size:clamp(50px,5.7vw,84px)}.ranking-hero p{max-width:450px;color:#e2d1ea}.ranking-summary{border-color:#b7d6c33d;background:#222a2b}.ranking-summary b{color:var(--mint)}.ranking-controls .tabs{border-color:#aa88b733}.ranking-grid .post-rank{background:var(--mint);color:#233328}.ranking-metric{color:var(--mint)}
.opening[open]{border-color:#c79ce2}.opening-copy{background:radial-gradient(ellipse at 100% 0,#aa70b524,transparent 75%),#251c30}.opening-copy .kicker{color:var(--mint)}.opening-copy h2 em{color:#e1adff}.opening-steps{color:var(--peach)}.opening-sticker{background:#22172ee6;border-color:#b6f3d47a;color:var(--mint)}.live-ranking{background:#231a2eed;border-color:#c29dda70;box-shadow:0 12px 50px #08030c70}.live-toggle{background:#362742}.live-toggle strong{color:var(--mint)}.live-place,.live-ranking-link{color:var(--mint)}.receipt-card{border-top-color:var(--mint)}footer>.footer-brand{color:var(--mint)}
@media(max-width:1100px){.hero{gap:32px}.hero h1{font-size:clamp(76px,9vw,106px)}.how-to>a,.how-to>button{padding:21px 18px}.community-letter{padding:30px 22px}.ranking-hero{padding:40px 28px}.ranking-hero h1{font-size:65px}}
@media(max-width:800px){.hero{padding-top:36px;gap:25px}.hero h1{font-size:clamp(62px,9vw,80px)}.mystery-panel{border-radius:65px 10px 65px 10px}.panel-corner{left:18px;font-size:9px}.mystery-caption{padding:18px}.how-to>a,.how-to>button{padding:18px 14px}.how-to small{font-size:10px}.post-content{padding:15px}.post-content h3{font-size:26px}.ranking-hero{min-height:340px}.ranking-hero h1{font-size:60px}.manifesto{margin-inline:5%;padding:50px 6%}}
@media(max-width:560px){.hero{padding-top:28px;gap:32px}.hero h1{font-size:clamp(78px,17vw,100px);letter-spacing:-1.5px}.hero-lead{font-size:21px}.hero-body{font-size:16px;line-height:1.75}.hero-copy:after{font-size:65px;right:4px}.mystery-panel{min-height:410px;margin-right:8px;border-radius:85px 8px 85px 8px;box-shadow:7px 8px 0 #2d2039}.how-to{gap:13px;padding-bottom:32px}.how-to>a,.how-to>button{padding:21px}.how-to small{font-size:11px}.post-grid{gap:13px}.post-content{padding:13px 11px}.post-content h3{font-size:25px}.post-body{font-size:13px;line-height:1.7}.post-author{font-size:10px}.vote{font-size:11px;padding:10px 7px}.receipt-button,.discuss-button{font-size:12px}.community-letter{padding:30px 24px}.manifesto{min-height:430px;border-radius:18px;padding:45px 6%}.manifesto h2{font-size:44px}.manifesto p{font-size:15px}.ranking-hero{padding:30px 20px;min-height:370px}.ranking-hero h1{font-size:clamp(42px,10vw,57px)}.ranking-hero p{font-size:15px;max-width:250px}.ranking-hero .kicker{font-size:10px;max-width:240px;display:block}.ranking-summary{padding:20px 16px}.header-actions .button{letter-spacing:0}}
.manifesto{display:grid;grid-template-columns:1.1fr 1fr;padding:0;text-align:left;min-height:0;overflow:hidden;background:#292032}.manifesto:before{display:none}.manifesto h2{font-size:clamp(38px,4vw,60px)}.manifesto p{font-size:16px}.manifesto .kicker{font-size:11px;line-height:1.8}.manifesto-copy .button{font-size:11px;padding-inline:15px}
@media(prefers-reduced-motion:no-preference){.ranking-hero:before{transform:translate3d(0,var(--far-y),0) scale(1.07)}.manifesto-art{transform:translate3d(0,var(--depth-y),0) scale(1.06)}}
@media(max-width:800px){.manifesto{grid-template-columns:1fr}.manifesto-illustration{aspect-ratio:3/2}.manifesto-art{min-height:0}.manifesto-copy{padding:35px}.manifesto h2{font-size:50px}.ranking-hero:before{background-position:60% center}}
@media(max-width:560px){.manifesto-copy{padding:30px 24px}.manifesto h2{font-size:42px}.manifesto-illustration>span{font-size:9px;left:12px;right:12px;bottom:12px}.ranking-hero:before{background:linear-gradient(90deg,#20132cec,#20132cb5 65%,#20132c60),url('/unclaimed-crown.png') 70% center/cover}.hero:before{opacity:.5}}

/* Equal repeated tracks keep the ribbon filled at every viewport width. */
.marquee{padding:13px 0}.marquee-track{display:flex;width:max-content;animation:ribbon-loop 48s linear infinite}.marquee-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;gap:30px;padding:0 15px;white-space:nowrap;font:800 24px var(--display);letter-spacing:.6px}.marquee-group b{padding:0}.marquee-group span,.marquee-group b{flex-shrink:0}@keyframes ribbon-loop{to{transform:translateX(-50%)}}@media(max-width:560px){.marquee-group{font-size:21px;gap:24px;padding-inline:12px}}@media(prefers-reduced-motion:reduce){.marquee-track{width:100%;animation:none}.marquee-group{width:100%;min-width:0;flex-wrap:wrap;justify-content:center;gap:12px 22px;white-space:normal}.marquee-group:nth-child(2){display:none}}