@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#100e12;--surface:#17141a;--raise:#1f1b23;--raise-2:#28232d;--line:#2f2a35;--line-soft:#231f28;--text:#f2ede8;--muted:#a29aa8;--faint:#6f6876;--accent:#e5708f;--accent-soft:#e5708f24;--ok:#7fc79a;--err:#e07a70;--tone:var(--accent);--sans:"Geist Variable", "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Newsreader Variable", "Newsreader", Georgia, "Times New Roman", serif;--r-sm:8px;--r:12px;--r-lg:18px;--radius:var(--r-sm);--gutter:clamp(1rem, 3.2vw, 2.75rem);--ease:cubic-bezier(.2, .7, .2, 1);--shadow:0 1px 0 #ffffff0a inset, 0 14px 34px #00000061;--stage-h:min(62dvh, 44rem)}.tone-duel{--tone:#e5708f}.tone-tips{--tone:#e6aa57}.tone-tournament{--tone:#5db8aa}.tone-weekly{--tone:#a08ee0}.tone-bets{--tone:#ec8466}.tone-taste{--tone:#b9cf6a}.tone-round-rate{--tone:#6fa8e8}.tone-round-duel{--tone:#d27acb}.tone-round-swipe{--tone:#7fc79a}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{color:var(--text);font:400 .94rem/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(1100px 480px at 50% -220px, #e5708f1c, transparent 62%), var(--bg);background-repeat:no-repeat;min-height:100dvh;margin:0}a{color:inherit;text-decoration:none}p a,.sub a,.feed a{text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.2em}p a:hover,.sub a:hover,.feed a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text)}::selection{background:#e5708f59}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0;font-weight:400}h1{font:400 clamp(2rem, 4vw, 2.9rem)/1.08 var(--serif);letter-spacing:-.015em}h2{font:400 1.55rem/1.2 var(--serif);letter-spacing:-.01em;margin:2rem 0 .8rem}h3{font:500 .95rem/1.3 var(--sans)}h1.inline,h2.inline{margin:0 1rem 0 0;display:inline-block}p{margin:.4rem 0}.sub{color:var(--muted);font-size:.84rem}.err{color:var(--err)}.empty{color:var(--muted);text-align:center;font:italic 400 1.05rem var(--serif);border:1px dashed var(--line);border-radius:var(--r-lg);background:color-mix(in srgb, var(--surface) 60%, transparent);padding:2.5rem 1.25rem}.empty .button{margin-top:.9rem;font-style:normal}.stack{flex-direction:column;gap:1.75rem;display:flex}.stack.roomy{gap:3rem}.stack.tight{gap:.9rem}.page{max-width:1280px;padding:2rem var(--gutter) 6rem;margin:0 auto}.eyebrow,.panel>h2,.stat .sub{font:500 .72rem/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.page>*{animation:fade .25s var(--ease) backwards}input,select,button,.button{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color .15s, background-color .15s, color .15s, transform .12s var(--ease), box-shadow .2s;background:0 0;padding:.5rem .9rem}input,select{background:var(--surface)}input:hover,select:hover{border-color:var(--faint)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder{color:var(--faint)}input[type=search],.filters input:not([type]){min-width:15rem}button,.button{cursor:pointer;background:var(--text);border-color:var(--text);color:var(--bg);justify-content:center;align-items:center;gap:.45rem;font-weight:500;line-height:1.2;display:inline-flex}button:hover,.button:hover{background:#fff;border-color:#fff}button:active:not(:disabled),.button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.ghost,.button.ghost{color:var(--text);border-color:var(--line);background:0 0}button.ghost:hover,.button.ghost:hover{background:var(--raise);border-color:var(--faint)}button.ghost:disabled:hover{border-color:var(--line);background:0 0}button.danger,.danger{color:var(--err);border-color:color-mix(in srgb, var(--err) 45%, transparent)}button.plain{text-align:left;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}button.plain:hover{background:0 0}button.icon{min-width:2.3rem;padding:.5rem;position:relative}button.link{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:400}button.link:hover{color:var(--text);background:0 0}.button.tone,button.tone{background:var(--tone);border-color:var(--tone);color:#170d11;font-weight:600}.button.tone:hover,button.tone:hover{background:color-mix(in srgb, var(--tone) 86%, #fff);border-color:#0000}.button.lg,button.lg{border-radius:999px;padding:.7rem 1.4rem;font-size:.96rem}button.round{width:2.3rem;height:2.3rem;color:var(--muted);border-color:var(--line);background:0 0;border-radius:50%;padding:0}button.round:hover{background:var(--raise);color:var(--text);border-color:var(--faint)}label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.8rem;display:flex}label.check{color:var(--text);flex-direction:row;align-items:center;gap:.5rem;font-size:.9rem}input[type=checkbox]{accent-color:var(--accent);width:1rem;height:1rem;padding:0}input[type=range]{width:14rem;accent-color:var(--accent);background:0 0;border:0;padding:0}.topbar{z-index:20;padding:.7rem var(--gutter);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border-bottom:1px solid var(--line-soft);align-items:center;gap:.5rem 1.6rem;display:flex;position:sticky;top:0}.brand{font:400 1.45rem/1 var(--serif);letter-spacing:-.01em;flex:none;align-items:center;gap:.6rem;display:inline-flex}.brand img{border-radius:7px;width:28px;height:28px;display:block}.nav{flex:1;gap:.15rem;min-width:0;display:flex}.nav a{color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.9rem;transition:color .15s,background-color .15s;display:inline-flex}.nav a:hover{color:var(--text);background:#ffffff0a}.nav a.active{color:var(--text);background:var(--raise-2)}.tools{flex:none;align-items:center;gap:.9rem;margin-left:auto;display:flex}.chip{color:var(--faint);background:0 0;border:0;align-items:center;gap:.45rem;padding:0;font-size:.76rem;font-weight:400;display:inline-flex}.chip:hover{color:var(--muted);background:0 0}.chip:before{content:"";background:var(--faint);border-radius:50%;width:6px;height:6px}.chip.busy{color:var(--muted)}.chip.busy:before{background:var(--ok)}.chip.warn{color:var(--err)}.chip.warn:before{background:var(--err)}.account{align-items:center;gap:1rem;display:flex}.account>a,.account>button{color:var(--muted);background:0 0;border:0;padding:0;font-size:.84rem;font-weight:400}.account>a:hover,.account>button:hover{color:var(--text);background:0 0}.account>a.active{color:var(--text)}.bell{position:relative}.bell>button{color:var(--muted);background:0 0;border:0;border-radius:50%;min-width:0;padding:.3rem}.bell>button:hover{background:var(--raise);color:var(--text)}.pill{background:var(--accent);color:#170d11;border-radius:999px;place-items:center;min-width:.95rem;height:.95rem;padding:0 .25rem;font-size:.62rem;font-weight:600;display:grid;position:absolute;top:-.1rem;right:-.15rem}.popover{background:var(--raise);border:1px solid var(--line);border-radius:var(--r);width:min(22rem,92vw);max-height:60vh;animation:rise .18s var(--ease) both;padding:.3rem;position:absolute;top:2.6rem;right:-.5rem;overflow:auto;box-shadow:0 22px 50px #0000008c}.note{text-align:left;width:100%;color:var(--text);border-radius:var(--r-sm);background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.65rem .7rem;font-weight:400;display:flex}.note:hover{background:#ffffff0a}.note.unread{box-shadow:inset 2px 0 0 var(--accent)}.toasts{right:var(--gutter);z-index:60;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.25rem}.toast{background:var(--raise-2);border:1px solid var(--line);border-radius:var(--r);animation:rise .22s var(--ease) both;padding:.7rem 1rem;font-size:.88rem;box-shadow:0 22px 50px #0000008c}.count{background:var(--accent);color:#170d11;vertical-align:.1em;border-radius:999px;place-items:center;min-width:1.05rem;height:1.05rem;margin-left:.4rem;padding:0 .3rem;font-size:.66rem;font-weight:600;display:inline-grid}.count+.count{margin-left:.2rem}.tabbar{display:none}.frame{width:100%;aspect-ratio:var(--ratio,4 / 5);border-radius:var(--r);background:var(--raise);isolation:isolate;position:relative;overflow:hidden}.frame:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff0f 50%,#0000 70%) 0 0/200% 100%;animation:1.5s linear infinite shimmer;position:absolute;inset:0}.frame.ready:before,.frame.failed:before{display:none}.frame-bg{object-fit:cover;filter:blur(26px)saturate(1.15)brightness(.5);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.3)}.frame-img{opacity:0;width:100%;height:100%;transition:opacity .35s var(--ease);position:absolute;inset:0}.frame-img.fit{object-fit:contain}.frame-img.fill{object-fit:cover;object-position:50% 22%}.frame.ready .frame-img{opacity:1}.frame-ph{color:var(--faint);place-items:center;font-size:.8rem;display:grid;position:absolute;inset:0}.frame>.badge,.frame>.tag{z-index:2;position:absolute}.tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:#100e12b8;border-radius:999px;padding:.15rem .6rem;font-size:.76rem}.tag.bl{bottom:.6rem;left:.6rem}.tag.br{bottom:.6rem;right:.6rem}.tag.tl{top:.6rem;left:.6rem}.frame-shade:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#0a080cd9);height:45%;position:absolute;inset:auto 0 0}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.75rem 1.1rem;display:grid}.grid.galleries{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid.images{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem}.grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,220px))}.card{color:var(--text);text-align:left;border-radius:var(--r);transition:transform .25s var(--ease);background:0 0;border:0;flex-direction:column;padding:0;font-weight:400;display:flex;position:relative}.cardlink{flex-direction:column;flex:1;display:flex}.thumb{aspect-ratio:2/3;background:var(--raise);object-fit:cover;border-radius:var(--r);width:100%;transition:opacity .2s, box-shadow .25s var(--ease);display:block}a.card:hover,.card:hover{transform:translateY(-3px)}.card:hover .thumb{box-shadow:0 16px 36px #00000080}.thumb.wide{aspect-ratio:auto;object-fit:contain;height:auto;min-height:120px}.grid.images .thumb,.grid.images .thumb.wide{aspect-ratio:4/5;object-fit:cover;min-height:0}.thumb.big{max-height:80vh}.thumb.mini{aspect-ratio:1;flex:none;width:56px}.thumb.ph{color:var(--faint);justify-content:center;align-items:center;font-size:.78rem;display:flex}.card .meta{flex-direction:column;gap:.15rem;padding:.7rem .15rem 0;display:flex}.card .name{font:400 1.1rem/1.25 var(--serif)}.heart{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:2.1rem;min-width:0;height:2.1rem;color:var(--text);z-index:3;background:#100e129e;border:0;border-radius:50%;place-items:center;padding:0;font-weight:400;display:grid;position:absolute;top:.6rem;right:.6rem}.heart:hover{color:var(--text);background:#100e12e0}.heart.on{color:var(--accent)}.heart.on svg{animation:pop .35s var(--ease)}.heart.inline{vertical-align:middle;border:1px solid var(--line);background:0 0;width:2.4rem;height:2.4rem;display:inline-grid;position:static}.heart.inline:hover{background:var(--raise);border-color:var(--faint)}.heart.small{width:1.8rem;height:1.8rem;top:.45rem;right:.45rem}.new-tag{background:var(--accent);color:#170d11;letter-spacing:.08em;z-index:1;border-radius:999px;padding:.12rem .5rem;font-size:.64rem;font-weight:700;position:absolute;top:.6rem;left:.6rem}.badge{color:var(--muted);padding:0;font-size:.72rem}.badge:before{content:"· ";color:var(--faint)}.badge.error{color:var(--err)}.badge.new{color:var(--accent)}.badge-rating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;background:#100e12b8;border-radius:999px;padding:.05rem .5rem;font-size:.76rem;position:absolute;bottom:.5rem;left:.5rem}.imgcard.seen{opacity:.6}.score{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.score b{color:var(--text);font-weight:500}.back{color:var(--muted);width:fit-content;transition:color .15s, transform .2s var(--ease);align-items:center;gap:.55rem;margin-bottom:.25rem;font-size:.84rem;display:inline-flex}.back:before{content:"";border-bottom:1px solid;border-left:1px solid;width:.45rem;height:.45rem;transform:rotate(45deg)}.back:hover{color:var(--text);transform:translate(-2px)}.pager{color:var(--muted);justify-content:center;align-items:center;gap:1.25rem;margin:3rem 0 1rem;font-size:.85rem;display:flex}.filters,.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filters{padding-bottom:1.25rem}.toolbar.between{justify-content:space-between}.tabs{scrollbar-width:none;background:var(--surface);border:1px solid var(--line-soft);border-radius:999px;gap:.35rem;width:fit-content;max-width:100%;margin-bottom:1.5rem;padding:.25rem;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:.4rem 1rem;font-weight:400}.tabs button:hover{color:var(--text);background:#ffffff0d}.tabs button.on{color:var(--text);background:var(--raise-2);box-shadow:inset 0 1px #ffffff0d}.tabs.wrap{background:0 0;border:0;border-radius:0;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:0}.tabs.wrap button{border:1px solid var(--line);padding:.3rem .9rem;font-size:.84rem}.tabs.wrap button.on{border-color:var(--accent);background:var(--accent-soft)}.stack>.tabs{margin-bottom:0}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:1.25rem}.panel>h2{margin:0 0 1rem}.panel h2+.today-model,.panel h2+.today-image{margin-top:0}.stats{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);flex-wrap:wrap;gap:0;padding:.25rem 1.25rem;display:flex}.stat{min-width:7rem;margin-right:2.25rem;padding:1rem 2.25rem 1rem 0}.stat-value{font:400 2rem/1.1 var(--serif);font-variant-numeric:tabular-nums;margin-bottom:.2rem}.bar{background:var(--raise-2);border-radius:999px;height:6px;margin:.4rem 0;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone) 60%, #fff));height:100%;transition:width .45s var(--ease);border-radius:999px}.loading-note{border-left:2px solid var(--accent);color:var(--muted);padding:.35rem 0 .35rem .9rem}.feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feed li{border-bottom:1px solid var(--line-soft);color:var(--muted);padding:.6rem 0;font-size:.88rem}.feed li:last-child{border-bottom:0}.feed b{color:var(--text);font-weight:500}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip-link{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.2rem .85rem;font-size:.84rem;transition:border-color .15s,color .15s,background-color .15s}.chip-link:hover{border-color:var(--faint);color:var(--text);background:var(--raise)}.banner{background:linear-gradient(135deg, var(--accent-soft), transparent 70%), var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:1.1rem 1.25rem}.banner-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.banner-head strong{font:400 1.3rem/1.2 var(--serif)}.banner-head>:last-child{margin-left:auto}.banner-row{margin-top:1.5rem}.banner-name{font:400 1.15rem var(--serif);margin-bottom:.6rem;display:inline-block}.hello{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.hello h1{margin-top:.2rem}.ring-box{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);transition:border-color .2s, transform .2s var(--ease);align-items:center;gap:1.1rem;padding:.8rem 1.3rem .8rem .9rem;display:flex}.ring-box:hover{border-color:var(--line);transform:translateY(-2px)}.ring{flex:none;width:4.6rem;height:4.6rem;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5px}.ring .track{stroke:var(--raise-2)}.ring .fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)}.ring b{font:400 1.6rem/1 var(--serif);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.ring-text{flex-direction:column;gap:.1rem;display:flex}.ring-text b{font-weight:500}.today-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.5rem;display:grid}.daily{flex-direction:column;gap:.8rem;min-width:0;display:flex}.daily .frame{border-radius:var(--r-lg);box-shadow:var(--shadow);max-height:36rem}.daily-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.daily-head h2{margin:0;font-size:1.3rem}.daily-title{font:400 1.5rem/1.2 var(--serif)}.daily-over{z-index:2;flex-direction:column;gap:.15rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.daily-over .daily-title{text-shadow:0 2px 14px #0009}.play-strip{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;display:grid}.play-chip{border-radius:var(--r);background:linear-gradient(120deg, color-mix(in srgb, var(--tone) 20%, transparent), transparent 75%), var(--surface);border:1px solid var(--line-soft);transition:transform .2s var(--ease), border-color .2s;align-items:center;gap:.8rem;padding:.8rem 1rem;display:flex}.play-chip:hover{border-color:color-mix(in srgb, var(--tone) 55%, var(--line));transform:translateY(-2px)}.play-chip .ico{background:color-mix(in srgb, var(--tone) 22%, transparent);width:2.3rem;height:2.3rem;color:var(--tone);border-radius:50%;flex:none;place-items:center;display:grid}.play-chip b{font-weight:500;display:block}.quest{gap:.15rem;margin-bottom:1.1rem;display:grid}.quest.done>span:first-child{color:var(--ok)}.steps{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.steps li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.steps li.done .step-text{color:var(--ok)}.digest-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.digest-list a{text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.2em}.streaks{flex-direction:column;gap:.8rem;display:flex}.group-streak b{color:var(--text);font-weight:500}.hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.today-model{max-width:240px}.today-image{max-width:440px;display:block}.detail-head{flex-wrap:wrap;gap:2.5rem;margin-top:1rem;display:flex}.detail-head>.thumb{width:260px;box-shadow:var(--shadow);flex:none}.detail-info{flex-direction:column;flex:340px;gap:.5rem;min-width:0;display:flex}.rate-box{flex-direction:column;gap:.5rem;margin:.8rem 0;display:flex}.rating{gap:.25rem;width:100%;max-width:30rem;display:flex}.rating button{background:var(--surface);min-width:0;color:var(--muted);border:1px solid var(--line-soft);border-radius:var(--r-sm);font-variant-numeric:tabular-nums;flex:1;padding:.55rem 0;font-weight:400}.rating button:hover{background:var(--raise-2);color:var(--text);border-color:var(--line)}.rating button.filled{color:var(--text);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.rating button.on{background:var(--accent);border-color:var(--accent);color:#170d11;animation:pop .3s var(--ease);font-weight:700}.rating.compact button{padding:.35rem 0;font-size:.84rem}.attrs{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.35rem 2rem;margin:1rem 0;padding:1rem 1.25rem;display:grid}.attr{gap:.75rem;display:flex}.attr dt{color:var(--muted)}.attr dd{margin:0}.bio{white-space:pre-line;color:#d3cdd0;max-width:66ch}.image-view{flex-wrap:wrap;align-items:flex-start;gap:2.5rem;display:flex}.image-view .thumb{max-width:min(600px,100%)}.rec .reasons{padding:.2rem 0 0}.lightbox{z-index:50;animation:fade .2s var(--ease);background:#0a090c;grid-template-rows:1fr auto;grid-template-columns:4rem 1fr 4rem;display:grid;position:fixed;inset:0}.lb-stage{grid-area:1/2;justify-content:center;align-items:center;min-height:0;padding:1.25rem 0 .5rem;display:flex;position:relative}.lb-img{object-fit:contain;border-radius:var(--r-sm);max-width:100%;max-height:100%}.lb-nav{color:var(--muted);background:0 0;border:0;border-radius:0;grid-row:1;align-self:center;height:100%}.lb-nav:hover{color:var(--text);background:0 0}.lb-nav.prev{grid-column:1}.lb-nav.next{grid-column:3}.lb-nav:disabled{opacity:.15}.lb-close{z-index:2;color:var(--muted);background:0 0;border:0;border-radius:50%;padding:.4rem;position:absolute;top:.8rem;right:.9rem}.lb-close:hover{background:var(--raise);color:var(--text)}.lb-bar{border-top:1px solid var(--line-soft);flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center;align-items:center;gap:.75rem 2rem;padding:.9rem 1.25rem 1.1rem;display:flex;position:relative}.lb-bar .rating{width:24rem;max-width:100%}.lb-info{color:var(--muted);font-variant-numeric:tabular-nums;gap:1rem;font-size:.82rem;display:flex}.lb-info a{text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.2em}.lb-help{text-align:center;width:100%;color:var(--faint);letter-spacing:.02em;font-size:.72rem}.lb-actions{gap:.5rem;display:flex}.lb-actions .ghost,.lb-actions .button{padding:.3rem .75rem;font-size:.84rem}.lb-actions .liked{color:var(--accent)}.reactions{gap:.4rem;display:flex}.reactions button{color:var(--muted);border:1px solid var(--line);background:0 0;border-radius:999px;padding:.25rem .7rem;font-size:.82rem;font-weight:400}.reactions button:hover{background:var(--raise);border-color:var(--faint);color:var(--text)}.reactions button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.menu{background:var(--raise);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:.2rem;min-width:13rem;padding:.4rem;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 22px 50px #0000008c}.menu button{border:0;justify-content:flex-start}.menu button:hover{background:#ffffff0f}.hub-head{flex-direction:column;gap:.5rem;max-width:40rem;display:flex}.lede{color:#d3cdd0;max-width:46rem;margin:0;font-size:1.02rem}.hub-group{flex-direction:column;gap:1rem;display:flex}.hub-group>header{flex-direction:column;gap:.15rem;display:flex}.hub-group h2{margin:0;font-size:1.5rem}.posters{grid-template-columns:repeat(auto-fill,minmax(min(100%,19.5rem),1fr));gap:1.25rem;display:grid}.posters[data-layout=lead]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.posters[data-layout=hero-pair]{grid-template-columns:repeat(2,minmax(0,1fr))}.posters[data-layout=hero-pair]>.poster.hero{grid-column:1/-1}.posters[data-layout=pair],.posters[data-layout=quad]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=1180px){.posters[data-layout=quad]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=860px){.posters[data-layout]{grid-template-columns:minmax(0,1fr)}}.poster{--i:0;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);transition:transform .3s var(--ease), border-color .25s, box-shadow .3s;animation:rise .55s var(--ease) both;animation-delay:calc(var(--i) * 70ms);flex-direction:column;display:flex;overflow:hidden}.poster:hover{border-color:color-mix(in srgb, var(--tone) 50%, var(--line));box-shadow:0 22px 50px #00000073, 0 0 0 1px color-mix(in srgb, var(--tone) 18%, transparent);transform:translateY(-4px)}.poster-art{aspect-ratio:16/10;background:radial-gradient(120% 100% at 15% 0%, color-mix(in srgb, var(--tone) 42%, transparent), transparent 62%), radial-gradient(90% 90% at 100% 100%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 60%), var(--raise);position:relative;overflow:hidden}.poster-body{flex-direction:column;flex:1;gap:.55rem;padding:1.1rem 1.25rem 1.25rem;display:flex}.poster-title{align-items:center;gap:.6rem;display:flex}.poster-title h3{font:400 1.45rem/1.15 var(--serif)}.poster-title .ico{background:color-mix(in srgb, var(--tone) 24%, transparent);width:1.9rem;height:1.9rem;color:var(--tone);border-radius:50%;flex:none;place-items:center;display:grid}.poster p{color:var(--muted);margin:0}.facts{flex-wrap:wrap;gap:.4rem;margin:.1rem 0 0;padding:0;list-style:none;display:flex}.facts li{color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .65rem;font-size:.76rem;display:inline-flex}.poster-action{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:auto;padding-top:.7rem;display:flex}.poster-action .hint{flex-basis:100%}.poster.hero{flex-direction:row;min-height:20rem}.poster.hero .poster-art{aspect-ratio:auto;flex:1.15;min-height:18rem}.poster.hero .poster-body{flex:1;justify-content:center;gap:.8rem;padding:2rem 2.25rem}.poster.hero .poster-title h3{font-size:2.3rem}.poster.hero p{color:#cfc8cc;font-size:1.02rem}.hero-kicker{font:500 .84rem var(--sans);color:var(--tone)}.hint{color:var(--muted);font-size:.8rem}.art{place-items:center;display:grid;position:absolute;inset:0}.art .frame{width:var(--w,34%);border-radius:var(--r);transition:transform .45s var(--ease);position:absolute;box-shadow:0 16px 34px #00000080}.art .glyph{color:color-mix(in srgb, var(--tone) 70%, #fff);opacity:.9}.poster:hover .art .frame{transform:var(--t-hover,var(--t,none))}.art .frame:first-child{transform:var(--t,none)}.art-duel .frame:first-child{--w:34%;--t:translate(-64%, 2%) rotate(-5deg);--t-hover:translate(-68%, 0) rotate(-7deg)}.art-duel .frame:nth-child(2){--w:34%;--t:translate(64%, -2%) rotate(5deg);--t-hover:translate(68%, 0) rotate(7deg)}.art-fan .frame:first-child{--w:30%;--t:translate(-42%, 4%) rotate(-9deg);--t-hover:translate(-52%, 2%) rotate(-12deg)}.art-fan .frame:nth-child(2){--w:30%;--t:translate(0, -3%) rotate(0deg);--t-hover:translate(0, -6%);z-index:1}.art-fan .frame:nth-child(3){--w:30%;--t:translate(42%, 4%) rotate(9deg);--t-hover:translate(52%, 2%) rotate(12deg)}.art-podium .frame:first-child{--w:24%;--t:translate(-95%, 22%)}.art-podium .frame:nth-child(2){--w:30%;--t:translate(0, -2%);z-index:1}.art-podium .frame:nth-child(3){--w:24%;--t:translate(95%, 22%)}.art-guess .frame:first-child{--w:32%;--t:translate(-72%, 0) rotate(-3deg)}.art-guess .meter-art{flex-direction:column;align-items:flex-start;gap:.5rem;width:36%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-8%,-50%)}.meter-art b{font:400 clamp(2.2rem, 5vw, 3.4rem)/1 var(--serif);color:var(--tone)}.meter-art i{background:#ffffff24;border-radius:999px;width:100%;height:6px;display:block;position:relative}.meter-art i:after{content:"";background:var(--tone);width:16px;height:16px;box-shadow:0 0 0 5px color-mix(in srgb, var(--tone) 25%, transparent);border-radius:50%;position:absolute;top:50%;left:70%;translate:-50% -50%}.art .vs{z-index:3;position:absolute}.friend-bubble{font:500 .74rem var(--sans);border:1px solid color-mix(in srgb, var(--tone) 50%, transparent);color:var(--text);background:#100e1299;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .6rem;display:inline-flex}.art-swipe .frame:first-child{--w:28%;--t:translate(-10%, 6%) rotate(-7deg) scale(.94);opacity:.75}.art-swipe .frame:nth-child(2){--w:28%;--t:translate(8%, 0) rotate(4deg);z-index:1}.art-swipe .stamp{z-index:3;border:2px solid var(--tone);color:var(--tone);font:700 1.1rem var(--sans);letter-spacing:.1em;background:#100e1280;border-radius:8px;padding:.1rem .6rem;position:absolute;top:22%;left:56%;transform:rotate(10deg)}.art .score-chip{z-index:3;background:var(--tone);color:#170d11;font:700 .95rem var(--sans);border-radius:999px;padding:.1rem .65rem;position:absolute}.vs{background:var(--bg);border:1px solid var(--line);width:2.8rem;height:2.8rem;font:700 .74rem var(--sans);letter-spacing:.08em;color:var(--muted);box-shadow:0 0 0 6px color-mix(in srgb, var(--bg) 60%, transparent);border-radius:50%;place-items:center;display:grid}.art.floating{animation:7s ease-in-out infinite float}.stage{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;width:100%;display:flex}.stage-title{align-items:center;gap:1rem;min-width:0;display:flex}.stage-title .ico{background:color-mix(in srgb, var(--tone) 22%, transparent);width:3rem;height:3rem;color:var(--tone);box-shadow:0 0 0 6px color-mix(in srgb, var(--tone) 8%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.stage-title h1{font-size:clamp(1.7rem,3.2vw,2.3rem)}.stage-title .lede{color:var(--muted);font-size:.92rem}.game-top{flex-direction:column;gap:.5rem;width:100%;display:flex}.arena{width:min(100%, calc(var(--stage-h) * .8 * 2 + 1rem));animation:rise .32s var(--ease) both;outline:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-inline:auto;display:grid;position:relative}.arena>.vs{z-index:4;pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.contender{border-radius:var(--r-lg);color:var(--text);transition:transform .3s var(--ease), opacity .3s, filter .3s;background:0 0;border:0;padding:0;display:block;position:relative}.contender:hover:not(:disabled){background:0 0;transform:translateY(-4px)}.contender .frame{border-radius:var(--r-lg);box-shadow:var(--shadow);transition:box-shadow .25s var(--ease)}.contender:hover:not(:disabled) .frame{box-shadow:0 0 0 2px var(--tone), 0 24px 54px #0000008c}.contender:disabled{opacity:1}.contender.won{animation:pop .4s var(--ease);transform:scale(1.02)}.contender.won .frame{box-shadow:0 0 0 3px var(--tone), 0 24px 54px #0000008c}.contender.lost{opacity:.28;filter:grayscale(.7);transform:scale(.95)}.contender .caption{z-index:2;text-align:left;justify-content:space-between;align-items:end;gap:.5rem;display:flex;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.contender .caption .who{font:400 1.1rem/1.2 var(--serif);text-shadow:0 2px 12px #000000b3}.keys{color:var(--faint);justify-content:center;align-items:center;gap:.6rem;font-size:.78rem;display:flex}kbd{font:500 .74rem var(--sans);border:1px solid var(--line);color:var(--muted);background:var(--surface);border-bottom-width:2px;border-radius:6px;padding:.05rem .45rem}.solo{width:min(100%, calc(var(--stage-h) * .8));animation:rise .32s var(--ease) both;flex-direction:column;gap:1rem;margin-inline:auto;display:flex}.solo .frame{border-radius:var(--r-lg);box-shadow:var(--shadow)}.solo-wide{flex-direction:column;align-items:stretch;gap:1rem;width:min(100%,34rem);margin-inline:auto;display:flex}.who-line{justify-content:space-between;align-items:center;gap:1rem;display:flex}.who-line .name{font:400 1.5rem/1.2 var(--serif)}.quiz-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);flex-direction:column;gap:1.1rem;width:min(100%,36rem);margin-inline:auto;padding:1.25rem;display:flex}.dial{align-items:center;gap:1.2rem;display:flex}.dial input[type=range]{appearance:none;background:var(--raise-2);width:auto;height:6px;accent-color:var(--tone);border-radius:999px;flex:1}.dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--tone);border:4px solid var(--surface);width:24px;height:24px;box-shadow:0 0 0 2px var(--tone);cursor:grab;transition:transform .15s var(--ease);border-radius:50%}.dial input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.dial input[type=range]::-moz-range-thumb{background:var(--tone);border:4px solid var(--surface);width:18px;height:18px;box-shadow:0 0 0 2px var(--tone);border-radius:50%}.dial output{font:400 3rem/1 var(--serif);text-align:right;font-variant-numeric:tabular-nums;min-width:2.2ch;color:var(--tone)}.reveal{animation:rise .4s var(--ease) both;grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.reveal>div{background:var(--raise);border-radius:var(--r);flex-direction:column;gap:.1rem;padding:.8rem 1rem;display:flex}.reveal b{font:400 2.4rem/1 var(--serif);font-variant-numeric:tabular-nums}.reveal .win b{color:var(--tone)}.reveal .verdict{background:color-mix(in srgb, var(--tone) 14%, var(--raise));text-align:center;grid-column:1/-1}.reveal .verdict b{font-size:1.5rem}.xp{background:var(--tone);color:#170d11;font:700 .78rem var(--sans);animation:pop .45s var(--ease);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .6rem;display:inline-flex}.rating.big{max-width:100%}.rating.big button{padding:.8rem 0;font-size:1.05rem}.theme-card{border-radius:var(--r-lg);background:radial-gradient(90% 140% at 0% 0%, color-mix(in srgb, var(--tone) 34%, transparent), transparent 70%), var(--surface);border:1px solid var(--line-soft);padding:1.6rem 1.75rem;position:relative;overflow:hidden}.theme-card .theme{font:400 clamp(1.8rem, 4vw, 2.6rem)/1.12 var(--serif);margin:.3rem 0 .5rem}.entry-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.entry{flex-direction:column;gap:.6rem;display:flex}.entry .frame{box-shadow:var(--shadow);transition:transform .25s var(--ease), box-shadow .25s}.entry:hover .frame{transform:translateY(-3px)}.entry.picked .frame{box-shadow:0 0 0 3px var(--tone), var(--shadow)}.entry-bar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.matches{grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1.25rem;display:grid}.match{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);grid-template-columns:1fr 1fr;gap:.6rem;padding:.7rem;display:grid}.match-card{border-radius:var(--r);transition:transform .25s var(--ease);background:0 0;border:0;padding:0;display:block;position:relative}.match-card:hover:not(:disabled){background:0 0;transform:translateY(-3px)}.match-card:disabled{opacity:1}.match-card .frame{transition:box-shadow .2s}.match-card.mine .frame{box-shadow:0 0 0 3px var(--tone)}.match-card.won .frame{box-shadow:0 0 0 3px var(--ok)}.match-card:hover:not(:disabled) .frame{box-shadow:0 0 0 2px var(--tone)}.round-banner{color:var(--muted);align-items:center;gap:.6rem;font-size:.88rem;display:flex}.steps-dots{gap:.3rem;width:100%;max-width:30rem;margin-inline:auto;display:flex}.steps-dots i{background:var(--raise-2);border-radius:999px;flex:1;height:5px;transition:background-color .3s}.steps-dots i.done{background:var(--tone)}.steps-dots i.now{background:color-mix(in srgb, var(--tone) 45%, var(--raise-2))}.deck{width:min(100%, calc(var(--stage-h) * .72));touch-action:pan-y;margin-inline:auto;position:relative}.deck .frame{border-radius:var(--r-lg);box-shadow:var(--shadow)}.deck-card{animation:rise .3s var(--ease) backwards;transition:transform .22s var(--ease), opacity .22s;position:relative}.deck-card.go-left{opacity:0;transform:translate(-60%)rotate(-10deg)}.deck-card.go-right{opacity:0;transform:translate(60%)rotate(10deg)}.deck:before{content:"";border-radius:var(--r-lg);background:var(--raise);z-index:-1;position:absolute;inset:0;transform:translateY(10px)scale(.95)}.deck-name{z-index:2;font:400 1.7rem/1.15 var(--serif);text-shadow:0 2px 16px #000000b3;position:absolute;bottom:1rem;left:1.1rem;right:1.1rem}.deck-actions{justify-content:center;gap:1.2rem;margin-top:1.2rem;display:flex}.deck-actions button{border-radius:50%;width:3.6rem;height:3.6rem;padding:0}.deck-actions .no{background:var(--surface);color:var(--err);border-color:color-mix(in srgb, var(--err) 40%, transparent)}.deck-actions .no:hover{background:color-mix(in srgb, var(--err) 14%, var(--surface))}.deck-actions .yes{background:var(--tone);border-color:var(--tone);color:#0f1712}.challenges{background:linear-gradient(120deg, var(--accent-soft), transparent 70%), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));border-radius:var(--r-lg);flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.challenges h2{margin:0;font-size:1.3rem}.challenge{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.players{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;font-size:.84rem;list-style:none;display:flex}.players li{background:var(--surface);border:1px solid var(--line-soft);border-radius:999px;padding:.15rem .75rem}.players li.done{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 35%, var(--line))}.field-label{color:var(--muted);margin:0;font-size:.8rem}.rules ol{color:#d3cdd0;flex-direction:column;gap:.5rem;margin:.4rem 0 .2rem;padding-left:1.3rem;display:flex}.rules .facts{margin-top:.4rem}.round-results{flex-direction:column;gap:.8rem;display:flex}.result-row{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.9rem;display:flex}.result-row.match{border-color:color-mix(in srgb, var(--tone) 55%, var(--line));background:linear-gradient(120deg, color-mix(in srgb, var(--tone) 12%, transparent), transparent 60%), var(--surface)}.result-pic{flex-direction:column;gap:.4rem;width:8.5rem;display:flex}.result-pic.mine .frame{box-shadow:0 0 0 3px var(--tone)}.result-model{flex:none;width:8.5rem}.result-scores{font:400 1.3rem/1 var(--serif);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.6rem;display:flex}.result-scores>span{background:var(--raise);border-radius:var(--r);flex-direction:column;align-items:center;gap:.15rem;min-width:4.2rem;padding:.55rem .9rem;display:flex}.result-scores .sub{font:400 .74rem var(--sans)}.match-meter{border-bottom:1px solid var(--line-soft);align-items:baseline;gap:.8rem;padding:.7rem 0;display:flex}.match-meter:last-child{border-bottom:0}.rank-score{font:400 1.6rem/1 var(--serif);font-variant-numeric:tabular-nums;color:var(--tone)}.answer-box{flex-direction:column;gap:.5rem;margin-top:.3rem;display:flex}.answer-box .reactions{flex-wrap:wrap;align-items:center}.answer{color:var(--muted);font-size:.8rem;display:block}.reaction-tag{border:1px solid var(--line);border-radius:999px;margin-right:.3rem;padding:.05rem .5rem}label.check.small{color:var(--muted);font-size:.8rem}.theme{font:400 2rem/1.15 var(--serif);margin:0 0 .4rem}.winner .frame{max-width:18rem}.ranking{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);flex-direction:column;margin:0;padding:.25rem 1rem;list-style:none;display:flex}.ranking li{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.8rem 0;display:flex}.ranking li:last-child{border-bottom:0}.rank{font:400 1.3rem/1 var(--serif);color:var(--faint);text-align:right;font-variant-numeric:tabular-nums;width:2.4ch}.rank-item{flex:1;align-items:center;gap:1rem;min-width:10rem;display:flex}.twin{flex-wrap:wrap;align-items:center;gap:1rem;margin:.5rem 0;display:flex}.badges{flex-wrap:wrap;gap:.75rem;display:flex}.badge-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);flex-direction:column;gap:.1rem;padding:.7rem 1rem;display:flex}.badge-card b{font:400 1.05rem var(--serif)}.boards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;display:grid}.board{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);transition:transform .25s var(--ease), border-color .2s;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;display:flex}.board:hover{border-color:var(--line);transform:translateY(-3px)}.board .name{font:400 1.15rem var(--serif)}.archive{flex-direction:column;display:flex}.archive-row{border-bottom:1px solid var(--line-soft);grid-template-columns:8rem 1fr 1fr;align-items:center;gap:1rem;padding:.8rem 0;display:grid}.archive-cell{align-items:center;gap:.8rem;display:flex}.proposals{flex-direction:column;display:flex}.proposal{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.8rem 0;display:flex}.proposal>div:nth-child(2){flex:1;min-width:12rem}.table{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:.88rem}.table td,.table th{border-bottom:1px solid var(--line-soft);text-align:left;padding:.6rem .6rem .6rem 0}.table th{font:500 .7rem var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.person{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:.5rem;padding:.8rem 1rem;transition:border-color .2s;display:flex}a.person:hover{border-color:var(--line)}.person .grow{flex:1}.round-row{color:var(--text)}.round-row:hover b{text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.2em}.narrow{max-width:26rem}details summary{cursor:pointer;color:var(--muted);margin:.6rem 0}details summary:hover{color:var(--text)}.login-wrap{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.login{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);width:min(22rem,100%);box-shadow:var(--shadow);animation:rise .5s var(--ease) both;flex-direction:column;gap:1.1rem;padding:1.75rem;display:flex}.login .mark{border-radius:16px;width:72px;height:72px;margin-bottom:.4rem;display:block}.brand-big{font:400 2.8rem/1 var(--serif);letter-spacing:-.02em;margin:0}.login .lede{color:var(--muted);margin:-.5rem 0 .4rem}.login .row{align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.login .row .button,.login .row button{flex:1;padding:.6rem .8rem}.dialog-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s var(--ease);background:#080709b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--raise);border:1px solid var(--line);border-radius:var(--r-lg);width:min(27rem,100%);max-height:90dvh;animation:rise .25s var(--ease) both;flex-direction:column;gap:.9rem;padding:1.4rem;display:flex;overflow:auto;box-shadow:0 30px 70px #0009}.dialog h3{font:400 1.4rem/1.2 var(--serif)}.dialog .actions{margin:0}.dialog-title{align-items:center;gap:.8rem;display:flex}.dialog-title .ico{background:color-mix(in srgb, var(--tone) 22%, transparent);width:2.3rem;height:2.3rem;color:var(--tone);border-radius:50%;place-items:center;display:grid}.pick{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);flex-direction:column;gap:.5rem;max-height:14rem;padding:.6rem 0;display:flex;overflow:auto}.shares{flex-direction:column;gap:.8rem;display:flex}.share{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);grid-template-columns:8.5rem 1fr;gap:1.25rem;padding:1rem;display:grid}.share.fresh{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.share-thumb{width:100%;display:block}.share-thumb .frame,.share-thumb .thumb{border-radius:var(--r)}.share-body{flex-direction:column;gap:.5rem;min-width:0;display:flex}.share-body h3{font:400 1.25rem/1.25 var(--serif)}.share-body h3 a{text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);text-underline-offset:.2em}.share-body .rating{max-width:24rem}.quote{font:italic 400 1rem var(--serif);color:#d3cdd0;margin:0}.replies{max-width:34rem}.replies td.num{font-variant-numeric:tabular-nums;white-space:nowrap}.replies tr.open td:not(.sub){color:var(--muted)}.meter{vertical-align:middle;background:var(--raise-2);border-radius:999px;width:3.5rem;height:5px;margin-left:.6rem;display:inline-block;overflow:hidden}.meter>span{background:var(--accent);height:100%;display:block}.friend-favorites{flex-direction:column;gap:1rem;padding:1rem 0 1.5rem;display:flex}.common-tile{flex-direction:column;display:flex;position:relative}.common-tile>.card{flex:1}.ghost.liked{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 55%, transparent)}.quick{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.quick>a{flex:0 22rem;max-width:100%}.quick .thumb.big{max-height:70vh}.quick-side{flex-direction:column;flex:18rem;gap:.75rem;min-width:0;display:flex}.quick-side .rating{max-width:100%}.swipe{touch-action:pan-y;flex-direction:column;align-items:flex-start;gap:.75rem;max-width:24rem;display:flex}.swipe .thumb.big{max-height:62vh}@media (width<=1440px){.chip{display:none}}@media (width<=1180px){.poster.hero{flex-direction:column}.poster.hero .poster-art{aspect-ratio:16/10;min-height:0}.poster.hero .poster-body{padding:1.25rem}.poster.hero .poster-title h3{font-size:1.8rem}}@media (width<=760px){:root{--stage-h:min(56dvh, 34rem)}.page{padding-top:1.25rem;padding-bottom:7rem}.topbar{padding-top:.6rem;padding-bottom:.6rem}.nav,.account .hide-sm{display:none}.tabbar{z-index:30;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);border-top:1px solid var(--line-soft);grid-template-columns:repeat(6,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--faint);border-radius:var(--r);flex-direction:column;align-items:center;gap:.15rem;padding:.35rem 0;font-size:.64rem;transition:color .15s;display:flex;position:relative}.tabbar a.active{color:var(--text)}.tabbar a.active svg{color:var(--accent)}.tabbar .count{margin:0;position:absolute;top:.1rem;left:55%}.stack.roomy{gap:2.25rem}.filters>input,.filters>select{flex:42%;min-width:0}.filters>input[type=search],.filters>input:not([type]){flex-basis:100%}.grid{grid-template-columns:repeat(2,1fr);gap:1.4rem .8rem}.grid.galleries{grid-template-columns:repeat(2,1fr)}.grid.images{grid-template-columns:repeat(3,1fr);gap:.4rem}.grid.compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.detail-head{gap:1.25rem}.detail-head>.thumb{width:150px}.arena{gap:.5rem}.vs{width:2.3rem;height:2.3rem;font-size:.66rem}.contender .caption .who{font-size:.95rem}.keys{display:none}.dial output{font-size:2.4rem}.match{gap:.4rem;padding:.5rem}.poster-art{aspect-ratio:16/9}.tabs{gap:.1rem}.lightbox{grid-template-columns:2.4rem 1fr 2.4rem}.lb-help{display:none}.lb-bar{gap:.6rem 1rem;padding:.7rem .9rem .9rem}.archive-row{grid-template-columns:1fr}.stat{margin-right:1.25rem;padding-right:1.25rem}.share{grid-template-columns:5.5rem 1fr;gap:.9rem;padding:.8rem}.replies th:nth-child(4),.replies td:nth-child(4){display:none}.replies th:nth-child(2),.replies td:nth-child(2){padding-right:.4rem}.result-pic,.result-model{width:6.5rem}.toasts{bottom:5.2rem}.rating button{padding:.5rem 0;font-size:.86rem}.rating.big button{padding:.7rem 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.duo{width:100%;animation:rise .32s var(--ease) both;grid-template-columns:minmax(0,21rem) minmax(0,26rem);justify-content:center;align-items:center;gap:2rem;display:grid}.duo-pic{display:block}.duo-pic .frame{border-radius:var(--r-lg);box-shadow:var(--shadow);transition:transform .3s var(--ease)}.duo-pic:hover .frame{transform:translateY(-3px)}.duo .quiz-card{width:100%}.loading{color:var(--muted);text-align:center;animation:fade .6s var(--ease) .15s both;padding:4rem 0}.today-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),26rem));justify-content:start;gap:2.5rem}.today-grid.wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.daily .frame{max-height:none}.daily-card{position:relative}.daily-card .heart{top:.8rem;right:.8rem}.daily-card .frame{box-shadow:var(--shadow)}.step-text{align-items:center;gap:.4rem;display:inline-flex}button.plain.entry{width:100%;display:flex}@media (width<=760px){.duo{grid-template-columns:minmax(0,1fr);gap:1.25rem}.duo-pic{width:min(100%,17rem);margin-inline:auto}.today-grid{grid-template-columns:minmax(0,1fr);gap:2rem}}.pair-item{flex-direction:column;gap:.75rem;min-width:0;display:flex}.pair-item .contender{width:100%}.pair-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pair-meta .name{font:400 1.25rem/1.25 var(--serif)}.pair-meta .sub{display:block}@media (width<=760px){.arena .frame{aspect-ratio:2/3}.pair-meta .name{font-size:1.05rem}.steps li>a,.steps li>button{margin-left:auto}}.deck:before{aspect-ratio:4/5;inset:0 0 auto}.avatar{--h:200;width:2.2rem;height:2.2rem;font:600 .9rem var(--sans);background:hsl(var(--h) 34% 24%);color:hsl(var(--h) 70% 82%);border-radius:50%;flex:none;place-items:center;display:inline-grid}.avatar.sm{width:1.6rem;height:1.6rem;font-size:.72rem}.avatar.lg{width:3rem;height:3rem;font-size:1.15rem}.share-dialog{width:min(30rem,100%)}.share-head{align-items:center;gap:1.1rem;display:flex}.share-preview{flex:none;width:5.5rem}.share-preview .frame{border-radius:var(--r);box-shadow:var(--shadow);transform:rotate(-3deg)}.share-intro{flex-direction:column;gap:.2rem;min-width:0;display:flex}.share-intro .ico{background:var(--accent-soft);width:2.2rem;height:2.2rem;color:var(--accent);border-radius:50%;place-items:center;display:grid}.share-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.pick.people{border:0;gap:.35rem;max-height:15rem;padding:0}.who{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--line-soft);border-radius:var(--r);text-align:left;align-items:center;gap:.75rem;padding:.5rem .75rem;font-weight:400;display:flex}.who:hover{background:var(--raise-2);border-color:var(--line)}.who.on{border-color:var(--accent);background:var(--accent-soft)}.who-name{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.who-name .sub{font-size:.74rem}.who-check{border:1px solid var(--line);color:#170d11;border-radius:50%;flex:none;place-items:center;width:1.35rem;height:1.35rem;display:grid}.who.on .who-check{background:var(--accent);border-color:var(--accent)}.share-actions{justify-content:space-between}.navbtn{color:var(--muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.9rem;font-weight:400;display:inline-flex}.navbtn:hover{color:var(--text);background:#ffffff0a}.navbtn.active{color:var(--text);background:var(--raise-2)}.navbtn .count{margin-left:0}.tabbtn{color:var(--faint);border-radius:var(--r);background:0 0;border:0;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem 0;font-size:.64rem;font-weight:400;display:flex;position:relative}.tabbtn:hover{color:var(--text);background:0 0}.tabbtn.active{color:var(--text)}.tabbtn.active svg{color:var(--accent)}.tabbtn .count{margin:0;position:absolute;top:.1rem;left:55%}.chat-panel{z-index:45;background:var(--surface);border-left:1px solid var(--line);visibility:hidden;width:min(26rem,100vw);transition:transform .3s var(--ease), visibility 0s linear .3s;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-24px 0 60px #00000080}.chat-panel.open{visibility:visible;transition:transform .3s var(--ease), visibility 0s;transform:none}.panel-head{border-bottom:1px solid var(--line-soft);flex:none;align-items:center;gap:.7rem;min-height:4.2rem;padding:.85rem 1rem;display:flex}.panel-head>h2{flex:1;margin:0;font-size:1.4rem}.panel-title{flex:1;min-width:0}.panel-title h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;overflow:hidden}.panel-tools{gap:.4rem;display:flex}.chat-new{border-bottom:1px solid var(--line-soft);flex-direction:column;flex:none;gap:.5rem;padding:.8rem;display:flex}.chat-people{flex-direction:column;gap:.3rem;max-height:14rem;display:flex;overflow:auto}.threads{flex:1;margin:0;padding:.4rem;list-style:none;overflow:auto}.thread{border-radius:var(--r);width:100%;color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:.6rem .7rem;font-weight:400;transition:background-color .15s;display:flex}.thread:hover{background:#ffffff0d}.thread-body{flex-direction:column;flex:1;min-width:0;display:flex}.thread-top{justify-content:space-between;gap:.5rem;display:flex}.thread-top b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.thread-last{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.thread.unread .thread-last{color:var(--text)}.thread .count{margin:0}.avatar.room{background:var(--accent-soft);color:var(--accent)}.chat-log{flex-direction:column;flex:1;min-height:0;padding:1rem 1.1rem;display:flex;overflow:auto}.chat-empty{color:var(--muted);font:italic 1.05rem var(--serif);text-align:center;margin:auto}.chat-day{text-align:center;margin:1rem 0 .4rem}.chat-day span{color:var(--muted);background:var(--raise);border-radius:999px;padding:.15rem .75rem;font-size:.74rem}.bubble-row{align-items:flex-end;gap:.5rem;margin-top:.6rem;display:flex}.bubble-row.grouped{margin-top:.15rem}.bubble-row.mine{justify-content:flex-end}.avatar-gap{flex:none;width:1.6rem}.bubble{background:var(--raise-2);max-width:min(34rem,82%);animation:rise .2s var(--ease) both;border-radius:16px 16px 16px 4px;flex-direction:column;padding:.45rem .8rem .35rem;display:flex}.bubble-row.mine .bubble{background:color-mix(in srgb, var(--accent) 24%, var(--raise));border-radius:16px 16px 4px}.bubble-name{font:600 .74rem var(--sans);color:color-mix(in srgb, var(--accent) 70%, #fff)}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble-time{color:var(--faint);align-self:flex-end;margin-top:.1rem;font-size:.66rem}.bubble.has-attachment{padding:.35rem .35rem .3rem}.bubble.has-attachment>.bubble-name,.bubble.has-attachment>.bubble-text,.bubble.has-attachment>.bubble-time{padding:0 .45rem}.attachment{border-radius:var(--r);background:var(--bg);width:11rem;max-width:100%;transition:transform .2s var(--ease);margin-bottom:.35rem;display:block;overflow:hidden}.attachment:hover{transform:translateY(-2px)}.attachment .frame{border-radius:var(--r) var(--r) 0 0}.attachment-title{font:400 .98rem/1.2 var(--serif);flex-direction:column;padding:.4rem .6rem .5rem;display:flex}.attachment-title .sub{font:400 .72rem var(--sans)}.chat-older{align-self:center;margin-bottom:.5rem}.chat-compose{border-top:1px solid var(--line-soft);flex:none;align-items:flex-end;gap:.6rem;padding:.7rem;display:flex;position:relative}.chat-compose textarea{resize:none;background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:18px;outline:none;flex:1;max-height:140px;padding:.6rem .95rem;line-height:1.4;transition:border-color .15s,box-shadow .2s}.chat-compose textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.round-send{border-radius:50%;flex:none;width:2.6rem;height:2.6rem;padding:0}.chat-count{color:var(--muted);font-size:.72rem;position:absolute;top:-1.3rem;right:4.6rem}.seg{background:var(--surface);border:1px solid var(--line-soft);border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:.4rem .8rem;font-weight:400}.seg button:hover{color:var(--text);background:#ffffff0d}.seg button.on{background:var(--raise-2);color:var(--text)}@media (width<=1000px) and (width>=761px){.topbar{gap:.5rem .7rem}.nav{scrollbar-width:none;overflow-x:auto}.nav a,.navbtn{padding:.35rem .6rem;font-size:.84rem}.account{gap:.7rem}.account>a{text-overflow:ellipsis;white-space:nowrap;max-width:5.5rem;overflow:hidden}}.swipe-stage{flex-direction:column;align-items:center;gap:1.1rem;display:flex}.swipe-deck{width:min(100%, calc(var(--stage-h) * .78));aspect-ratio:4/5;-webkit-user-select:none;user-select:none;position:relative}.swipe-card{border-radius:var(--r-lg);touch-action:pan-y;position:absolute;inset:0}.swipe-card .frame{aspect-ratio:auto;border-radius:inherit;height:100%;box-shadow:var(--shadow)}.swipe-card.top{cursor:grab;will-change:transform;animation:rise .3s var(--ease) backwards;transition:transform .25s var(--ease), opacity .22s;touch-action:none;-webkit-touch-callout:none}.swipe-card.top:active{cursor:grabbing}.swipe-card.under{opacity:.65;transition:transform .25s var(--ease), opacity .25s;pointer-events:none;transform:scale(.94)translateY(16px)}.swipe-card.top.go-left{opacity:0;transition:transform .21s ease-in,opacity .21s;transform:translate(-130%,24px)rotate(-16deg)}.swipe-card.top.go-up{opacity:0;transition:transform .23s ease-in,opacity .23s;transform:translateY(-130%)scale(.92)}.swipe-card.top.go-right{opacity:0;transition:transform .21s ease-in,opacity .21s;transform:translate(130%,24px)rotate(16deg)}.stamp-yes,.stamp-no{z-index:3;font:800 1.7rem/1.3 var(--sans);letter-spacing:.08em;opacity:0;pointer-events:none;background:#100e1259;border:3px solid;border-radius:10px;padding:.05rem .7rem;position:absolute;top:1.3rem}.stamp-yes{color:var(--ok);border-color:var(--ok);left:1.3rem;transform:rotate(-12deg)}.stamp-no{color:var(--err);border-color:var(--err);right:1.3rem;transform:rotate(12deg)}.swipe-tint{z-index:1;pointer-events:none;mix-blend-mode:normal;transition:background-color 80ms;position:absolute;inset:0}.stamp-fav{z-index:3;color:#ecc45c;font:800 1.5rem/1.3 var(--sans);letter-spacing:.08em;opacity:0;pointer-events:none;background:#100e1259;border:3px solid #ecc45c;border-radius:10px;padding:.05rem .7rem;position:absolute;top:22%;left:50%;translate:-50%}.swipe-info{z-index:2;flex-direction:column;gap:.15rem;display:flex;position:absolute;bottom:1rem;left:1.1rem;right:1.1rem}.swipe-name{font:400 1.9rem/1.1 var(--serif);text-shadow:0 2px 16px #000000b3}.swipe-info .sub a{color:var(--text)}.swipe-actions{justify-content:center;align-items:center;gap:1.1rem;display:flex}.swipe-actions .no,.swipe-actions .yes{width:4rem;height:4rem;transition:transform .15s var(--ease), background-color .15s;border-radius:50%;padding:0}.swipe-actions .no{background:var(--surface);color:var(--err);border:1px solid color-mix(in srgb, var(--err) 45%, transparent)}.swipe-actions .no:hover{background:color-mix(in srgb, var(--err) 16%, var(--surface));border-color:var(--err);transform:scale(1.06)}.swipe-actions .yes{background:var(--tone);border-color:var(--tone);color:#121708}.swipe-actions .yes:hover{background:color-mix(in srgb, var(--tone) 86%, #fff);border-color:#0000;transform:scale(1.06)}.taste-details{width:min(100%,36rem)}.taste-details summary{text-align:center}.lesson-line{flex-wrap:wrap;align-items:center;gap:.45rem;margin:.6rem 0 0;display:flex}.trait{border:1px solid var(--line);border-radius:999px;padding:.12rem .75rem;font-size:.86rem}.trait.up{border-color:color-mix(in srgb, var(--ok) 50%, transparent);background:color-mix(in srgb, var(--ok) 12%, transparent)}.trait.down{border-color:color-mix(in srgb, var(--err) 50%, transparent);background:color-mix(in srgb, var(--err) 12%, transparent)}.taste{flex-direction:column;gap:1.1rem;display:flex}.taste-stats{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.taste-stats>div{background:var(--raise);border-radius:var(--r);flex-direction:column;padding:.6rem .8rem;display:flex}.taste-stats b{font:400 1.7rem/1.1 var(--serif);font-variant-numeric:tabular-nums}.taste-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.taste-cols h3{margin-bottom:.6rem}.trait-bars{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.trait-bars li{flex-direction:column;gap:.2rem;display:flex}.trait-name{font-size:.86rem}.trait-bar{background:var(--raise-2);border-radius:999px;height:6px;display:block;overflow:hidden}.trait-bar i{border-radius:inherit;height:100%;transition:width .5s var(--ease);display:block}.trait-bars .love .trait-bar i{background:var(--ok)}.trait-bars .avoid .trait-bar i{background:var(--err)}@media (width<=760px){.posters[data-layout=hero-pair]{grid-template-columns:minmax(0,1fr)}.swipe-actions .no,.swipe-actions .yes{width:3.6rem;height:3.6rem}.taste-stats{grid-template-columns:repeat(2,1fr)}.taste-cols{grid-template-columns:minmax(0,1fr);gap:1.1rem}}.imm-top{display:none}.imm-close{border:1px solid var(--line);width:2.3rem;height:2.3rem;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.imm-title{font:400 1.15rem var(--serif)}.immersive{display:contents}@media (width<=760px){.immersive{z-index:35;background:var(--bg);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.imm-top{flex:none;align-items:center;gap:.7rem;padding:.5rem .8rem;display:flex}.immersive .imm-body{width:100%;max-width:none;min-height:0;padding:0 .6rem calc(.7rem + env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:stretch;gap:.6rem;margin:0;display:flex;overflow:hidden}.immersive .keys,.immersive .hint,.immersive .taste-details,.immersive .imm-body>p.sub{display:none}.immersive .steps-dots{flex:none;max-width:none}.immersive .progressbar,.immersive .bar{flex:none}.immersive .swipe-deck{aspect-ratio:auto;flex:1;width:100%;min-height:0}.immersive .swipe-card .frame{border-radius:var(--r-lg)}.immersive .swipe-actions{flex:none;gap:1rem;padding-top:.2rem}.immersive .swipe-name{font-size:2.1rem}.immersive .stamp-yes,.immersive .stamp-no{font-size:2.1rem;top:2rem}.immersive .stamp-fav{font-size:1.8rem;top:2rem}.immersive .duo{flex-direction:column;flex:1;gap:.6rem;width:100%;min-height:0;animation:none;display:flex}.immersive .duo-pic{flex:1;width:100%;min-height:0;margin:0;position:relative}.immersive .duo-pic .frame{aspect-ratio:auto;width:auto;position:absolute;inset:0}.immersive .quiz-card{flex:none;gap:.6rem;width:100%;padding:.8rem}.immersive .quiz-card .theme,.immersive .quiz-card .name{margin:0;font-size:1.4rem}.immersive .quiz-card .actions{gap:.5rem;margin:0}.immersive .quiz-card .sub{font-size:.8rem}.immersive .arena{flex-direction:column;flex:1;gap:.6rem;width:100%;min-height:0;margin:0;display:flex}.immersive .arena>.contender,.immersive .arena>.pair-item>.contender{flex:1;width:100%;min-height:0;position:relative}.immersive .arena .contender .frame{aspect-ratio:auto;width:auto;position:absolute;inset:0}.immersive .arena .pair-item{flex:1;gap:.4rem;min-height:0}.immersive .pair-meta .name{font-size:1.05rem}.immersive .solo{flex:1;width:100%;min-height:0;margin:0;animation:none}.immersive .solo .frame{aspect-ratio:auto;flex:1;width:100%;min-height:0}.immersive .deck{flex-direction:column;flex:1;width:100%;min-height:0;margin:0;display:flex}.immersive .deck:before{display:none}.immersive .deck-card{flex:1;min-height:0;position:relative}.immersive .deck-card .frame{aspect-ratio:auto;width:auto;position:absolute;inset:0}.immersive .deck-actions{flex:none;margin-top:.6rem}.rating.big{grid-template-columns:repeat(6,1fr);gap:.4rem;max-width:none;display:grid}.rating.big button{padding:.85rem 0;font-size:1.1rem}}.page>:has(.immersive){animation:none}