@font-face{font-family:Barlow Condensed;font-weight:500;font-display:swap;src:url(/fonts/barlow-condensed-500.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-600.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f6f2e8)var(--lightningcss-dark,#100f0d);--bg2:var(--lightningcss-light,#fffdf7)var(--lightningcss-dark,#1a1815);--bg3:var(--lightningcss-light,#ede7d8)var(--lightningcss-dark,#26231e);--line:var(--lightningcss-light,#ded6c3)var(--lightningcss-dark,#2e2a24);--fg:var(--lightningcss-light,#1b1812)var(--lightningcss-dark,#f2ecdf);--dim:var(--lightningcss-light,#6b6354)var(--lightningcss-dark,#a39a8c);--amber:var(--lightningcss-light,#8a5700)var(--lightningcss-dark,#f5b335);--gold:var(--lightningcss-light,#f0a912)var(--lightningcss-dark,#f5b335);--ink:#1a1200;--red:var(--lightningcss-light,#c4221d)var(--lightningcss-dark,#ff5a4f);--edge:"Barlow Condensed", "Arial Narrow", sans-serif;--cell:108px;--gap:14px 10px;--pad:max(14px, env(safe-area-inset-left));--ease:cubic-bezier(.22, 1, .36, 1);accent-color:var(--gold);caret-color:var(--gold);scrollbar-color:var(--line) transparent;font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-density=compact]{--cell:88px;--gap:10px 8px}:root[data-density=large]{--cell:150px;--gap:18px 12px}@media (width>=900px){:root{--cell:172px;--gap:24px 16px;--pad:24px}:root[data-density=compact]{--cell:136px;--gap:16px 12px}:root[data-density=large]{--cell:224px;--gap:28px 18px}}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}@media (hover:hover) and (pointer:fine){html{overscroll-behavior-y:none}}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;min-height:100dvh;margin:0}::selection{background:var(--gold);color:var(--ink)}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[hidden]{display:none!important}.num,.no,.rt,.total{font-variant-numeric:tabular-nums}main{min-width:0;max-width:1840px;margin:0 auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.masthead{z-index:5;background:radial-gradient(480px 140px at 0 0, color-mix(in srgb, var(--gold) 13%, transparent), transparent), var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.bar{padding:10px var(--pad) 4px;padding-top:max(10px, env(safe-area-inset-top));align-items:center;gap:8px;display:flex}.brand{font:600 24px/1 var(--edge);letter-spacing:.12em;text-transform:uppercase;align-items:center;margin:0;display:flex}.brand-name{display:none}.logo{background:linear-gradient(145deg, #ffd166, var(--gold) 55%, #d98f00);width:26px;height:26px;box-shadow:0 2px 10px color-mix(in srgb, var(--gold) 40%, transparent);border-radius:8px;flex:none;position:relative}.logo:after{content:"";background:var(--ink);clip-path:polygon(0 0,100% 50%,0 100%);width:9px;height:11px;margin:auto;position:absolute;inset:0;translate:1px}.find{border:1px solid var(--line);background:var(--bg2);min-width:0;height:44px;color:var(--dim);border-radius:999px;flex:1;align-items:center;gap:6px;padding:0 12px 0 14px;transition:border-color .15s;display:flex}.find:focus-within{border-color:var(--gold);color:var(--fg)}.find input{min-width:0;height:100%;color:var(--fg);background:0 0;border:0;outline:0;flex:1;font-size:16px}.find input::placeholder{color:var(--dim)}.find input::-webkit-search-cancel-button{display:none}.hint{font:500 14px var(--edge);border:1px solid var(--line);color:var(--dim);border-radius:6px;padding:0 7px;display:none}.icon{border:1px solid var(--line);background:var(--bg2);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:inline-grid;position:relative}.icon.sm{width:36px;height:36px}.icon:disabled{opacity:.35;cursor:default}@media (width>=900px){.bar{gap:10px;padding-bottom:6px}.brand{gap:9px;margin-right:20px;font-size:28px}.brand-name{display:inline}.find{flex:0 600px;gap:8px;height:46px;padding:0 16px}.hint{display:inline}.gear{margin-left:auto}}.toolbar{padding:6px var(--pad) 10px;scrollbar-width:none;align-items:center;gap:8px;display:flex;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.tabs{border:1px solid var(--line);background:var(--bg2);border-radius:999px;flex:none;padding:3px;display:flex}.tabs button{height:32px;color:var(--dim);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 13px;font-size:14px}.tabs button[aria-pressed=true]{background:var(--fg);color:var(--bg);font-weight:600}.sep{background:var(--line);flex:none;width:1px;height:22px}.pill{border:1px solid var(--line);background:var(--bg2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:38px;padding:0 12px 0 14px;font-size:14px;display:inline-flex}.pill svg{opacity:.55;transition:transform .2s var(--ease)}.pill[aria-expanded=true]{border-color:var(--gold)}.pill[aria-expanded=true] svg{transform:rotate(180deg)}.pill.on{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 16%, var(--bg2));font-weight:600}.pill.clear{color:var(--dim);background:0 0;border-style:dashed;padding:0 14px}.total{font:500 15px var(--edge);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap;flex:none;margin-left:auto;padding-left:12px}@media (width<=899px){.total{display:none}.tabs,.sep{order:1}.pill{order:2}.pill[data-f=rating],.pill[data-f=genre]{order:0}}.grid{padding:16px var(--pad) 48px;gap:var(--gap);grid-template-columns:repeat(auto-fill, minmax(var(--cell), 1fr));margin:0;list-style:none;display:grid}.cell{pointer-events:none;content-visibility:auto;contain-intrinsic-size:auto 250px;min-width:0;margin:-12px;padding:12px}.cell>*{pointer-events:auto}.frame{aspect-ratio:2/3;background:var(--bg2);--ring:0 0 0 1px var(--line);--lift:0 6px 16px #00000052;width:100%;box-shadow:var(--ring);text-align:left;border:0;border-radius:12px;padding:0;display:block;position:relative;overflow:hidden}.frame:after{content:"";pointer-events:none;background:linear-gradient(#0000,#000000b8);height:42%;position:absolute;inset:auto 0 0}.frame img{object-fit:cover;width:100%;height:100%;transition:opacity .2s;display:block}.frame:focus-visible{outline-offset:-3px}.nopic{text-align:center;height:100%;color:var(--dim);place-items:center;padding:10px;font-size:13px;display:grid}.rt{z-index:1;color:#fff;align-items:baseline;gap:3px;display:inline-flex;position:absolute;bottom:8px;left:8px}.rt svg{color:#f5b335;flex-shrink:0;align-self:center;width:14px;height:14px}.rt .val{font:600 18px/1 var(--edge);letter-spacing:.03em}.rt .vt{font:500 11px/1 var(--edge);color:#ffffffb8;letter-spacing:.04em;margin-left:1px}.no{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:500 13px/1.2 var(--edge);letter-spacing:.06em;background:#0000008c;border-radius:999px;padding:3px 7px;position:absolute;top:8px;left:8px}.cell[data-m=w] .frame{--ring:0 0 0 2px var(--red)}.cell[data-m=s] img{opacity:.4;filter:saturate(.5)}.mk{z-index:1;background:var(--red);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0006}.mk svg{width:15px;height:15px}.cap{gap:1px;margin:8px 2px 0;line-height:1.25;display:grid}.tt{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.yr{color:var(--dim);font-size:12.5px}.cell[data-sel] .tt{color:var(--amber)}.state{padding:88px var(--pad);color:var(--dim);text-align:center;place-items:center;gap:12px;display:grid}.pager{padding:0 var(--pad) 48px;justify-content:center;align-items:center;gap:16px;display:flex}.pager .count{color:var(--dim);font-size:13px}.btn{border:1px solid var(--line);background:var(--bg2);min-height:44px;color:var(--fg);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:default}.btn[aria-pressed=true]{background:var(--red);border-color:var(--red);color:#fff}.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:600}.chips,.seg{flex-wrap:wrap;gap:8px;display:flex}.chip,.seg button{border:1px solid var(--line);background:0 0;border-radius:999px;min-height:38px;padding:0 14px;font-size:14px}.chip[aria-pressed=true],.seg button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--ink);font-weight:600}.select{border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px 0 14px;display:flex}.select[aria-expanded=true]{border-color:var(--gold)}.select svg{color:var(--dim);flex:none;transition:transform .15s}.select[aria-expanded=true] svg{transform:rotate(180deg)}.val{color:var(--fg);letter-spacing:.04em;margin-left:8px}.fa{flex-wrap:wrap;gap:8px;display:flex}.fa .btn{flex:auto}.pop .fa{margin-top:20px}.scrim{z-index:19;opacity:0;visibility:hidden;background:#0000008c;transition:opacity .15s,visibility .15s;position:fixed;inset:0}.scrim.on{opacity:1;visibility:visible}.pop,.panel{z-index:20;overscroll-behavior:contain;max-height:86dvh;padding:16px var(--pad) max(18px, env(safe-area-inset-bottom));background:var(--bg2);border-top:1px solid var(--line);border-radius:20px 20px 0 0;outline:0;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 40px #00000059}.pop{animation:sheet .22s var(--ease)}@keyframes sheet{0%{opacity:0;transform:translateY(16px)}}.panel{visibility:hidden;transition:transform .25s var(--ease), visibility .25s;transform:translateY(100%)}.panel.open{visibility:visible;transform:none}.pop>*+*{margin-top:16px}@media (width>=900px){.scrim.soft{background:0 0}.pop{left:var(--x);right:auto;top:var(--y);width:var(--w,360px);max-height:calc(100dvh - var(--y) - 16px);border:1px solid var(--line);border-radius:16px;padding:16px 18px 18px;animation-name:drop;bottom:auto;box-shadow:0 24px 64px #00000080}.pop.bare .ph{display:none}.panel{border:1px solid var(--line);opacity:0;width:440px;max-height:calc(100dvh - 92px);transition:transform .2s var(--ease), opacity .2s, visibility .2s;border-radius:16px;padding:18px 22px 20px;inset:72px 20px auto auto;transform:translateY(-8px);box-shadow:0 24px 64px #00000080}.panel.open{opacity:1}}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}.ph,.fh{align-items:center;gap:12px;display:flex}.ph h3,.fh h2{font:600 22px/1 var(--edge);letter-spacing:.12em;text-transform:uppercase;margin:0 auto 0 0}.list{gap:2px;display:grid}.list button{text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 12px;display:flex}.list button:hover,.list button:focus-visible{background:var(--bg3);outline:0}.list button[aria-selected=true]{background:color-mix(in srgb, var(--gold) 18%, transparent);font-weight:600}.list small,.chip small{color:var(--dim);font:500 13px var(--edge);letter-spacing:.04em;font-variant-numeric:tabular-nums}.chip small{margin-left:6px}.chip:disabled{opacity:.38;cursor:default}.list button[aria-selected=true] small{color:inherit}.toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;background:var(--fg);color:var(--bg);border-radius:999px;padding:11px 18px;font-size:14px;position:fixed;transform:translate(-50%)}.toast:empty{display:none}.rs{-webkit-user-select:none;user-select:none;gap:10px;display:grid}.rs-read{grid-template-columns:1fr 16px 1fr;align-items:center;gap:8px;display:grid}.rs-read>div{border:1px solid var(--line);background:var(--bg);border-radius:12px;gap:2px;padding:8px 12px;display:grid}.rs-read>div:last-child{text-align:right}.rs-read small{font:500 12px var(--edge);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.rs-read output{font:600 24px/1 var(--edge);letter-spacing:.02em;font-variant-numeric:tabular-nums}.rs-read span{background:var(--dim);height:1px}.rs-in{margin:0 14px}.rs-bars{align-items:flex-end;gap:2px;height:64px;display:flex}.rs-bars i{background:var(--bg3);border-radius:2px 2px 0 0;flex:1;transition:background .12s}.rs-bars i.in{background:color-mix(in srgb, var(--gold) 70%, transparent)}.rs-track{touch-action:none;cursor:pointer;height:34px;position:relative}.rs-track:before{content:"";background:var(--line);height:2px;position:absolute;top:16px;left:0;right:0}.rs-track:after{content:"";position:absolute;inset:0 -14px}.rs-band{background:var(--gold);border-radius:2px;height:4px;position:absolute;top:15px}.rs-thumb{z-index:1;border:2px solid var(--gold);background:var(--bg2);cursor:grab;border-radius:7px;outline:0;width:20px;height:26px;margin-left:-10px;position:absolute;top:4px;box-shadow:0 2px 6px #0000004d}.rs-thumb:before{content:"";border-inline:2px solid var(--gold);opacity:.8;position:absolute;inset:6px 7px}.rs-thumb:after{content:"";position:absolute;inset:-10px -8px}.rs-thumb:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 45%, transparent)}.rs-thumb:active{cursor:grabbing}.rs-ticks{height:16px;font:500 13px var(--edge);letter-spacing:.04em;color:var(--dim);font-variant-numeric:tabular-nums;position:relative}.rs-ticks span{position:absolute;transform:translate(-50%)}fieldset{border:0;min-width:0;margin:20px 0 0;padding:0}legend{font:500 14px var(--edge);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:8px;padding:0}.note{color:var(--dim);margin:16px 0 0;font-size:13px}fieldset .note{margin:0 0 8px}.foot{color:var(--dim);margin:16px 0 0;font-size:12px}.settings .fa{margin-top:20px}.settings fieldset .fa{margin-top:8px}.settings .chips{flex-wrap:nowrap;gap:6px}.settings .chips .chip{white-space:nowrap;flex:auto;padding:0 8px;font-size:13px}.detail{z-index:30;background:var(--bg);animation:sheet .22s var(--ease);flex-direction:column;display:flex;position:fixed;inset:0}@media (width>=900px){.detail{border-left:1px solid var(--line);width:min(520px,100vw);left:auto;box-shadow:-24px 0 64px #0006}.scrim.above{z-index:29}}.dh{padding:10px var(--pad);padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.dh-rank{font:500 16px var(--edge);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 auto}.db{overscroll-behavior:contain;padding:20px var(--pad) max(28px, env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:flex-start;gap:18px;display:flex;overflow:auto}.top{gap:18px;width:100%;display:flex}.pic{aspect-ratio:2/3;object-fit:cover;background:var(--bg2);width:min(38%,200px);height:auto;box-shadow:0 0 0 1px var(--line), 0 12px 32px #00000059;border-radius:12px;align-self:flex-start}.top h2{margin:0;font-size:clamp(22px,5vw,28px);line-height:1.15}.orig,.facts,.tags{color:var(--dim);margin:4px 0 0;font-size:14px}.score{color:var(--dim);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:14px 0 0;font-size:14px;display:flex}.score .num{font:600 38px/1 var(--edge);color:var(--amber);letter-spacing:.02em;align-items:center;gap:6px;display:inline-flex}.score .num svg{width:26px;height:26px}.acts{gap:8px;width:100%;display:flex}.acts .btn{flex:1}.plot{max-width:60ch;margin:0;line-height:1.6}.crew{grid-template-columns:auto 1fr;gap:8px 18px;margin:0;display:grid}.crew dt{font:500 14px var(--edge);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding-top:2px}.crew dd{margin:0}.dh-rank small{letter-spacing:.04em;margin-left:8px;font-size:14px}.dh-rank .up{color:var(--amber)}.kws{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.kws button{border:1px solid var(--line);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:13px;transition:border-color .15s,color .15s,background .15s}.kws button:hover{border-color:var(--gold);color:var(--fg);background:var(--bg2)}.kws button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.tag-btn{color:var(--fg);font:inherit;font-size:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--dim) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--dim) 35%, transparent);text-underline-offset:3px;background:0 0;border:0;padding:0;transition:color .15s,text-decoration-color .15s}.tag-btn:hover{color:var(--gold);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.tag-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}.role{display:block}.role small{color:var(--dim);font-size:inherit}.more{width:100%}.more h3{font:500 14px var(--edge);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin:0 0 10px}.more ul{scroll-snap-type:x proximity;gap:10px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.more li{scroll-snap-align:start;flex:none}.more button{cursor:pointer;background:0 0;border:0;padding:0;display:block}.more img,.more .nopic{aspect-ratio:2/3;object-fit:cover;background:var(--bg2);width:100px;box-shadow:0 0 0 1px var(--line);border-radius:8px;display:block}:root{--lift:0 2px 6px #00000038}:is(.btn,.icon,.pill,.chip,.seg button,.tabs button,.select,.frame,.kws button){transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .15s, background .15s, color .15s}@media (hover:hover){:is(.btn,.icon,.pill,.chip,.seg button,.tabs button,.select,.frame,.kws button):hover:not(:disabled){box-shadow:var(--ring,0 0 #0000), var(--lift);transform:translateY(-1px)}.tabs button:hover:not([aria-pressed=true]){background:var(--bg3);color:var(--fg)}}:is(.btn,.icon,.pill,.chip,.seg button,.tabs button,.select,.frame,.kws button):active:not(:disabled){transform:none}
