@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=M+PLUS+Rounded+1c:wght@500;700;800&family=Noto+Sans+JP:wght@500;700&display=swap";:root{color:#fff7fc;background:#09070d;font-family:Noto Sans JP,sans-serif;font-synthesis:none;--bg: #09070d;--panel: #15101b;--text: #fff7fc;--muted: #9d8da5;--line: #392c42;--accent: #ff6fba;--hot: #ff3f91;--lilac: #bf9cff;--ice: #8cecff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0;min-width:320px;background:var(--bg)}body:after{content:"";position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell{position:relative;isolation:isolate;width:min(1600px,100%);height:100dvh;margin:auto;padding:0 clamp(18px,3vw,48px) clamp(18px,2.2vh,32px);display:grid;grid-template-rows:72px minmax(0,1fr);background:radial-gradient(circle at 14% 70%,rgb(255 63 145 / 18%),transparent 25%),radial-gradient(circle at 84% 18%,rgb(191 156 255 / 15%),transparent 24%),radial-gradient(circle at 55% 105%,rgb(140 236 255 / 8%),transparent 30%),var(--bg)}.shell:before{content:"♡　キラキラ　✦　かわいい　♡　DOKI DOKI　✦";position:absolute;z-index:-1;top:88px;right:0;bottom:auto;left:0;width:auto;overflow:hidden;color:#ff6fba1a;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(2.5rem,8vw,8rem);font-weight:800;letter-spacing:.04em;line-height:1;text-align:center;white-space:nowrap;transform:rotate(-5deg) translate(-3%)}.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid rgb(255 111 186 / 18%)}.brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:0;border:0;background:transparent;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;font-weight:700;letter-spacing:-.03em;text-transform:uppercase;cursor:pointer}.brand>span:last-child{display:flex;align-items:baseline;gap:7px}.brand small{color:var(--accent);font-size:.55rem;letter-spacing:.04em}.brand-mark{width:12px;height:12px;border-radius:50% 50% 50% 0;background:linear-gradient(135deg,#fff,var(--accent) 45%,var(--hot));box-shadow:0 0 12px var(--accent),0 0 30px #bf9cff7f;transform:rotate(-45deg)}.nav{display:flex;align-self:stretch}.nav button{position:relative;min-width:130px;padding:0 20px;border:0;background:transparent;color:var(--muted);font-size:.61rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.nav button:after{content:"♡";position:absolute;right:20px;bottom:6px;left:20px;height:auto;color:var(--accent);background:transparent;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.nav button:is(:hover,.active){color:var(--text)}.nav button.active:after{opacity:1;transform:translateY(0)}.vote-count{justify-self:end;color:var(--muted);text-align:right;font-size:.57rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.vote-count strong{display:block;color:var(--accent);font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem;text-shadow:0 0 14px rgb(255 111 186 / 60%)}main{min-height:0}.view{height:100%;min-height:0;animation:enter .3s ease both}@keyframes enter{0%{opacity:0;transform:translateY(6px)}}.ranking-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vh,24px);padding-top:clamp(18px,3vh,38px)}.headline-row{display:flex;justify-content:space-between;align-items:end;gap:28px}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 8px;color:var(--muted);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"✦";width:auto;height:auto;color:var(--accent);background:transparent;text-shadow:0 0 12px var(--accent)}h1{margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(2.1rem,4.8vw,5rem);font-weight:800;line-height:.82;letter-spacing:-.065em;text-transform:uppercase;text-shadow:3px 3px 0 rgb(191 156 255 / 28%),0 0 42px rgb(255 111 186 / 15%)}.instructions{width:min(360px,40vw);margin:0;color:var(--muted);font-size:.65rem;line-height:1.6}.duel-grid{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px)}.choice-card{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.choice-card:first-child{transform:rotate(-.5deg)}.choice-card:last-child{transform:rotate(.5deg)}.choice-card:hover{transform:rotate(0) translateY(-3px)}.image-button{position:relative;width:100%;height:100%;min-height:0;padding:5px;overflow:hidden;border:1px solid rgb(255 111 186 / 38%);border-radius:20px;background:linear-gradient(135deg,#ffffff1f,#bf9cff0d);box-shadow:0 24px 80px #0000006b,inset 0 0 0 1px #ffffff0f;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .25s ease}.image-button:before{content:"✦";position:absolute;z-index:3;top:9px;right:13px;color:#fff;font-size:1rem;text-shadow:0 0 10px var(--accent);pointer-events:none;animation:twinkle 1.8s ease-in-out infinite}.image-button:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:15px;background:linear-gradient(145deg,rgb(255 255 255 / 14%),transparent 22%,transparent 65%,rgb(255 111 186 / 18%));pointer-events:none;transition:opacity .2s ease}.image-button:hover{border-color:var(--accent);box-shadow:0 22px 70px #ff3f912e,0 0 0 3px #ff6fba14}.choice-image{position:relative;isolation:isolate;display:block;width:100%;height:100%;overflow:hidden;border-radius:15px;background:#100b14}.image-backdrop{position:absolute;z-index:-1;top:-30px;right:-30px;bottom:-30px;left:-30px;background-position:center 24%;background-size:cover;filter:blur(22px) saturate(.95) brightness(.42);transform:scale(1.12)}.image-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(9 7 13 / 35%),transparent 25%,transparent 75%,rgb(9 7 13 / 35%))}.image-foreground{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 28px rgb(0 0 0 / 32%)) saturate(.94) contrast(1.03) brightness(.86);transition:filter .3s ease,transform .8s cubic-bezier(.16,1,.3,1)}.image-button:hover .image-foreground{filter:drop-shadow(0 12px 28px rgb(0 0 0 / 28%)) saturate(1.08) contrast(1.03) brightness(.98);transform:scale(1.018)}.image-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#19191b,#26262a)}.image-fallback span{color:var(--muted);font-size:.7rem;text-transform:uppercase}.side-stamp{position:absolute;z-index:2;top:14px;left:14px;padding:6px 10px;border:1px solid rgb(255 255 255 / 18%);border-radius:999px;background:#100915b8;color:#ffd7ed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}.versus{position:absolute;z-index:4;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--accent);border-radius:50%;background:linear-gradient(145deg,#241329,#0c0910);color:var(--accent);box-shadow:0 0 26px #ff6fba47,inset 0 0 18px #bf9cff1f;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.65rem;transform:translate(-50%,-50%) rotate(-8deg)}.choice-meta{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px}.choice-copy{min-width:0}.choice-copy h2{margin:0 0 3px;overflow:hidden;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:800;letter-spacing:-.025em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.choice-copy span{color:var(--muted);font-size:.56rem;text-transform:uppercase}.pick-button,.reset-button,.pagination button{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--muted);font-size:.54rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.pick-button:after{content:" ♡";color:var(--accent)}.pick-button:hover,.pagination button:hover:not(:disabled){border-color:var(--accent);background:linear-gradient(90deg,var(--hot),var(--accent));color:#fff;box-shadow:0 0 24px #ff6fba40;transform:translateY(-1px)}.keyboard-hint{display:flex;justify-content:center;gap:24px;color:#5d5d61;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase}kbd{padding:2px 5px;border:1px solid var(--line);border-radius:2px;color:var(--muted);font:inherit}.leaderboard-view{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding-top:clamp(18px,3vh,34px)}.leaderboard-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.leaderboard-head h1{font-size:clamp(2rem,4vw,4rem)}.leaderboard-tools{display:flex;align-items:center;gap:10px}.scope-toggle{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffff08}.scope-toggle button{padding:7px 11px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.scope-toggle button.active{background:linear-gradient(90deg,var(--hot),var(--accent));color:#fff;box-shadow:0 0 18px #ff6fba2e}.search-field{position:relative;display:flex;align-items:center;width:min(340px,32vw);height:38px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.search-field:focus-within{border-color:var(--accent);background:#ff6fba0f;box-shadow:0 0 0 3px #ff6fba17,0 0 25px #ff3f911a}.search-icon{flex:0 0 auto;margin-left:13px;color:var(--accent);font-size:1rem;line-height:1;transform:rotate(-12deg)}.search-field input{width:100%;min-width:0;padding:0 8px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.62rem;letter-spacing:.025em}.search-field input::placeholder{color:#706477}.search-field input::-webkit-search-cancel-button{filter:invert(1);opacity:.45}.result-count{flex:0 0 auto;min-width:34px;margin-right:5px;padding:5px 8px;border-radius:999px;background:#ff6fba1f;color:#ffd5eb;font-size:.49rem;text-align:center}.reset-button:hover{border-color:#ff6565;color:#ff6565}.leaderboard{min-height:0;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}.leader-row{min-height:0;display:grid;grid-template-columns:54px 70px minmax(140px,1fr) 100px 90px 90px;align-items:center;gap:18px;padding:7px 10px;border-bottom:1px solid var(--line)}.leader-row{transition:background .16s ease,padding .16s ease}.leader-row:hover{padding-left:16px;background:#ff4d240d}.leader-row:first-child{background:linear-gradient(90deg,rgb(255 111 186 / 14%),rgb(191 156 255 / 5%),transparent 72%)}.leader-row:first-child .rank,.leader-row:first-child .elo-cell strong{color:var(--accent)}.rank{color:var(--muted);font-family:"M PLUS Rounded 1c",sans-serif;font-size:.85rem;font-weight:800}.thumb{width:64px;height:min(7vh,52px);padding:2px;border:1px solid rgb(255 111 186 / 28%);border-radius:11px;object-fit:cover;object-position:50% 22%;filter:saturate(.8)}.gallery-trigger{position:relative;width:64px;height:min(7vh,52px);padding:0;overflow:hidden;border:0;border-radius:11px;background:transparent;cursor:pointer}.gallery-trigger .thumb{display:block;width:100%;height:100%}.gallery-trigger>span{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:17px;height:17px;border:1px solid rgb(255 255 255 / 35%);border-radius:50%;background:#100915c7;color:var(--accent);font-size:.7rem;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .16s ease,background .16s ease}.gallery-trigger:hover>span{background:var(--hot);color:#fff;transform:rotate(90deg) scale(1.08)}.leader-name{min-width:0}.leader-name strong{display:block;overflow:hidden;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.77rem;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.leader-name span,.stat-label{color:var(--muted);font-size:.5rem;letter-spacing:.06em;text-transform:uppercase}.elo-cell strong{display:block;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem}.stat-cell{font-size:.66rem}.stat-label{display:block;margin-bottom:3px}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;color:var(--muted);font-size:.56rem}.pagination button:disabled{opacity:.3;cursor:default}.empty-results{grid-row:1 / -1;display:grid;place-items:center;align-content:center;gap:8px;min-height:220px;color:var(--muted);text-align:center}.empty-results>span{color:var(--accent);font-size:2rem;text-shadow:0 0 24px var(--accent)}.empty-results strong{color:var(--text);font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem}.empty-results button{padding:7px 12px;border:0;background:transparent;color:var(--accent);font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.gallery-overlay{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#050308c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:enter .18s ease both}.gallery-modal{width:min(920px,94vw);height:min(780px,90dvh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:18px;border:1px solid rgb(255 111 186 / 38%);border-radius:24px;background:linear-gradient(145deg,#1b1022fa,#0a080efa);box-shadow:0 40px 140px #000000b8,0 0 80px #ff3f911f}.gallery-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.gallery-head h2{margin:0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(1.4rem,3vw,2.6rem);text-transform:uppercase}.gallery-close{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:.55rem;text-transform:uppercase;cursor:pointer}.gallery-stage{position:relative;isolation:isolate;min-height:0;display:grid;place-items:center;overflow:hidden;border:1px solid rgb(255 255 255 / 8%);border-radius:17px;background:#0d0911}.gallery-stage>strong{color:var(--muted);font-size:.72rem}.gallery-stage>img{z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 45px rgb(0 0 0 / 45%))}.gallery-backdrop{position:absolute;z-index:-1;top:-35px;right:-35px;bottom:-35px;left:-35px;background-position:center;background-size:cover;filter:blur(30px) saturate(.9) brightness(.32);transform:scale(1.12)}.gallery-footer{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;text-align:center}.gallery-footer button{height:42px;border:1px solid var(--line);border-radius:50%;background:#ffffff0a;color:var(--accent);font-size:1.1rem;cursor:pointer}.gallery-footer button:disabled{opacity:.25;cursor:default}.gallery-footer div{display:grid;justify-items:center;gap:3px}.gallery-footer strong{font-family:"M PLUS Rounded 1c",sans-serif;font-size:.7rem}.gallery-footer a{color:var(--muted);font-size:.52rem;text-decoration:none}.gallery-footer a:hover{color:var(--accent)}.vote-flash{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;opacity:0}.vote-flash.show{animation:flash .44s ease-out}.vote-flash span{padding:14px 22px;border:1px solid var(--accent);border-radius:999px;background:#160c1d;color:#ffd8ed;box-shadow:0 0 60px #ff3f9147;font-family:"M PLUS Rounded 1c",sans-serif;font-size:clamp(1.1rem,3vw,2.4rem);font-weight:800;text-transform:uppercase}@keyframes twinkle{0%,to{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}@keyframes flash{0%{opacity:0;transform:scale(.9)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.loading-view{display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center}.loading-view>span{color:var(--accent);font-size:2rem;text-shadow:0 0 24px var(--accent);animation:twinkle 1.4s ease-in-out infinite}.loading-view strong{color:var(--text);font-family:"M PLUS Rounded 1c",sans-serif;font-size:.9rem}.loading-view button{padding:8px 14px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-size:.55rem;text-transform:uppercase;cursor:pointer}@media(max-width:760px){.shell{grid-template-rows:58px minmax(0,1fr);padding-inline:14px}.site-header{grid-template-columns:1fr auto;gap:10px}.nav{order:3;position:fixed;z-index:10;right:14px;bottom:10px;left:14px;height:44px;border:1px solid var(--line);border-radius:3px;background:#0b0b0ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav button{flex:1;min-width:0}.nav button:after{bottom:0}.ranking-view,.leaderboard-view{padding-bottom:48px}.leaderboard-head{align-items:start}.leaderboard-tools{align-items:end;flex-direction:column}.search-field{width:min(310px,48vw)}.headline-row{align-items:start}.instructions{display:none}.duel-grid{gap:12px}.versus{width:32px;height:32px}.choice-meta{display:block}.pick-button{width:100%;margin-top:7px;padding:7px}.leader-row{grid-template-columns:38px 52px minmax(0,1fr) 62px;gap:8px;padding-inline:4px}.leader-row .stat-cell{display:none}.thumb,.gallery-trigger{width:48px}.gallery-overlay{padding:12px}.gallery-modal{width:100%;height:min(760px,88dvh);padding:12px;border-radius:18px}.elo-cell{text-align:right}}@media(max-width:520px){h1{font-size:clamp(1.65rem,9vw,2.5rem)}.ranking-view{gap:10px;padding-top:14px}.duel-grid{grid-template-columns:1fr;gap:10px}.choice-card{grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:1fr;gap:10px}.versus{top:50%;left:auto;right:86px;transform:translateY(-50%)}.choice-meta{align-self:center}.choice-copy h2{white-space:normal}.keyboard-hint{display:none}.leaderboard-head h1{font-size:1.9rem}.leaderboard-head{gap:12px}.leaderboard-tools{gap:6px}.search-field{width:48vw;height:34px}.search-field input{font-size:.56rem}.reset-button{padding:6px 10px}.leader-row{grid-template-columns:32px 44px minmax(0,1fr) 54px}.thumb,.gallery-trigger{width:40px;height:38px}}@media(max-height:650px){.shell{grid-template-rows:56px minmax(0,1fr)}.ranking-view{padding-top:12px;gap:9px}h1{font-size:clamp(1.8rem,4vw,3.4rem)}.headline-row .eyebrow{margin-bottom:5px}.choice-meta{padding-bottom:1px}.keyboard-hint{display:none}.leaderboard-view{padding-top:12px;gap:9px}.leaderboard-head h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}