@layer theme,base;@layer components{.lab-card{min-width:0;position:relative}.lab-hit{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;display:block}.lab-hit:focus-visible{outline:2px solid var(--color-amber);outline-offset:4px}.lab-media{aspect-ratio:var(--ar,9 / 16);transition:aspect-ratio .6s var(--ease-u3);display:block}.lab-media>img{transition:transform 1.2s var(--ease-u3)}.lab-loop,.lab-film{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lab-loop{z-index:1;opacity:0;transition:opacity .5s var(--ease-out-u3)}.lab-media[data-live] .lab-loop{opacity:1}.lab-film{z-index:2;object-fit:contain;background:var(--color-frame)}.lab-media:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0d05058c,#0000 24% 70%,#0d0505a6);position:absolute;inset:0}.lab-card[data-playing] .lab-media:before{display:none}@media (hover:hover) and (pointer:fine){.lab-hit:hover .lab-media>img{transform:scale(1.035)}}.lab-tags{top:.6rem;z-index:2;pointer-events:none;flex-wrap:wrap;gap:.35rem;display:flex;position:absolute;inset-inline:.6rem}.lab-status,.lab-figure{text-overflow:ellipsis;min-width:0;max-width:100%;font:600 .6875rem/1.15 var(--font-body);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);border-radius:4px;align-items:center;gap:.4rem;padding:.36rem .55rem;display:inline-flex;overflow:hidden}.lab-status{border:1px solid var(--frame-line-strong);color:var(--color-cream);background:#0d05059e}.lab-status[data-status=trending]{background:var(--color-blaze);border-color:#0000}.lab-status[data-status=new]{color:#8ff0b8;border-color:#3ddc8480}.lab-figure{color:var(--color-amber);letter-spacing:.04em;text-transform:none;white-space:normal;text-wrap:balance;background:#0d05059e;border:1px solid #f995016b;display:block}.lab-figure[data-kind=label]{border-color:var(--frame-line-strong);color:#fbf5eee0}[dir=rtl] :is(.lab-status,.lab-figure){font-family:var(--font-arabic);letter-spacing:0;font-size:.75rem}.lab-dot{background:var(--color-cream);width:6px;height:6px;animation:lab-pulse 1.6s var(--ease-in-out-u3) infinite;border-radius:9999px}@keyframes lab-pulse{50%{opacity:.3}}.lab-kind.frame-tag{bottom:.8rem;z-index:2;color:#fbf5eed9;line-height:1.35;display:block;position:absolute;inset-inline:.75rem}.lab-kind>*{white-space:nowrap}@media (width<=639px){.lab-kind.frame-tag{letter-spacing:.08em;font-size:.625rem}[dir=rtl] .lab-kind.frame-tag{letter-spacing:0;font-size:.75rem}}.lab-cap{padding-top:.85rem}.lab-title{font-family:var(--font-display);letter-spacing:var(--tr-title);word-spacing:var(--ws-title);color:var(--color-cream);text-wrap:balance;font-size:1rem;font-weight:600;line-height:1.3}[dir=rtl] .lab-title{font-family:var(--font-arabic);font-weight:700;line-height:1.5}.lab-note{font-size:var(--fs-caption);line-height:var(--lh-caption);color:#fbf5ee9e;margin-top:.4rem}.lab-rel{font:500 .6875rem/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#fbf5ee99;margin-top:.55rem}.lab-rel[data-rel=fan-made]{color:#f99501d9}[dir=rtl] .lab-rel{font-family:var(--font-arabic);letter-spacing:0;text-transform:none;font-size:.75rem}.lab-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.85rem;display:flex}.lab-sound{border:1px solid var(--frame-line-strong);min-height:2.5rem;color:var(--color-cream);font:600 .8125rem/1 var(--font-display);word-spacing:var(--ws-ui);cursor:pointer;transition:border-color var(--dur-micro), background-color var(--dur-micro);border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem .9rem;display:inline-flex}[dir=rtl] .lab-sound{font-family:var(--font-arabic);word-spacing:normal;font-weight:700}.lab-sound:hover,.lab-sound[aria-pressed=true]{border-color:var(--color-cream);background:#fbf5ee14}.lab-out{min-height:2.75rem;font-size:var(--fs-caption);color:#fbf5eebf;text-underline-offset:3px;align-items:center;gap:.35rem;-webkit-text-decoration:underline #fbf5ee4d;text-decoration:underline #fbf5ee4d;display:inline-flex}.lab-out:hover{color:var(--color-amber)}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));align-items:start;gap:clamp(1.75rem,1.2rem + 1.5vw,2.5rem) clamp(.9rem,.6rem + 1vw,1.5rem);display:grid}.lab-card[data-wide]{grid-column:1/-1}.lab-card[data-wide] .lab-media{max-width:100%}.lab-grid-trending{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr))}@media (width<=639px){.lab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem .75rem}.lab-grid .lab-note{display:none}.lab-card[data-playing] .lab-note{display:block}}.lab-strip-head{margin-bottom:var(--gap-head-content);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;display:flex}.lab-strip-row{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);grid-auto-columns:minmax(13.5rem,1fr);grid-auto-flow:column;gap:clamp(.9rem,.6rem + 1vw,1.5rem);display:grid;overflow-x:auto}.lab-strip-row::-webkit-scrollbar{display:none}.lab-strip-row>*{scroll-snap-align:start}@media (width>=1024px){.lab-strip-row{grid-auto-columns:minmax(0,1fr);margin-inline:0;padding-inline:0;overflow:visible}}@media (width<=639px){.lab-strip-row{grid-auto-columns:62%}:is(.lab-page,.lab-strip) .link-line{position:relative}:is(.lab-page,.lab-strip) .link-line:after{content:"";position:absolute;inset:-.75rem -.5rem}}@media (prefers-reduced-motion:reduce){.lab-dot{animation:none}.lab-media,.lab-media>img{transition:none}}}@layer utilities;