/* Gothic-kawaii accents, with an adult manga cast. */
:root{--bg:#160f1c;--panel:#24182b;--ink:#fff3f8;--muted:#c5aec8;--acid:#ff9ed0;--purple:#c49aff;--line:#55364f;--pink:#ff86c6}
body{background:radial-gradient(ellipse at 90% 0%,#52214a55,transparent 36%),var(--bg)}
.topline{background:#ffc5e3}.brand-icon{border-radius:5px}.button{border-radius:7px}.button.acid:hover{background:#ffd3e9}.button.acid{box-shadow:3px 3px 0 #09060d}.button.outline{color:var(--ink)}
header{flex-wrap:wrap}nav a{padding:10px 14px}nav a[aria-current=page]{color:var(--acid);background:#ff9ed015;border:1px solid #ff9ed045;border-radius:7px}nav a:first-child{display:block}
.hero-copy{position:relative}.hero-copy:after{content:'♡';position:absolute;top:5px;right:10px;color:#ff9ed035;font:80px Georgia;transform:rotate(16deg);pointer-events:none}.hero h1 em{color:var(--acid)}.hero-body{font-size:16px;max-width:510px}.hero-lead{font-size:22px}.hero{padding-bottom:35px}.community-note{font-size:11px;line-height:1.7}.community-note span{display:inline}.mystery-panel{border-color:#eab3ff;border-radius:12px 12px 2px 12px;box-shadow:8px 8px 0 #5b2d55}.mystery-panel .host{filter:none}.mystery-panel.revealed .host{filter:none}.panel-stamp{border-color:#ffbde2;color:#ffdcf0;background:#3b184273}.panel-corner{background:#190e2599;padding:5px 8px;border-radius:3px}.mystery-caption{background:#1c1025f5}.marquee{background:#ffb6da}
.how-to{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 4% 38px;max-width:1600px;margin:auto}.how-to>a,.how-to>button{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(140deg,#3d2241,#24182b);border:1px solid #774565;padding:24px 22px;border-radius:12px;text-align:left;color:var(--ink);font:inherit}.how-to>a:hover,.how-to>button:hover{border-color:var(--acid);background:#3b2340}.step-icon{color:var(--acid);font:35px/1 Georgia}.how-to small{font:10px var(--mono);color:var(--acid);letter-spacing:.7px}.how-to h2{font:700 29px/1.2 var(--display);margin:7px 0}.how-to p{font-size:14px;color:var(--muted)}
.community-letter{border:1px solid #97618c;background:linear-gradient(145deg,#452541,#21162a);padding:30px 25px;border-radius:18px 18px 5px 18px;position:sticky;top:25px;text-align:center;box-shadow:5px 5px 0 #110b15}.letter-heart{display:block;font:65px/.9 Georgia;color:var(--acid);margin-bottom:18px}.community-letter .kicker{font-size:10px;color:var(--acid)}.community-letter h2{font-size:37px;line-height:1.05;margin:20px 0}.community-letter h2 em{color:var(--acid)}.community-letter p{font-size:14px;color:var(--muted);line-height:1.8}.community-letter .button{margin:23px 0;font-size:11px}.community-letter small{display:block;font-size:12px;line-height:1.7;color:var(--muted)}
.post-card{border-radius:12px;overflow:hidden;background:linear-gradient(150deg,#2d1c35,#201627)}.post-rank{background:#29152d;border-color:#ffb6da;border-radius:5px;color:var(--acid)}.post-content h3{font-size:27px}.post-body{font-size:14px}.post-author{font-size:11px}.post-extra{font-size:12px}.vote{border-radius:6px;font-size:12px}.discuss-button{display:block;width:100%;margin:12px 0 4px;text-align:left;background:#ff9ed010;border:1px solid #ff9ed030;color:#ffd3e9;padding:10px;border-radius:6px;font-size:12px;line-height:1.5}.discuss-button:hover{background:#ff9ed025}.empty-state{border-radius:14px;background:radial-gradient(ellipse at center,#452241,transparent)}.empty-mark{color:#ffb6da}
.ranking-page{max-width:1400px;margin:auto;padding:40px 5% 65px;min-height:75vh}.ranking-hero{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:25px 0 40px}.ranking-hero h1{font-size:clamp(65px,7vw,105px);margin:20px 0}.ranking-hero h1 em{white-space:normal}.ranking-hero p{color:var(--muted);font-size:18px}.crown-art{flex:0 0 220px;text-align:center;font:180px/.9 Georgia;color:var(--acid);transform:rotate(8deg);text-shadow:6px 6px #693855}.crown-art span{font:700 15px/1.4 var(--mono);display:block;margin-top:15px;letter-spacing:2px;text-shadow:none}.ranking-summary{display:flex;align-items:center;gap:45px;padding:24px 30px;background:#3f2344;border:1px solid #9c668e;border-radius:12px}.ranking-summary>div{flex:1}.ranking-summary b{font:800 47px/1 var(--display);display:block;color:var(--acid)}.ranking-summary span{font:11px var(--mono);display:block;margin-top:7px}.ranking-summary .button{font-size:11px}.ranking-controls{margin:35px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.ranking-controls .tabs{flex-shrink:0}.ranking-controls .tabs button{font-size:13px;padding:18px 0}.ranking-controls>p{font-size:13px;color:var(--muted);max-width:480px;padding:12px 0}.ranking-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ranking-grid .post-image-wrap{aspect-ratio:1/1}.ranking-grid .post-rank{font:800 32px var(--display);padding:5px 13px;background:#28152e}.ranking-metric{font:700 11px var(--mono);color:var(--acid);margin-bottom:13px}.ranking-grid .post-content{padding:22px}.podium-card:first-child{border:2px solid var(--acid)}.podium-card:first-child .post-rank{background:var(--acid);color:#2a1429}.ranking-footnote{font-size:13px;line-height:1.8;color:var(--muted);margin:30px auto 0;max-width:850px;text-align:center}
dialog{border-color:#c184b5;border-radius:15px;background:#24182b}html:has(dialog[open]){overflow:hidden}.opening[open]{display:grid;grid-template-columns:1fr 1.05fr;padding:0;max-width:1050px;width:calc(100% - 40px);max-height:90dvh;overflow:auto;border:1px solid #e4a0d2;box-shadow:0 0 90px #c35c9825;background:#25172d;isolation:isolate}.opening-art{position:relative;min-height:550px;overflow:hidden;background:#4d2160}.opening-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}.opening-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#140a2acc,transparent 55%)}.opening-sticker{position:absolute;z-index:1;bottom:28px;left:25px;padding:12px 15px;border:1px solid #ffb3df;color:#ffd0ec;background:#28152dda;font:700 12px/1.5 var(--mono);transform:rotate(-5deg)}.opening-copy{padding:55px 40px 30px;background:radial-gradient(ellipse at top right,#7e3f6466,transparent 75%)}.opening-copy .kicker{color:var(--acid)}.opening-copy h2{font:900 clamp(42px,4.9vw,68px)/.98 var(--display);margin:25px 0}.opening-copy h2 em{color:var(--acid);font-style:italic}.opening-copy>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:340px}.opening-steps{display:flex;gap:13px;flex-wrap:wrap;font:700 11px var(--mono);color:#ffd4e9;margin:22px 0}.opening-steps span{color:#d3aaff}.opening-copy .button{width:100%;margin:7px 0 16px;font-size:12px}.opening-copy>small{display:block;color:#bca2bc;font-size:11px;margin-top:12px}#opening-status{display:block;color:var(--muted);font-size:12px;line-height:1.6}.opening-skip{position:absolute;right:15px;top:13px;background:#29152deb;border:1px solid #ae6e9d;color:var(--ink);padding:7px 11px;border-radius:5px;font-size:12px;z-index:4}.opening::backdrop{background:#0d0812f5;backdrop-filter:blur(12px)}
.opinion-note{font-size:13px;color:var(--muted);margin:18px 0}#opinion-list{max-height:35vh;overflow:auto;margin:15px 0}.opinion{background:#1a111f;border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:12px}.opinion>b{color:var(--acid);font-size:13px}.opinion p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.opinion-empty{font-size:14px;color:var(--muted);padding:15px 0}#opinion-form{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}#opinion-form label{margin-bottom:13px}#opinion-more{font-size:11px;padding:10px}
@media(max-width:1100px){.how-to>a,.how-to>button{padding:20px 15px;gap:10px}.how-to small{font-size:9px}.how-to h2{font-size:26px}.how-to p{font-size:13px}.ranking-summary{gap:25px}.crown-art{flex-basis:160px;font-size:135px}.opening-copy{padding:50px 30px 28px}.opening-art{min-height:530px}.ranking-controls{align-items:start}.ranking-controls .tabs button{font-size:11px}.ranking-controls>p{font-size:12px}}
@media(max-width:800px){header nav{display:flex;order:3;width:100%;margin:0;justify-content:center;gap:15px;border-top:1px solid var(--line);padding-top:13px}header{row-gap:16px}nav a{font-size:14px}nav .text-button{font-size:13px}.hero{grid-template-columns:1.05fr 1fr}.hero-lead{font-size:18px}.hero-body{font-size:14px}.how-to{padding:0 5% 30px;gap:10px}.how-to>a,.how-to>button{display:block;padding:17px 13px}.step-icon{display:block;font-size:28px;margin-bottom:12px}.how-to h2{font-size:25px}.community-letter{position:static;text-align:left}.letter-heart{float:right;font-size:60px}.community-letter h2{font-size:39px}.community-letter .button{margin:20px 0}.ranking-summary{flex-wrap:wrap}.ranking-summary>.button{width:100%}.ranking-hero h1{font-size:65px}.crown-art{flex-basis:120px;font-size:110px}.crown-art span{font-size:11px}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-controls{display:block}.ranking-controls>p{padding:0 0 16px}.opening[open]{max-width:660px}.opening-art{min-height:500px}.opening-copy{padding:50px 24px 25px}.opening-copy h2{font-size:46px}.opening-copy>p{font-size:15px}.opening-copy .button{font-size:10px;padding:14px 10px}.opening-sticker{font-size:10px;left:15px}.opening-steps{font-size:10px;gap:8px}}
@media(max-width:560px){header{padding:18px 5% 14px}.hero-copy:after{font-size:60px;right:0}.hero h1{font-size:clamp(78px,16.5vw,100px)}.hero-body{max-width:none;font-size:15px}.community-note{display:block;font-size:9px}.how-to{grid-template-columns:1fr;gap:10px}.how-to>a,.how-to>button{display:flex;padding:17px;gap:18px}.step-icon{font-size:34px;margin:5px 0 0;width:28px;flex-shrink:0}.how-to small{font-size:10px}.how-to h2{font-size:27px;margin:4px 0}.how-to p{font-size:13px}.community-letter .kicker{font-size:10px}.community-letter h2{font-size:37px}.post-content h3{font-size:24px}.post-body{font-size:13px}.vote{font-size:10px}.post-author{font-size:10px}.discuss-button{font-size:11px;padding:9px}.post-extra{font-size:11px}.ranking-page{padding:22px 5% 45px}.ranking-hero{padding:15px 0 25px;gap:10px}.ranking-hero h1{font-size:clamp(48px,11vw,64px);line-height:.95}.ranking-hero p{font-size:15px}.crown-art{flex-basis:55px;font-size:64px;align-self:start;margin-top:30px}.crown-art span{display:none}.ranking-summary{padding:20px;gap:20px 15px}.ranking-summary b{font-size:37px}.ranking-summary span{font-size:9px}.ranking-summary>div{min-width:25%}.ranking-controls{margin-top:20px}.ranking-controls .tabs{gap:22px}.ranking-controls .tabs button{font-size:11px}.ranking-controls>p{font-size:12px}.ranking-grid{gap:13px}.ranking-grid .post-content{padding:12px}.ranking-metric{font-size:9px}.ranking-grid .post-rank{font-size:24px}.ranking-footnote{font-size:12px}.opening[open]{display:flex;flex-direction:column;width:calc(100% - 24px);max-height:94dvh;border-radius:13px}.opening-art{min-height:215px;max-height:240px;flex-shrink:0}.opening-art img{object-position:center 30%}.opening-copy{padding:23px 25px;background:#2d1a33}.opening-copy h2{font-size:44px;margin:14px 0;line-height:.95}.opening-copy h2 br:nth-of-type(1){display:none}.opening-copy>p{font-size:14px;max-width:none}.opening-steps{margin:15px 0 9px}.opening-copy .button{font-size:11px;margin-bottom:10px}.opening-copy>small{font-size:10px;margin-top:8px}#opening-status{font-size:11px}.opening-sticker{bottom:17px;font-size:9px;padding:8px 11px}.opening-copy .kicker{font-size:10px}.opening-skip{font-size:11px}.opening-copy h2 em br{display:none}nav .text-button{display:none}nav a{min-width:120px;text-align:center}}
@media(prefers-reduced-motion:no-preference){.opening[open]{animation:intro-arrive .3s ease-out}@keyframes intro-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}