@font-face{font-family:Jackwrite;src:url(/fonts/jackwrite-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Jackwrite;src:url(/fonts/jackwrite-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#faf9f7;--ink:#222;--ink2:#6a6a6a;--ink3:#9a9a9a;--line:#ebe8e3;--accent:#ff385c;--font:"Jackwrite", "Courier Prime", ui-monospace, monospace;--shadow:#00000005 0 0 0 1px, #0000000a 0 2px 6px, #0000001a 0 4px 8px}@view-transition{navigation:auto}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;overflow-y:scroll}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-weight:400}a{color:inherit}img{display:block}.top{justify-content:space-between;align-items:baseline;gap:16px;max-width:1240px;margin:0 auto;padding:36px 32px 0;display:flex}.mark{font-size:20px;font-weight:700;text-decoration:none}.mark span{color:var(--ink3);font-weight:400}.count{color:var(--ink2);font-size:13px}.pills{scrollbar-width:none;background:var(--bg);z-index:5;gap:8px;max-width:1240px;margin:0 auto;padding:22px 32px 10px;display:flex;position:sticky;top:0;overflow-x:auto}.pills::-webkit-scrollbar{display:none}.pill{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;text-decoration:none;transition:border-color .15s,background .15s}.pill:hover{border-color:#cfcac2}.pill.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.pill small{color:var(--ink3);margin-left:6px;font-size:12px}.pill.on small{color:#bbb}main{max-width:1240px;margin:0 auto;padding:18px 32px 120px}.nothing{color:var(--ink2);padding:60px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:36px 28px;display:grid}.item{cursor:pointer;text-decoration:none;display:block}.frame{aspect-ratio:1;border-radius:20px;justify-content:center;align-items:center;padding:14%;display:flex}.frame img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.frame.photo{padding:6%}.frame.photo img{object-fit:cover;border-radius:16px;width:100%;height:100%}.item:hover .frame img,.item:focus-visible .frame img{transform:translateY(-6px)scale(1.03)}.meta{justify-content:space-between;align-items:baseline;gap:8px;margin-top:10px;padding:0 4px;display:flex}.name{font-size:14px;font-weight:700;line-height:1.3}.score{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.sub{color:var(--ink2);margin-top:3px;padding:0 4px;font-size:13px}.tier{border-top:1px solid var(--line);grid-template-columns:72px 1fr;gap:24px;padding:26px 0;display:grid}.tier:first-child{border-top:0}.tl{font-size:44px;font-weight:700;line-height:1}.tl small{color:var(--ink2);margin-top:6px;font-size:12px;font-weight:400;display:block}.tier.S .tl{color:var(--accent)}.tier .grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.empty{color:var(--ink3);align-self:center;font-size:14px}#card-dialog{overscroll-behavior:contain;background:0 0;border:0;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;display:none;overflow:auto}#card-dialog[open]{display:flex}#card-dialog:not(:modal)[open]{z-index:40;background:#22222261;position:fixed;inset:0}#card-dialog::backdrop{backdrop-filter:blur(6px);background:#22222261}#card-dialog[open] .card{animation:.28s cubic-bezier(.2,.8,.2,1) pop}#card-dialog[open]::backdrop{animation:.2s fade}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.98)}}.dialog-inner{width:min(980px,100%);margin:auto}.card{background:#fff;border-radius:32px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden;box-shadow:0 24px 64px #00000038}.cimg{background:var(--tint);justify-content:center;align-items:center;min-height:440px;padding:56px;display:flex;position:relative}.cimg img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:420px}.cimg.photo{padding:40px}.cimg.photo img{border-radius:16px;max-height:460px}.close{width:36px;height:36px;box-shadow:var(--shadow);color:var(--ink);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;left:18px}.cbody{flex-direction:column;min-width:0;padding:44px 44px 36px;display:flex}.ccat{text-transform:uppercase;letter-spacing:.6px;color:var(--ink2);font-size:12px}.ccat a{text-decoration:none}.ccat a:hover{text-decoration:underline}.ctitle{margin:8px 0 18px;font-size:28px;font-weight:700;line-height:1.15}.crow{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding-bottom:20px;display:flex}.big{font-size:44px;font-weight:700;line-height:1}.big small{color:var(--ink2);font-size:16px;font-weight:400}.tierchip{background:#f2f2f2;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:700}.tierchip.S{background:var(--accent);color:#fff}.verdict{margin:22px 0 14px;font-size:18px;font-weight:700;line-height:1.45}.text{color:#3f3f3f;font-size:15px;line-height:1.7}.text p{margin:0 0 12px}.text a{text-underline-offset:3px;text-decoration-thickness:1px}.facts{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:26px;display:flex}.fact{color:var(--ink);background:#f5f3ef;border-radius:999px;padding:6px 12px;font-size:13px}@media (width<=760px){.top,.pills,main{padding-left:18px;padding-right:18px}.top{flex-direction:column;gap:4px;padding-top:24px}.grid,.tier .grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}.tier{grid-template-columns:1fr;gap:10px}#card-dialog{align-items:flex-start;padding:12px}.card{border-radius:28px;grid-template-columns:1fr}.cimg{min-height:280px;padding:36px}.cimg img{max-height:240px}.cbody{padding:26px}}@media (prefers-reduced-motion:reduce){*,::backdrop{transition:none!important;animation:none!important}@view-transition{navigation:none}}
