@font-face{font-family:"Big Shoulders Display";font-style:normal;font-weight:800;font-display:swap;src:url("/static/fonts/big-shoulders-display-800-latin.2377b6309a.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("/static/fonts/hanken-grotesk-latin.e9201eddf1.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Body Fallback";font-weight:400 500;src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Helvetica");size-adjust:100%;ascent-override:100%;descent-override:30.3%;line-gap-override:0%}@font-face{font-family:"Body Fallback";font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("Helvetica Bold");size-adjust:95.8%;ascent-override:104.4%;descent-override:31.6%;line-gap-override:0%}@font-face{font-family:"Display Fallback";font-weight:800;src:local("Arial Narrow Bold"),local("ArialNarrow-Bold"),local("Liberation Sans Narrow Bold"),local("LiberationSansNarrow-Bold"),local("Arial Narrow");size-adjust:82.8%;ascent-override:118.8%;descent-override:25.7%;line-gap-override:0%}:root{--ink:#08090c;--stage:#0e1116;--card:#141920;--raise:#1c232c;--line:#28313c;--line2:#3a4654;--edge:#6c7a89;--text:#f2f5f8;--dim:#aab5c1;--faint:#8a96a3;--white:#fff;--pick:#ffab40;--good:#7fd0e6;--meh:#b3a2f7;--skip:#98a3b0;--played:#6fd6a4;--ok:#62d396;--mid:#e3cf5c;--low:#ff7b69;--veil:rgba(8,9,12,.88);--veil-a:rgba(8,9,12,.82);--veil-b:rgba(8,9,12,.55);--veil-0:rgba(8,9,12,0);--veil-c:rgba(8,9,12,.86);--veil-d:rgba(8,9,12,.62);--veil-e:rgba(8,9,12,.55);--glass:rgba(14,17,22,.92);--shade:rgba(0,0,0,.7);--shadow:rgba(0,0,0,.6);--backdrop:rgba(4,5,7,.94);--tint:rgba(255,255,255,.03);--display:"Big Shoulders Display","Display Fallback","Arial Narrow",sans-serif;--body:"Hanken Grotesk","Body Fallback",system-ui,"Segoe UI",Roboto,sans-serif;--gut:clamp(16px,4vw,48px);--max:1360px;--r:3px;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--ink);scrollbar-color:var(--line2) var(--ink);-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--text);font:400 16px/1.55 var(--body);caret-color:var(--text);min-width:320px;min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}main:focus{outline:none}::selection{background:var(--text);color:var(--ink)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.22em}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}b,strong{font-weight:700}:focus-visible{outline:2px solid var(--white);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}input,select,textarea,button{font:inherit;color:inherit}code{font:500 .9em ui-monospace,monospace;background:var(--card);border:1px solid var(--line);padding:1px 6px;border-radius:var(--r)}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--text);color:var(--ink);padding:12px 18px;border-radius:var(--r);font-weight:700}.skip:focus{top:8px}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}.dim,.note{color:var(--dim)}.note{margin-bottom:16px}.fine{color:var(--faint);font-size:14px;margin-top:14px;max-width:70ch}.none{color:var(--dim);font-style:italic}.i{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0}h1,h2,.cn,.sv,.sc-n,.feature-name,.rung-l b,.tile-name{font-family:var(--display);font-weight:800;text-transform:uppercase}h1{font-size:clamp(2.5rem,7.4vw,5.5rem);line-height:.94;letter-spacing:.005em;text-wrap:balance}h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1;text-wrap:balance}.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.5;color:var(--dim);max-width:60ch}.hero .lead,.about-hero .lead,.ghero .g-why{color:var(--text);text-shadow:0 1px 12px var(--shade)}.sec-lead{color:var(--dim);max-width:62ch;margin-bottom:24px}.top{position:sticky;top:0;z-index:20;background:var(--veil);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.top.over{position:absolute;inset:0 0 auto 0;background:linear-gradient(var(--veil-a) 0,var(--veil-b) 60%,var(--veil-0) 100%);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0}.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:800 1.5rem/1 var(--display);text-transform:uppercase;letter-spacing:.02em;text-decoration:none}.brand .i{fill:currentColor;stroke:none}.top nav,.foot nav{display:flex;flex-wrap:wrap;gap:4px}.top nav a,.foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;color:var(--dim);font-weight:500;border-radius:var(--r)}.top nav a:hover,.foot nav a:hover{color:var(--text)}.top.over nav a,.top.over .brand{color:var(--text);text-shadow:0 1px 12px var(--shade)}.top nav a[aria-current]{color:var(--text);box-shadow:inset 0 -2px 0 var(--text);border-radius:0}.foot{margin-top:96px;border-top:1px solid var(--line);background:var(--stage);color:var(--dim)}.foot-in{display:grid;gap:12px;padding-block:40px 48px}.foot-brand{display:flex;align-items:center;gap:10px;font:800 1.4rem/1 var(--display);text-transform:uppercase;color:var(--text)}.foot-brand .i{fill:currentColor;stroke:none}.foot nav{margin-left:-14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;background:var(--text);color:var(--ink);border:1px solid var(--text);border-radius:var(--r);font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:var(--white);border-color:var(--white)}.btn.ghost{background:transparent;color:var(--text);border-color:var(--edge)}.btn.ghost:hover{border-color:var(--text);background:var(--raise)}.btn-s{min-height:44px;padding:0 12px;font-size:14px}input,select,textarea{width:100%;min-height:44px;padding:9px 12px;background:var(--card);border:1px solid var(--edge);border-radius:var(--r)}input::placeholder{color:var(--faint);opacity:1}select{appearance:none;padding-right:32px;cursor:pointer}option{background:var(--card);color:var(--text)}label{font-size:14px;font-weight:700;color:var(--dim)}.fld{display:grid;gap:5px;min-width:0;align-content:start}.fld-s{position:relative}.fld-s::after{content:"";position:absolute;right:14px;bottom:16px;width:8px;height:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);pointer-events:none}.t-pick{--tc:var(--pick)}.t-good{--tc:var(--good)}.t-meh{--tc:var(--meh)}.t-skip{--tc:var(--skip)}.t-played{--tc:var(--played)}.pips{display:inline-flex;gap:3px;align-items:flex-end}.pips i{width:5px;height:14px;background:var(--line2);border-radius:1px}.pips i:nth-child(1){height:8px}.pips i:nth-child(2){height:10px}.pips i:nth-child(3){height:12px}.pips i.on{background:var(--tc,var(--text))}.tierchip{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--tc)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid var(--line2);border:1px solid color-mix(in srgb,currentColor 45%,transparent);border-radius:var(--r);font-size:14px;font-weight:700;line-height:1.2;background:var(--tint);color:var(--text);white-space:nowrap}.tag .i{width:1em;height:1em}.pr-free,.cw-cracked,.fl-ok,.s-good{color:var(--ok)}.pr-soon,.pr-sale{color:var(--good)}.cw-uncracked,.fl-bad,.s-low{color:var(--low)}.tag-dn,.fl-warn,.s-mid{color:var(--mid)}.pr-unknown,.cw-unknown,.tag-q,.s-none{color:var(--dim)}.s-good,.s-mid,.s-low{font-variant-numeric:tabular-nums}.sc-n{font-size:3.4rem;line-height:.9;color:var(--tc);font-variant-numeric:tabular-nums}.sc-n .i{width:1em;height:1em;stroke-width:2.2}.sc-l{font-size:14px;font-weight:500;color:var(--dim)}.score{display:grid;gap:8px;justify-items:start;padding:14px 20px 12px;background:var(--veil-a);border-top:4px solid var(--tc);border-radius:var(--r)}.score.big .sc-n{font-size:clamp(4rem,9vw,6rem)}.hero,.ghero,.about-hero{position:relative;isolation:isolate;display:grid;align-items:end;overflow:clip;background:var(--ink)}.hero{min-height:clamp(600px,90svh,860px)}.ghero{min-height:clamp(520px,80svh,760px)}.about-hero{min-height:clamp(380px,56svh,520px)}.hero-media{position:absolute;inset:0;z-index:-1;background:var(--stage)}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;animation:gate .24s ease-out both}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--ink) 3%,var(--veil-c) 26%,var(--veil-d) 70%,var(--veil-e) 100%)}.noshot{display:grid;place-items:center;height:100%;color:var(--dim);font-size:14px}.noshot.big{position:absolute;inset:0;font-size:1.1rem;padding-bottom:30%}.ghero.plain{min-height:0}.ghero.plain .ghero-in{padding-block:110px 40px}@keyframes gate{from{opacity:.55}to{opacity:1}}.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:32px 56px;align-items:end;padding-block:150px 48px}.hero-copy{display:grid;gap:22px;justify-items:start;min-width:0}.hero h1,.ghero h1,.about-hero h1{text-shadow:0 2px 28px var(--shade)}.finder{display:flex;gap:8px;width:min(100%,520px)}.finder input{flex:1;min-width:0;min-height:52px;background:var(--glass)}.finder .btn{min-height:52px}.feature{display:grid;gap:12px;padding:20px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line2);border-top:4px solid var(--tc);border-radius:var(--r);text-decoration:none;transition:border-color .2s,transform .3s var(--ease)}.feature:hover{border-color:var(--text);border-top-color:var(--tc);transform:translateY(-3px)}.feature-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.feature-score{font:800 3.2rem/.9 var(--display);color:var(--tc);display:grid;justify-items:end;font-variant-numeric:tabular-nums}.feature-score small{font:500 14px/1.2 var(--body);color:var(--dim);margin-top:4px}.feature-name{font-size:clamp(1.9rem,3vw,2.5rem);line-height:.98}.feature-why{color:var(--dim);font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feature-go{display:inline-flex;align-items:center;gap:8px;font-weight:700;min-height:28px}.sec{padding-block:80px 0}.sec.tight{padding-top:56px}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px 24px;margin-bottom:24px}.sec-h{margin-bottom:20px}.sec-head .sec-h{margin:0}.more{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--dim);font-weight:500}.more:hover{color:var(--text)}.page-head{padding-block:56px 28px;display:grid;gap:12px}.page-head.slim{padding-block:28px 20px;gap:6px}.slim h1{font-size:clamp(2rem,4.4vw,3rem)}.slim .lead{font-size:1rem}.ways{display:flex;flex-wrap:wrap;gap:10px}.ways a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--line2);border-radius:var(--r);text-decoration:none;font-weight:500;background:var(--card);transition:border-color .15s,background .15s}.ways a:hover{border-color:var(--text);background:var(--raise)}.ways b{color:var(--dim);font-variant-numeric:tabular-nums}.stamp{color:var(--dim);padding-top:24px;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:36px 22px}.card{position:relative;display:grid;gap:14px;align-content:start;min-width:0}.cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);background:var(--card)}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.card:hover .cover img{transform:scale(1.045)}.nocover{display:grid;place-items:center;height:100%;color:var(--faint);font-size:14px}.cs{position:absolute;left:0;bottom:0;min-width:56px;height:46px;padding:0 12px;display:grid;place-items:center;background:var(--ink);border-top:3px solid var(--tc);border-top-right-radius:var(--r);color:var(--tc);font:800 1.7rem/1 var(--display);font-variant-numeric:tabular-nums}.cs .i{width:1.4rem;height:1.4rem;stroke-width:2.2}.cb{display:grid;gap:8px;align-content:start}.cn{font-size:1.5rem;line-height:1;text-wrap:balance}.cn a{text-decoration:none}.cn a::after{content:"";position:absolute;inset:0}.cn a:focus-visible{outline:none;box-shadow:none}.cn a:focus-visible::after{outline:2px solid var(--white);outline-offset:3px;border-radius:var(--r)}.card:hover .cn a{text-decoration:underline;text-decoration-thickness:2px}.cm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--dim);font-size:14px}.tipx{display:grid;gap:8px;align-content:start}.tx-h,.why,.steam,.cq,.tgl{display:none}.card .fl-ok{display:none}.steam{font-size:14px;color:var(--dim);gap:0 10px;flex-wrap:wrap;align-items:baseline}.sg{white-space:nowrap}.why{font-size:15px}.rail{padding-bottom:4px}.rail-hint{display:none;color:var(--dim);font-size:14px;margin:-8px 0 10px}@media(min-width:1100px){.rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 18px}.rail .cn{font-size:1.35rem}}.filterbar{border-block:1px solid var(--line);background:var(--stage)}.filters{display:grid;gap:12px;padding-block:16px}.fld-q{max-width:520px}.frow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.fdet{display:grid}.fsum{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:700;list-style:none;padding:0 14px;border:1px solid var(--edge);border-radius:var(--r);background:var(--card)}.fsum::-webkit-details-marker{display:none}.fsum::after{content:"";width:8px;height:8px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}.fdet[open] .fsum::after{transform:rotate(-135deg) translateY(-2px)}.fon{color:var(--dim);font-weight:500}.fbody{display:grid;gap:14px}.tabs{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tab{display:block;position:relative}.tab input{position:absolute;opacity:0;inset:0;width:100%;height:100%;min-height:0;cursor:pointer}.tab span{display:flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--edge);border-radius:var(--r);background:var(--card);color:var(--text);font-size:15px;font-weight:700;transition:border-color .15s,background .15s}.tab input:checked+span{border-color:var(--text);background:var(--raise);box-shadow:inset 0 -3px 0 var(--text)}.tab input:focus-visible+span{outline:2px solid var(--white);outline-offset:2px}.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:end}.fld-btn{display:flex;gap:8px;flex-wrap:wrap}.js .apply{display:none}.list{padding-bottom:40px}.bar{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap;padding-block:20px 0}.count{color:var(--dim);font-variant-numeric:tabular-nums}.views{border:0;margin:0;padding:0;display:flex;gap:6px}.stash{margin-top:24px}.more-w{text-align:center;margin-top:32px}.empty{padding:48px 0;display:grid;gap:10px;justify-items:start}.empty p{color:var(--dim)}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:32px}.pages{display:flex;flex-wrap:wrap;gap:6px}.gap{align-self:center;color:var(--dim)}.pg-on{background:var(--raise);color:var(--text);border-color:var(--text)}.js .pager{display:none}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}[data-view=stash] .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:24px 12px}[data-view=stash] .card{gap:8px}[data-view=stash] .cover{aspect-ratio:4/3}[data-view=stash] .cs{min-width:40px;height:34px;padding:0 8px;font-size:1.3rem}[data-view=stash] .cb{gap:4px}[data-view=stash] .cn{font-size:1.1rem}[data-view=stash] .cm .m,[data-view=stash] .tags{display:none}[data-view=stash] .cq{display:flex;flex-wrap:wrap;gap:4px 6px}[data-view=stash] .cq .tag{padding:3px 6px}[data-view=stash] .tipx{position:absolute;left:0;top:100%;z-index:20;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);background:var(--card);border-radius:var(--r)}[data-view=stash] .tip-r .tipx{left:auto;right:0}[data-view=stash] .tip-up .tipx{top:auto;bottom:100%}[data-view=stash] .tip-s .tipx{top:0;left:calc(100% + 10px)}[data-view=stash] .tip-s.tip-r .tipx{left:auto;right:calc(100% + 10px)}[data-view=stash] .tip-s.tip-up .tipx{top:auto;bottom:0}@keyframes tipwait{from{width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);border-width:0;box-shadow:none}}@media(hover:hover){[data-view=stash] .card:not(.esc):hover .tipx{width:min(300px,calc(100vw - 32px));height:auto;padding:14px;overflow:visible;clip-path:none;border:1px solid var(--line2);border-top:3px solid var(--tc);box-shadow:0 12px 28px var(--shadow);animation:tipwait .15s step-end}}[data-view=stash] .card:not(.esc):focus-within .tipx,[data-view=stash] .card.open .tipx{width:min(300px,calc(100vw - 32px));height:auto;padding:14px;overflow:visible;clip-path:none;border:1px solid var(--line2);border-top:3px solid var(--tc);box-shadow:0 12px 28px var(--shadow)}[data-view=stash] .tx-h,[data-view=stash] .why,[data-view=stash] .steam{display:block}[data-view=stash] .tx-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;color:var(--dim);font-size:14px}.tx-n,.tx-s{font:800 1.3rem/1.1 var(--display);text-transform:uppercase}.tx-n{color:var(--text)}.tx-s{color:var(--tc)}.tx-h span{flex-basis:100%}[data-view=stash] .tipx .tags,[data-view=stash] .tipx .steam{display:flex}[data-view=stash] .tipx .fl-ok{display:inline-flex}[data-view=stash] .b-st{display:none}@media (hover:none){[data-view=stash] .tgl{display:inline-flex;position:relative;z-index:2;margin-top:4px}}.tgl{background:transparent;color:var(--text);border-color:var(--edge)}[data-view=list] .grid{grid-template-columns:1fr;gap:0}[data-view=list] .card{grid-template-columns:112px minmax(0,1fr);column-gap:14px;row-gap:6px;align-content:start;padding:14px 0;border-top:1px solid var(--line)}[data-view=list] .cb,[data-view=list] .tipx{display:contents}[data-view=list] .cover{grid-column:1;grid-row:1/span 5}[data-view=list] .cn,[data-view=list] .cm,[data-view=list] .why,[data-view=list] .tags,[data-view=list] .steam{grid-column:2}[data-view=list] .cn{font-size:1.3rem}[data-view=list] .cs{min-width:36px;height:30px;padding:0 8px;font-size:1.2rem}[data-view=list] .why,[data-view=list] .tags,[data-view=list] .steam{display:flex}[data-view=list] .why{display:block}[data-view=list] .fl-ok{display:inline-flex}[data-view=list] .b-st{display:none}[data-view=list] .tx-h{display:none}@media(min-width:1000px){[data-view=list] .card{grid-template-columns:160px minmax(0,1.5fr) minmax(170px,.6fr) minmax(240px,1.3fr);column-gap:24px;align-items:center}[data-view=list] .cover{grid-row:1/span 3}[data-view=list] .cn{grid-row:1}[data-view=list] .cm{grid-row:2}[data-view=list] .why{grid-row:3}[data-view=list] .steam{grid-column:3;grid-row:1/span 3}[data-view=list] .tags{grid-column:4;grid-row:1/span 3}}.ladder{border-bottom:1px solid var(--line)}.rung{display:grid;grid-template-columns:minmax(0,230px) 120px minmax(0,1fr) auto;gap:8px 24px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.rung-l{display:flex;align-items:center;gap:14px}.rung-l b{font-size:1.6rem;line-height:1;color:var(--tc)}.rung-r{font-weight:700;font-variant-numeric:tabular-nums;display:inline-flex;gap:8px;align-items:center}.rung-r .i{color:var(--tc)}.rung-m{color:var(--dim)}.rung-c{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--dim);text-decoration:none;font-weight:500}.rung-c:hover{color:var(--text)}.rung-fn{grid-column:1/-1;color:var(--text);font-size:14px;margin-top:-4px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}.tile a{display:grid;gap:14px;text-decoration:none}.tile-imgs{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;aspect-ratio:16/8;border-radius:var(--r);overflow:hidden;background:var(--card);isolation:isolate}.tile-imgs img{width:100%;height:100%;min-height:0;object-fit:cover;transition:transform .6s var(--ease)}.tile-imgs img:first-child{grid-row:span 2}.tile-imgs img:only-child{grid-column:1/-1}.tile a:hover img{transform:scale(1.03)}.tile-body{display:grid;gap:4px}.tile-name{font-size:2rem;line-height:1;display:flex;align-items:baseline;gap:12px}.tile-name b{font:700 1rem var(--body);color:var(--dim)}.tile-d{color:var(--dim)}.ghero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:end;padding-block:130px 40px}.g-title{display:grid;gap:14px;justify-items:start;min-width:0}.g-crumb a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--dim);text-decoration:none;font-weight:500}.g-crumb a:hover{color:var(--text)}.g-why{font-size:clamp(1.1rem,1.8vw,1.35rem);line-height:1.45;max-width:58ch;color:var(--text)}.g-note{max-width:58ch;font-size:14px;color:var(--text);text-shadow:0 1px 12px var(--shade)}.facts{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 40px;padding-block:32px 0}.fact{display:grid;gap:10px;align-content:start;padding-top:18px;border-top:1px solid var(--line2)}.fl{font:700 14px/1.2 var(--body);text-transform:none;color:var(--dim)}.fd{color:var(--dim);font-size:14px}.rank-v{font:800 2rem/1 var(--display);text-transform:uppercase;font-variant-numeric:tabular-nums}.g-facts{display:flex;flex-wrap:wrap;gap:8px 32px;padding-top:24px;color:var(--dim)}.g-facts .k{display:block;font-size:14px;font-weight:700}.g-facts li{color:var(--text)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.stat dd{display:contents}.stat{display:grid;gap:8px;align-content:start;padding:18px 16px;background:var(--card);min-width:0}.sl{font-size:14px;font-weight:700;color:var(--dim)}.sv{font-family:var(--display);font-weight:800;text-transform:uppercase;font-size:2.5rem;line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sv-t{font-size:1.6rem}.lv-good .sv{color:var(--ok)}.lv-mid .sv{color:var(--mid)}.lv-low .sv{color:var(--low)}.meter{display:block;width:100%;height:4px;border-radius:2px;overflow:hidden}.mt{fill:var(--line2)}.mf{fill:var(--text)}.lv-good .mf{fill:var(--ok)}.lv-mid .mf{fill:var(--mid)}.lv-low .mf{fill:var(--low)}.sd{color:var(--dim);font-size:14px;line-height:1.35}.sw{font-weight:700}.lv-good .sw{color:var(--ok)}.lv-mid .sw{color:var(--mid)}.lv-low .sw{color:var(--low)}.src{color:var(--faint);font-size:14px;line-height:1.35}.src a,.fine a,.g-facts a{display:inline-block;padding-block:12px;margin-block:-12px}.verdict{font-size:clamp(1.15rem,1.9vw,1.4rem);line-height:1.45;max-width:62ch;margin-bottom:8px}.verdict+.fine{margin-top:0}.cols{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px 48px}.col h3{display:flex;align-items:center;gap:10px;font:700 16px/1 var(--body);padding-bottom:12px;border-bottom:2px solid currentColor}.col-like h3{color:var(--ok)}.col-dislike h3{color:var(--low)}.col li{padding:12px 0;border-bottom:1px solid var(--line);max-width:60ch}.col p{padding-top:12px}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shots li{aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);background:var(--card)}.shots li:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.shot{display:block;height:100%;cursor:zoom-in}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.shot:hover img{transform:scale(1.04)}.btnrow{display:flex;flex-wrap:wrap;gap:8px}.nbs{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:16px}.nb{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--r);text-decoration:none;background:var(--card);transition:border-color .15s}.nb:hover{border-color:var(--text)}.nb-m{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:2px;background:var(--stage)}.nb-m img{width:100%;height:100%;object-fit:cover}.nb-t{display:grid;gap:2px;min-width:0}.nb-l{font-size:14px;font-weight:500;color:var(--dim)}.nb b{font:800 1.3rem/1.05 var(--display);text-transform:uppercase}.nb-s{color:var(--tc);font-size:14px;font-weight:700}.lb{border:0;padding:0;background:var(--ink);color:var(--text);width:min(100vw,1440px);max-width:100vw;max-height:100svh}.lb::backdrop{background:var(--backdrop)}.lb[open]{display:grid;grid-template:minmax(0,1fr) auto auto/minmax(0,1fr);gap:12px;height:min(100svh,900px);padding:16px}.lb-stage{position:relative;min-height:0}.lb-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--stage)}.lb.ld img{opacity:.4}.lb-cap{text-align:center;color:var(--dim);font-size:14px}.lb-bar{display:flex;gap:10px;justify-content:center}.lb-bar .btn{flex:1 1 0;min-width:0;max-width:150px}.about-hero-in{display:grid;gap:18px;padding-block:130px 44px;justify-items:start}.taste{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}.taste-story{display:grid;gap:18px;align-content:start;max-width:62ch}.oneline{font-size:1.25rem;line-height:1.4;padding-top:18px;border-top:1px solid var(--line2)}.two-t{display:grid;gap:32px;align-items:start}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:13px 14px 13px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}.tbl tbody tr:last-child>*{border-bottom:1px solid var(--line)}.tbl th{font-weight:700;color:var(--text);width:38%}.tbl td{color:var(--dim)}.tbl thead th{font-size:14px;color:var(--dim)}.fx-good td{color:var(--ok)}.fx-low td{color:var(--mid)}.tbl-s th{width:34%}.sub{font:700 1rem var(--body);margin-bottom:12px}caption.sub{text-align:left}@media(min-width:640px){.fsum{display:none}.fgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(min-width:1000px){.filters{grid-template-columns:240px minmax(0,1fr);gap:0 24px;align-items:start}.fgrid{grid-template-columns:repeat(5,minmax(0,1fr)) minmax(0,1.3fr)}}@media(min-width:640px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}}@media(min-width:900px){.taste{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px}.two-t{grid-template-columns:1fr 1fr}}@media(max-width:899px){.hero-in{grid-template-columns:minmax(0,1fr);padding-block:110px 32px}.ghero-in{grid-template-columns:minmax(0,1fr);padding-block:100px 28px}.ghero .score{justify-self:start;width:fit-content;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:4px 12px}.ghero .tierchip{grid-column:1/-1}.rung{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.rung-m{grid-column:1/-1;order:3}.rung-c{grid-column:1/-1;order:4}.rung-fn{order:5}.nbs{grid-template-columns:1fr}.nbs>span{display:none}.sec{padding-top:56px}}@media(max-width:639px){.page-head.slim{padding-block:20px 14px}.bar{padding-top:12px}.stash{margin-top:16px}.lb[open]{grid-template-rows:auto;height:fit-content;max-height:100svh;padding:8px}.lb-stage{aspect-ratio:16/9}.shots{grid-template-columns:1fr 1fr}.shots li:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}.finder{flex-direction:column}.nb{grid-template-columns:110px minmax(0,1fr)}.sv{font-size:2.1rem}.rail-hint{display:block}.railbox{overflow-x:auto;scroll-snap-type:x mandatory;margin:-6px calc(var(--gut)*-1) 0;padding:6px var(--gut) 16px;scroll-padding-inline:var(--gut)}.rail{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(78vw,320px);width:max-content;max-width:none}.rail>li{scroll-snap-align:start}.tbl-s thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tbl-s,.tbl-s tbody,.tbl-s tr,.tbl-s th,.tbl-s td{display:block}.tbl-s th,.tbl-s td{width:auto;border:0;padding:10px 0 2px}.tbl-s td{padding:0 0 12px}.tbl-s tr{border-top:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}