:root{--ink:#12041f;--violet:#2a0757;--plum:#4b0f86;--magenta:#ff2ea6;--pink:#ff7bd5;--gold:#ffd23f;--cyan:#3ef0ff;--paper:#fff7e6;--muted:#fff7e69e;--display:"Anton", "Impact", "Arial Narrow Bold", sans-serif;--jp:"Dela Gothic One", "Hiragino Kaku Gothic StdN", "Yu Gothic", sans-serif;--body:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;color:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}body{background-color:#0000;background-image:radial-gradient(1200px 700px at 80% -10%,#ff2ea647,#0000 60%),radial-gradient(900px 600px at -10% 110%,#3ef0ff24,#0000 60%),linear-gradient(160deg,#1a0630 0%,#12041f 55%,#0b0214 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}button{font:inherit;cursor:pointer}a{color:var(--gold)}.app{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.muted{color:var(--muted)}.jp{font-family:var(--jp)}.topbar{z-index:20;justify-content:space-between;align-items:center;padding:14px clamp(14px,4vw,32px);display:flex;position:relative}.brand{color:var(--paper);font-family:var(--display);letter-spacing:.06em;background:0 0;border:0;font-size:22px}.brand span{color:var(--gold);margin-left:4px;font-size:16px}.filter-drawer{z-index:19;background:#12041fe6;border:1px solid #ffd23f4d;border-radius:16px;width:min(760px,94vw);margin:0 auto 8px;padding:12px 16px;animation:.25s ease-out drop;position:relative}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.arrow-btn{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:linear-gradient(100deg, var(--gold), #ffb000 45%, var(--pink));box-shadow:0 0 0 3px var(--ink), 0 0 0 5px var(--gold), 0 10px 40px #ff2ea673;border:0;border-radius:999px;padding:16px 30px;font-size:clamp(18px,2.4vw,22px);transition:transform .15s,box-shadow .2s,filter .2s;position:relative;overflow:hidden}.arrow-btn:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffffb3 50%,#0000 70%);animation:3.2s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{60%,to{transform:translate(120%)}}.arrow-btn:hover{transform:translateY(-2px)scale(1.02)}.arrow-btn:active{transform:scale(.97)}.arrow-btn:disabled{filter:grayscale(.8)brightness(.6);cursor:default}.arrow-icon{margin-right:10px;display:inline-block;transform:rotate(-20deg)}.ghost-btn{color:var(--paper);letter-spacing:.02em;background:0 0;border:1.5px solid #fff7e666;border-radius:999px;padding:12px 22px;font-weight:600;transition:border-color .2s,background .2s}.ghost-btn:hover{border-color:var(--gold);background:#ffd23f14}.ghost-btn.small{padding:7px 14px;font-size:13px}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:10px clamp(14px,4vw,40px) 40px;animation:.45s cubic-bezier(.2,.9,.3,1.2) screen-in;display:flex;position:relative}@keyframes screen-in{0%{opacity:0;transform:scale(.97)}}.kicker{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0;font-size:14px}.menacing{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.menacing span{font-family:var(--jp);color:var(--magenta);opacity:0;text-shadow:3px 3px 0 var(--ink), 0 0 18px #ff2ea699;transform:rotate(var(--rot));animation:5s ease-in-out infinite menace;position:absolute}.menacing.intense span{color:var(--pink)}@keyframes menace{0%{opacity:0;transform:translateY(14px) rotate(var(--rot)) scale(.9)}25%,60%{opacity:.22}40%{transform:translateY(-6px) rotate(var(--rot)) scale(1.05)}to{opacity:0;transform:translateY(-30px) rotate(var(--rot)) scale(1)}}.menacing.intense span{animation-name:menace-hard}@keyframes menace-hard{0%{opacity:0;transform:translate(0, 10px) rotate(var(--rot))}20%,70%{opacity:.38}30%{transform:translate(-2px, 0) rotate(var(--rot))}35%{transform:translate(2px, -2px) rotate(var(--rot))}to{opacity:0;transform:translate(0, -24px) rotate(var(--rot))}}.title-card{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:22px;width:min(760px,100%);display:flex;position:relative}.logo{flex-direction:column;align-items:center;margin:0;line-height:.85;display:flex}.logo-main{font-family:var(--display);letter-spacing:.02em;background:linear-gradient(180deg, #fff6c8 0%, var(--gold) 38%, #ff8a00 62%, var(--magenta) 100%);color:#0000;filter:drop-shadow(5px 5px 0 var(--ink)) drop-shadow(8px 8px 0 var(--magenta));-webkit-background-clip:text;background-clip:text;font-size:clamp(76px,15vw,168px);animation:3.5s ease-in-out infinite logo-pulse;transform:skew(-8deg)}@keyframes logo-pulse{50%{filter:drop-shadow(5px 5px 0 var(--ink)) drop-shadow(10px 10px 0 var(--cyan))}}.logo-jp{font-family:var(--jp);color:var(--paper);letter-spacing:.4em;text-shadow:3px 3px 0 var(--magenta);margin-top:10px;font-size:clamp(22px,4vw,34px)}.pitch{max-width:560px;color:var(--muted);margin:0;font-size:16px;line-height:1.55}.part-filter{border:0;width:100%;margin:6px 0 0;padding:0}.part-filter legend{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);margin:0 auto 10px;font-size:13px}.part-filter legend .muted{font-family:var(--body);letter-spacing:0;text-transform:none}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{min-width:98px;color:var(--muted);text-align:left;background:#ffffff08;border:1.5px solid #fff7e640;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 12px;transition:all .18s;display:flex}.chip b{font-family:var(--display);letter-spacing:.05em;font-size:15px;font-weight:400}.chip small{opacity:.8;font-size:10.5px}.chip.on{color:var(--paper);border-color:var(--c);background:color-mix(in srgb, var(--c) 22%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--c) 40%, transparent)}.chip:not(.on):not(:disabled) b{text-decoration:line-through}.chip:disabled{opacity:.35;cursor:not-allowed}.wheel-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.wheel{width:100%;height:auto;overflow:visible}.wheel-rim{fill:#1b0533;stroke:var(--gold);stroke-width:2.5px}.wheel-face{stroke:var(--magenta);stroke-width:2px}.wheel-grid{fill:none;stroke:#4b0f8638;stroke-width:1px}.wheel-spoke{stroke:#4b0f8659;stroke-width:1px}.wheel-poly{fill:url(#wheel-fill);fill-opacity:.78;stroke:#c2189b;stroke-width:2.5px;stroke-linejoin:round;filter:drop-shadow(0 0 6px #ff2ea68c)}.wheel-compare-fill{fill:#ffd23f33}.wheel-compare{pointer-events:none}.wheel-compare-halo{fill:none;stroke:#1b05338c;stroke-width:4.5px;stroke-linejoin:round}.wheel-compare-line{fill:none;stroke:var(--gold);stroke-width:2.2px;stroke-dasharray:6 4;stroke-linejoin:round}.wheel-compare-dot{fill:var(--gold);stroke:#1b0533;stroke-width:1.5px}.wheel-dot{fill:#fff;stroke:#c2189b;stroke-width:1.5px}.wheel-label{transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .2s}.wheel-label-en{font-family:var(--display);letter-spacing:.06em;fill:#fff;font-size:17px}.wheel-label-jp{font-family:var(--jp);fill:var(--gold);font-size:12px}.wheel.has-focus .wheel-axis:not(.on) .wheel-label{opacity:.35}.wheel-axis.on .wheel-label-en{fill:var(--gold)}.wheel-axis.on .wheel-label-jp{fill:#fff}.wheel-badge circle{fill:var(--ink);stroke:var(--gold);stroke-width:2.5px}.wheel-badge text{font-family:var(--display);fill:#fff;font-size:23px}.wheel-badge text.small{font-size:13px}.wheel-badge{transition:transform .22s cubic-bezier(.2,1.4,.4,1)}.wheel-badge.changed circle{stroke:var(--cyan);fill:#08344a}.wheel-axis.on .wheel-badge circle{stroke:#fff;stroke-width:3px}.wheel-badge.slam circle{animation:.38s ease-out badge-slam}@keyframes badge-slam{0%{r:30;stroke-width:6px;fill:var(--magenta)}to{r:17;stroke-width:2.5px}}.wheel-wedge-glow{fill:#ffd23f38;pointer-events:none}.wheel-hit{fill:#0000;cursor:pointer;outline:none}.wheel-hit:focus-visible{stroke:var(--cyan);stroke-width:2px}.wheel-caption,.wheel-readout{text-align:center;color:#fff;justify-content:center;align-items:center;min-height:46px;margin:6px 0 0;font-size:12px;display:flex}.wheel-readout{background:#12041fc7;border:1px solid #ffd23f73;border-radius:12px;flex-wrap:wrap;gap:2px 8px;padding:6px 12px;animation:.18s ease-out readout}@keyframes readout{0%{opacity:0;transform:translateY(-4px)}}.ro-axis{font-family:var(--display);letter-spacing:.06em;color:var(--gold);text-transform:uppercase;font-size:16px}.ro-jp{font-family:var(--jp);color:#fff;font-size:13px}.ro-row{flex-basis:100%;justify-content:center;align-items:baseline;gap:6px;font-size:13px;display:flex}.ro-row b{font-family:var(--display);font-size:18px;font-weight:400}.ro-compare{color:#ffd98a}.ro-meaning{color:var(--muted);font-size:11.5px}.awaken-screen{gap:10px}.awaken-wheel.shake{animation:.32s linear shake}@keyframes shake{20%{transform:translate(-5px,3px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(2px,3px)}}.awaken-wheel{z-index:1;filter:drop-shadow(0 20px 50px #a020f073);position:relative}.impact{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.impact-jp{font-family:var(--jp);color:var(--gold);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:58px;animation:.38s cubic-bezier(.2,1.6,.4,1) forwards don;position:absolute;top:-6%;right:-12%;transform:rotate(14deg)}.impact-grade{font-family:var(--display);color:#fff;opacity:0;-webkit-text-stroke:4px var(--magenta);font-size:150px;animation:.38s ease-out grade-ghost}@keyframes don{0%{opacity:0;transform:rotate(14deg)scale(2.4)}to{opacity:1;transform:rotate(14deg)scale(1)}}@keyframes grade-ghost{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.awaken-caption{z-index:1;text-align:center;place-items:center;min-height:110px;display:grid;position:relative}.axis-callout{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:22px;animation:.3s ease-out callout}.axis-callout .jp{color:var(--magenta);margin-right:8px;font-size:26px}@keyframes callout{0%{opacity:0;transform:translate(-18px)}}.name-ref{color:var(--muted);letter-spacing:.02em;margin:10px 0 0;font-size:13px;animation:.5s ease-out .35s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}}.stand-name-reveal{animation:.5s cubic-bezier(.2,1.5,.4,1) name-slam}.stand-name-reveal h2{font-family:var(--display);letter-spacing:.03em;color:#fff;text-shadow:3px 3px 0 var(--magenta), 6px 6px 0 var(--ink);margin:4px 0 0;font-size:clamp(34px,7vw,62px);transform:skew(-6deg)}@keyframes name-slam{0%{opacity:0;filter:blur(6px);transform:scale(1.8)}}.bracket{font-family:var(--jp);color:var(--gold);letter-spacing:.1em;font-size:14px}.practice-tag{z-index:2;background:var(--cyan);color:var(--ink);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800;position:absolute;top:6px;left:50%;transform:translate(-50%)}.score-layout{z-index:1;grid-template-columns:320px 1fr;align-items:start;gap:36px;width:min(1040px,100%);display:grid;position:relative}.score-left{flex-direction:column;align-items:center;gap:4px;display:flex;position:sticky;top:20px}.score-stand-name{font-family:var(--display);letter-spacing:.03em;text-align:center;text-shadow:2px 2px 0 var(--magenta);margin:0;font-size:26px}.score-right{flex-direction:column;gap:14px;display:flex}.score-right .kicker{text-align:left}.criteria{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.criterion{opacity:0;background:linear-gradient(100deg,#ff2ea629,#4b0f864d);border:1px solid #ff7bd559;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:13px 18px;display:grid;position:relative;overflow:hidden;transform:translate(40px)rotate(1.5deg)}.criterion.in{animation:.42s cubic-bezier(.2,1.4,.4,1) forwards stamp}@keyframes stamp{0%{opacity:0;transform:translate(40px)scale(1.15)rotate(2deg)}60%{opacity:1;transform:translate(-4px)scale(.99)rotate(-.5deg)}to{opacity:1;transform:none}}.criterion.base{background:#ffffff0d;border-color:#fff7e633}.criterion.none{grid-template-columns:1fr}.criterion.type{background:linear-gradient(100deg,#ffd23f29,#4b0f864d);border-color:#ffd23f73}.criterion.read{background:linear-gradient(100deg,#785aff29,#4b0f864d);border-color:#a08cff59}.criterion-tag{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--magenta);margin-bottom:2px;font-size:11px;display:block}.criterion.type .criterion-tag{color:var(--gold)}.criterion.read .criterion-tag{color:#b3a6ff}.criterion b{font-family:var(--display);letter-spacing:.03em;font-size:20px;font-weight:400;display:block}.criterion small{color:var(--muted);font-size:13.5px}.criterion .pts{font-family:var(--display);color:var(--gold);font-size:26px}.stamp-jp{font-family:var(--jp);color:#ff2ea633;white-space:nowrap;pointer-events:none;font-size:34px;position:absolute;top:50%;right:78px;transform:translateY(-50%)rotate(-8deg)}.total{border:2px solid var(--gold);opacity:.25;background:linear-gradient(120deg,#ffd23f24,#ff2ea61f);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;transition:opacity .3s;display:flex}.total.in{opacity:1;animation:.5s cubic-bezier(.2,1.5,.4,1) total-pop}@keyframes total-pop{0%{transform:scale(.94)}60%{transform:scale(1.03)}}.total-label{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:13px;display:block}.total-num{font-family:var(--display);text-shadow:3px 3px 0 var(--magenta);font-size:64px;line-height:1}.rank{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.rank-jp{font-family:var(--jp);color:var(--magenta);font-size:16px}.rank-title{font-family:var(--display);letter-spacing:.03em;font-size:30px}.reveal-btn{opacity:0;pointer-events:none;align-self:flex-start;transition:opacity .3s}.reveal-btn.in{opacity:1;pointer-events:auto}.reveal-screen{justify-content:flex-start;gap:26px}.eyecatch{aspect-ratio:16/9;isolation:isolate;background:radial-gradient(circle at 62% 50%, color-mix(in srgb, var(--bright) 85%, white) 0%, var(--bright) 22%, var(--deep) 75%);width:min(1100px,100%);min-height:420px;box-shadow:0 0 0 3px var(--ink), 0 0 0 6px var(--bright), 0 30px 80px color-mix(in srgb, var(--bright) 45%, transparent);cursor:pointer;border-radius:22px;grid-template-rows:1fr auto;grid-template-columns:34% 1fr;animation:.55s cubic-bezier(.7,0,.2,1) wipe;display:grid;position:relative;overflow:hidden}.stage-3 .eyecatch{cursor:default}@keyframes wipe{0%{clip-path:polygon(0 0,0 0,-30% 100%,-30% 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,-30% 100%)}}.rays{z-index:-1;background:repeating-conic-gradient(#ffffff21 0deg 6deg,#0000 6deg 16deg);animation:40s linear infinite spin;position:absolute;inset:-60%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 70%);mask-image:radial-gradient(circle,#000 20%,#0000 70%)}@keyframes spin{to{transform:rotate(360deg)}}.eyecatch .menacing span{color:#fff;text-shadow:3px 3px 0 var(--deep)}.flash{opacity:0;z-index:5;pointer-events:none;background:#fff;position:absolute;inset:0}.stage-2 .flash{animation:.7s ease-out flash}@keyframes flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.ec-left{z-index:2;flex-direction:column;grid-row:1/3;justify-content:center;align-items:center;gap:2px;padding:22px 0 22px 26px;display:flex}.ec-bracket{font-family:var(--jp);color:#fff;text-shadow:2px 2px 0 var(--deep);letter-spacing:.06em;margin:0;font-size:clamp(13px,1.6vw,18px)}.ec-user{font-family:var(--display);color:#fff;text-align:center;text-shadow:3px 3px 0 var(--deep);margin:0 0 6px;font-size:clamp(18px,2.6vw,30px)}.stage-2 .ec-user,.stage-3 .ec-user{animation:.45s cubic-bezier(.2,1.5,.4,1) name-slam}.ec-wheel{width:min(300px,29vw)}.legend{color:#fff;align-items:center;gap:6px;font-size:12px;display:inline-flex}.sw{border-radius:3px;width:14px;height:10px;display:inline-block}.sw.canon{background:linear-gradient(90deg,#ff4fd8,#a020f0)}.sw.yours{background:#ffd23f40;border:2px dashed #e0a800;margin-left:6px}.ec-art{z-index:1;grid-area:1/2/3;justify-content:center;align-items:flex-end;padding-top:3%;display:flex;position:relative}.ec-art img{object-fit:contain;-webkit-user-select:none;user-select:none;filter:brightness(0)drop-shadow(0 0 #0000);opacity:0;max-width:92%;max-height:100%;transition:transform .8s cubic-bezier(.15,.9,.25,1),opacity .3s,filter .2s;transform:translate(120%)scale(1.15)}.ec-art.framed img{border:4px solid #fff;border-radius:10px;max-height:88%;margin-bottom:4%}.stage-1 .ec-art img,.stage-2 .ec-art img,.stage-3 .ec-art img{opacity:1;transform:none}.stage-1 .ec-art img{filter:brightness(0)drop-shadow(0 0 22px #ffffff8c);animation:.9s ease-in-out infinite menace-throb}.stage-2 .ec-art img,.stage-3 .ec-art img{filter:drop-shadow(6px 6px 0 var(--deep)) drop-shadow(0 0 30px color-mix(in srgb, var(--bright) 60%, white))}.stage-2 .ec-art img{animation:.6s cubic-bezier(.2,1.5,.4,1) pop}@keyframes menace-throb{50%{transform:scale(1.015)translateY(-3px)}}@keyframes pop{0%{transform:scale(1.12)}to{transform:none}}.ec-name{z-index:3;text-align:right;background:radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--deep) 75%, transparent) 0%, transparent 72%);border-radius:40px 0 0;grid-area:2/2;justify-self:end;max-width:75%;padding:18px 28px 22px 60px}.ec-jp{font-family:var(--jp);color:#fff;text-shadow:3px 3px 0 var(--deep), -1px -1px 0 var(--deep), 0 0 20px #0006;margin:2px 0 0;font-size:clamp(22px,3.8vw,48px);font-weight:400;line-height:1.1}.ec-en{font-family:var(--display);color:var(--gold);letter-spacing:.05em;text-shadow:2px 2px 0 var(--ink);margin:4px 0 0;font-size:clamp(16px,2.2vw,26px);font-weight:400}.ec-part{color:#fff;opacity:.85;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 0;font-size:12px}.stage-2 .ec-jp,.stage-2 .ec-en{animation:.5s cubic-bezier(.2,1.5,.4,1) name-slam}.stage-0 .ec-jp,.stage-1 .ec-jp{animation:.9s ease-in-out infinite pulse-q}@keyframes pulse-q{50%{opacity:.55}}.tap-hint{z-index:4;letter-spacing:.2em;text-transform:uppercase;color:#fff9;margin:0;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.result-panel{flex-direction:column;gap:18px;width:min(1100px,100%);animation:.5s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.result-head{align-items:center;gap:18px;display:flex}.steps-badge{background:var(--ink);border:3px solid var(--cyan);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:92px;height:92px;display:flex;box-shadow:0 0 24px #3ef0ff73}.steps-badge b{font-family:var(--display);font-size:44px;font-weight:400;line-height:1}.steps-badge small{letter-spacing:.15em;text-transform:uppercase;color:var(--cyan);font-size:11px}.steps-badge.perfect{border-color:var(--gold);box-shadow:0 0 40px var(--gold);animation:.8s infinite alternate total-pop}.result-line{margin:0 0 4px;font-size:clamp(18px,2.4vw,24px);font-weight:600}.result-line b{color:var(--gold)}.result-head .muted{margin:0}.edits{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.edits li{background:#3ef0ff12;border:1px solid #3ef0ff4d;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.edits .jp{color:var(--cyan)}.edit-arrow b{font-family:var(--display);font-size:20px;font-weight:400}.edit-arrow small{color:var(--muted)}.runners{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex;position:relative}.runner{color:var(--paper);background:#ffffff0f;border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:14px;transition:background .15s,border-color .15s,transform .15s}.runner:hover,.runner.on{border-color:var(--gold);background:#ffd23f24;transform:translateY(-1px)}.runner small{color:var(--gold);margin-left:4px}.edits-none{color:var(--muted);margin:0;font-size:14px}.runner-card{z-index:30;background:linear-gradient(140deg, var(--deep), #12041f 70%);width:min(640px,100%);box-shadow:0 0 0 2px var(--bright), 0 24px 60px #0009, 0 0 40px color-mix(in srgb, var(--bright) 35%, transparent);transform-origin:20% 100%;border-radius:18px;grid-template-columns:180px 1fr;animation:.22s cubic-bezier(.2,1.3,.4,1) card-in;display:grid;position:absolute;bottom:calc(100% + 12px);left:0;overflow:hidden}.runner-card.below{transform-origin:20% 0;top:calc(100% + 12px);bottom:auto}@keyframes card-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}.rc-close{z-index:2;color:#fff;background:#00000073;border:0;border-radius:50%;width:30px;height:30px;font-size:14px;display:none;position:absolute;top:8px;right:8px}.rc-art{background:repeating-conic-gradient(from 0deg at 50% 60%, #ffffff1f 0deg 7deg, transparent 7deg 18deg), radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--bright) 80%, white), var(--bright) 30%, var(--deep) 85%);justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.rc-art img{object-fit:contain;object-position:bottom;width:100%;height:100%;max-height:300px;filter:drop-shadow(4px 4px 0 var(--deep));animation:.4s cubic-bezier(.2,1.5,.4,1) pop}.rc-art.framed img{object-fit:cover}.rc-body{flex-direction:column;gap:6px;min-width:0;padding:14px 16px 12px;display:flex}.rc-head p{margin:0}.rc-jp{font-family:var(--jp);color:#fff;text-shadow:2px 2px 0 var(--deep);font-size:20px;line-height:1.15}.rc-en{font-family:var(--display);letter-spacing:.04em;color:var(--gold);font-size:18px}.rc-meta{color:var(--muted);font-size:12px}.rc-cols{grid-template-columns:190px 1fr;align-items:start;gap:12px;display:grid}.rc-diff{flex-direction:column;gap:8px;padding-top:8px;display:flex}.rc-steps{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:13px}.rc-steps b{font-family:var(--display);color:var(--cyan);letter-spacing:0;margin-right:4px;font-size:30px;font-weight:400}.edits.compact{grid-template-columns:1fr;gap:6px}.edits.compact li{grid-template-columns:auto 1fr auto;padding:6px 10px;font-size:13px}.edits.compact{grid-template-columns:1fr}.edits.compact li{grid-template-columns:1fr auto}.edits.compact .jp{display:none}.edits.compact .edit-arrow b{font-size:17px}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.next{font-variant-numeric:tabular-nums;margin:0}.credit{color:#fff7e666;margin:6px 0 0;font-size:11.5px;line-height:1.5}@media (width<=820px){.score-layout{grid-template-columns:1fr;gap:18px}.score-left{position:static}.eyecatch{aspect-ratio:auto;grid-template-rows:auto 380px auto;grid-template-columns:1fr;min-height:0}.ec-left{grid-row:1;padding:18px 12px 0}.ec-wheel{width:min(300px,86vw)}.ec-art{grid-area:2/1;height:380px}.ec-name{text-align:center;grid-area:3/1;justify-self:center;max-width:100%;padding:6px 16px 26px}.stamp-jp{display:none}.runner-card,.runner-card.below{grid-template-columns:1fr;width:auto;max-height:86vh;position:fixed;inset:auto 8px 8px;overflow-y:auto}.rc-close{display:block}.rc-art{height:190px}.rc-art img{max-height:190px}.rc-cols{grid-template-columns:170px 1fr}.rank{text-align:left;align-items:flex-start}.impact-jp{font-size:44px;right:-2%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.anime-toggle{cursor:pointer;text-align:left;width:fit-content;max-width:100%;color:var(--paper);align-items:center;gap:12px;margin:12px auto 0;display:flex}.anime-toggle input{opacity:0;pointer-events:none;position:absolute}.anime-toggle .switch{background:#ffffff0d;border:1.5px solid #fff7e659;border-radius:99px;flex:none;width:38px;height:22px;transition:all .18s;position:relative}.anime-toggle .switch:after{content:"";background:var(--muted);border-radius:50%;width:15px;height:15px;transition:all .18s;position:absolute;top:2px;left:2px}.anime-toggle input:checked+.switch{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 25%, transparent)}.anime-toggle input:checked+.switch:after{background:var(--gold);left:18px}.anime-toggle input:focus-visible+.switch{outline:2px solid var(--gold);outline-offset:2px}.anime-toggle b{font-family:var(--display);letter-spacing:.06em;font-size:15px;font-weight:400;display:block}.anime-toggle small{color:var(--muted);font-size:11.5px}