:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--house:#14090c;--curtain:#5a1320;--seat:#231417;--screen:#ede6d6;--muted:#a3968c;--marquee:#f2c14e;--font-display:"Bebas Neue", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--house);color:var(--screen);font-family:var(--font-body);flex-direction:column;display:flex}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{background:radial-gradient(120% 140% at 50% -40%, var(--curtain), transparent 70%);grid-template-rows:auto 28px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:16px;padding:12px 16px 8px;display:grid}.wordmark{font:400 34px/1 var(--font-display);letter-spacing:.06em;color:var(--marquee);margin:0}.search{border:0;border-bottom:2px solid var(--muted);min-width:0;color:var(--screen);font:400 18px var(--font-body);background:0 0;padding:8px 2px}.search::placeholder{color:var(--muted)}.search:focus-visible{border-bottom-color:var(--marquee);outline:none}.search.pending{animation:.9s ease-in-out infinite alternate pending-pulse}@keyframes pending-pulse{0%{border-bottom-color:var(--muted)}to{border-bottom-color:var(--marquee)}}.count{font:400 24px/1 var(--font-display);letter-spacing:.04em;color:var(--marquee);white-space:nowrap}.hints{white-space:nowrap;grid-area:2/2/3/5;align-items:center;gap:16px;display:flex;overflow:hidden}.hints[hidden],.notice[hidden],.results[hidden],.stage[hidden]{display:none}.views{border:1px solid var(--seat);border-radius:6px;display:flex;overflow:hidden}.view-button{color:var(--muted);font:600 13px var(--font-body);cursor:pointer;background:0 0;border:0;padding:6px 12px}.view-button+.view-button{border-left:1px solid var(--seat)}.view-button:hover{color:var(--screen)}.view-button[aria-pressed=true]{background:var(--seat);color:var(--marquee)}.view-button:focus-visible{outline:2px solid var(--marquee);outline-offset:-2px}.stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;width:100%;min-height:0;display:block}.hint{color:var(--muted);font:400 14px var(--font-body);cursor:pointer;background:0 0;border:0;padding:2px 0}.hint:hover{color:var(--screen)}.hint:focus-visible,.tile-open:focus-visible,.card-close:focus-visible,.card-link:focus-visible{outline:2px solid var(--marquee);outline-offset:2px}.notice{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);grid-area:2/2/3/5;margin:0;font-size:14px;overflow:hidden}.results{flex:1;min-height:0;padding:16px;position:relative;overflow-y:auto}.exit-layer{pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0}.exit-layer .tile{list-style:none}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 16px;margin:0;padding:0;list-style:none;display:grid}.tile{border-radius:6px;min-width:0}.poster{aspect-ratio:2/3;background:var(--seat);border-radius:6px;overflow:hidden;box-shadow:0 6px 18px #00000073}.poster-img{object-fit:cover;width:100%;height:100%;display:block}.poster-fallback{text-align:center;flex-direction:column;justify-content:center;gap:6px;padding:12px;display:flex}.fallback-title{font:400 24px/1 var(--font-display);letter-spacing:.03em}.fallback-year{color:var(--muted);font-size:13px}.tile{cursor:pointer}.tile .poster{transition:transform .16s ease-out,box-shadow .16s ease-out}.tile:hover .poster{transform:translateY(-3px);box-shadow:0 10px 24px #0000008c}.tile-title{font:600 15px/1.25 var(--font-body);margin:10px 0 2px}.tile-open{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.tile-meta,.tile-genres,.tile-match{margin:0;font-size:13px;line-height:1.35}.tile-meta{color:var(--screen)}.tile-genres{color:var(--muted)}.tile-match{color:var(--muted);margin-top:4px;font-weight:600}.tile-match.strong{color:var(--marquee)}.credits{border-top:1px solid var(--seat);color:var(--muted);margin-top:40px;padding:16px 0 8px;font-size:12px}.credits p{margin:0 0 4px}.tooltip,.card{z-index:10;border:1px solid var(--seat);color:var(--screen);font:400 14px/1.4 var(--font-body);background:#1c0d11f5;border-radius:8px;position:fixed;top:0;left:0;box-shadow:0 12px 32px #0000008c}.tooltip{pointer-events:none;max-width:300px;padding:10px 12px}.tooltip[hidden],.card[hidden]{display:none}.details-title{font:400 24px/1.05 var(--font-display);letter-spacing:.03em;margin:0 0 4px}.details-line{margin:0}.details-line+.details-line,.details-line.muted{color:var(--muted)}.details-match{color:var(--marquee);margin:6px 0 0;font-weight:600}.card{background:#1c0d11;align-items:flex-start;gap:16px;width:min(520px,100vw - 16px);padding:16px 44px 16px 16px;display:flex}.card-poster{aspect-ratio:2/3;background:var(--seat);object-fit:cover;border-radius:6px;flex:none;width:140px;height:auto}.card-poster.poster-fallback{text-align:center;flex-direction:column;justify-content:center;gap:6px;padding:10px;display:flex}.card-text{min-width:0}.card-plot{color:var(--screen);margin:8px 0 0}.card-watch{border-top:1px solid var(--seat);margin-top:10px;padding-top:8px}.card-watch-title{color:var(--muted);font:600 12px/1.4 var(--font-body);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px}.card-watch .details-line{color:var(--screen)}.card-watch-label{color:var(--muted)}.card-watch-credit{color:var(--muted);margin:2px 0 0;font-size:12px}.card-links{flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;display:flex}.card-link{color:var(--marquee);font-weight:600;text-decoration:none;display:inline-block}.card-link:hover{text-decoration:underline}.card-close{width:28px;height:28px;color:var(--muted);font:400 22px/1 var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:4px;position:absolute;top:8px;right:8px}.card-close:hover{color:var(--screen);background:var(--seat)}@media (width<=560px){.header{grid-template-rows:auto auto 28px;grid-template-columns:minmax(0,1fr) auto auto;row-gap:8px}.wordmark{grid-area:1/1}.count{grid-area:1/2}.views{grid-area:1/3}.search{grid-area:2/1/3/4}.hints,.notice{grid-area:3/1/4/4}.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px 12px}.card{width:auto;inset:auto 8px 8px;transform:none!important}.card-poster{width:96px}}@media (prefers-reduced-motion:reduce){.search.pending{border-bottom-color:var(--marquee);animation:none}}
