.trailer{--t-gold:#e0b048;--t-gold-soft:#f7e3a8;--t-ink:#f6f1e6;--t-dim:#f6f1e69e;--t-late:#f7e3a8;--t-panel:#0e141c9e;color:var(--t-ink);background:#07090c;border-radius:14px;overflow:hidden}.trailer :focus-visible{outline:2px solid var(--t-gold);outline-offset:2px}.trailer svg{flex:none}.trailer-screen{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;background:#0b1018;position:relative;overflow:hidden;container-type:inline-size}.trailer-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.trailer-grade{pointer-events:none;background:radial-gradient(ellipse at 50% 48%, transparent calc(52% - var(--hush,0) * 14%), rgb(4 6 10/calc(.5 + var(--beat,0) * .28 + var(--hush,0) * .3)) 100%);position:absolute;inset:0}.trailer-grade:after{content:"";opacity:.09;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.5s steps(4,end) infinite trailer-grain;position:absolute;inset:-50%}@keyframes trailer-grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}}@media (prefers-reduced-motion:reduce){.trailer-grade:after{animation:none}}.trailer-bars{pointer-events:none;border-block:4.2cqw solid #000;position:absolute;inset:0}.trailer-black{pointer-events:none;background:#000;position:absolute;inset:0}.trailer-layer,.trailer-cards{pointer-events:none;position:absolute;inset:0}.trailer-hud{font-size:1.45cqw;font-weight:600;position:absolute;inset:0}.trailer-hud svg{width:1.9cqw;height:1.9cqw}.trailer-clock,.trailer-score,.trailer-special{background:var(--t-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99cqw;align-items:center;gap:.7cqw;padding:.6cqw 1.1cqw;display:flex;position:absolute;top:8.4%}.trailer-clock{left:2.4cqw}.trailer-clock-time{font-variant-numeric:tabular-nums;min-width:4.4cqw}.trailer-pips{gap:.3cqw;display:flex}.trailer-pips i{background:#f6f1e6d9;border-radius:50%;width:.62cqw;height:.62cqw}.trailer-pips i[data-used]{background:#f6f1e62e}.trailer-clock[data-late]{color:var(--t-late)}.trailer-clock[data-late] .trailer-pips i[data-last]{background:var(--t-late);box-shadow:0 0 .8cqw var(--t-late)}.trailer-score{font-variant-numeric:tabular-nums;color:var(--t-gold-soft);right:2.4cqw}.trailer-special{gap:.9cqw;left:50%;translate:-50%}.trailer-special-label{letter-spacing:.12em;text-transform:uppercase;color:var(--t-dim);font-size:.95cqw}.trailer-special-name{font-family:var(--font-display);color:var(--t-gold-soft);font-size:1.7cqw;font-weight:400}.trailer-special-need{color:#f6f1e673;border:.14cqw dashed #f6f1e666;border-radius:50%;place-items:center;width:2.6cqw;height:2.6cqw;display:grid}.trailer-special[data-found] .trailer-special-need{border:.14cqw solid var(--t-gold);color:var(--t-gold-soft);background:#e0b04838;box-shadow:0 0 1.2cqw #e0b04899}.trailer-special-need[data-done]{background:var(--t-gold)!important;color:#2a1d00!important}.trailer-basket{gap:.8cqw;display:flex;position:absolute;top:86%;left:50%;translate:-50% -50%}.trailer-slot{background:#0e141c6b;border:.12cqw solid #f6f1e638;border-radius:1cqw;place-items:center;width:4.4cqw;height:4.4cqw;display:grid}.trailer-slot[data-full]{background:var(--t-panel);color:var(--t-gold-soft);border-color:#e0b048b3}.trailer-hud .trailer-slot svg{width:2.7cqw;height:2.7cqw}.trailer-tap{border:.35cqw solid #fff;border-radius:50%;width:6cqw;height:6cqw;position:absolute;box-shadow:0 0 1.4cqw #ffffffb3}.trailer-flyer{background:var(--t-gold);color:#2a1d00;border-radius:1cqw;place-items:center;width:4.4cqw;height:4.4cqw;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 0 2cqw #e0b048b3}.trailer-flyer svg{width:2.8cqw;height:2.8cqw}.trailer-marker{background:var(--t-gold);color:#2a1d00;border-radius:50% 50% 50% 0;place-items:center;width:5.2cqw;height:5.2cqw;display:grid;position:absolute;translate:-50% -100%;rotate:-45deg;box-shadow:0 0 3cqw #e0b048e6}.trailer-marker svg{width:3.2cqw;height:3.2cqw;rotate:45deg}.trailer-pot{background:var(--t-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:1.4cqw;align-items:center;gap:.7cqw;padding:.7cqw 1.1cqw;font-size:1.4cqw;font-weight:600;display:flex;position:absolute;top:74%;left:50%;translate:-50% -50%}.trailer-pot svg{width:2.3cqw;height:2.3cqw}.trailer-pot-item{width:3.6cqw;height:3.6cqw;color:var(--t-gold-soft);background:#e0b04833;border-radius:.8cqw;place-items:center;display:grid}.trailer-pot-method{color:#16202b;background:#fff;border-radius:99cqw;align-items:center;gap:.5cqw;margin-left:.6cqw;padding:.5cqw 1cqw;display:flex}.trailer-pot-staple{border:.14cqw solid var(--t-gold);width:3cqw;height:3cqw;color:var(--t-gold-soft);border-radius:50%;place-items:center;display:grid}.trailer-pot-staple svg{width:1.9cqw;height:1.9cqw}.trailer-pop{text-align:center;white-space:nowrap;text-shadow:0 .2cqw 1.2cqw #0009;justify-items:center;gap:.2cqw;display:grid;position:absolute;translate:-50% -100%}.trailer-pop strong{color:var(--t-gold-soft);font-size:3.2cqw;line-height:1}.trailer-pop span{font-family:var(--font-display);font-size:1.9cqw}.trailer-pop em{letter-spacing:.12em;text-transform:uppercase;color:var(--t-gold);font-size:1.1cqw;font-style:normal;font-weight:700}.trailer-pop[data-special] strong{font-size:4.6cqw}.trailer-card{text-align:center;width:80%;font-family:var(--font-display);text-shadow:0 .2cqw 2.4cqw #000000bf,0 0 .6cqw #0006;font-size:4.4cqw;line-height:1.1;position:absolute;top:30%;left:50%}.trailer-card-open{color:var(--t-dim);font-size:3.6cqw;top:50%}.trailer-card-big{letter-spacing:-.01em;color:var(--t-gold-soft);font-size:9cqw;top:62%}.trailer-card-caption{color:#16202b;text-align:left;width:auto;max-width:30cqw;text-shadow:none;font-family:var(--font-sans);background:#fffffff0;border-radius:1.2cqw;gap:.3cqw;padding:.9cqw 1.3cqw;font-size:1.45cqw;font-weight:600;line-height:1.3;display:grid;top:auto;bottom:9.5%;left:2.4cqw}.trailer-caption-kicker{letter-spacing:.12em;text-transform:uppercase;color:#8a6400;font-size:.95cqw;font-weight:700}.trailer-end{text-align:center;background:radial-gradient(#04060a40,#04060a8c);place-content:center;justify-items:center;gap:1.4cqw;display:grid;position:absolute;inset:0}.trailer-end-title{font-family:var(--font-display);color:var(--t-gold-soft);text-shadow:0 .3cqw 3cqw #000000b3;font-size:8cqw;line-height:1}.trailer-end-line{color:var(--t-ink);text-shadow:0 .2cqw 1.4cqw #000000b3;font-size:1.8cqw}.trailer-end-actions{flex-wrap:wrap;justify-content:center;gap:1cqw;margin-top:1cqw;display:flex}.trailer-button{min-height:40px;color:var(--t-ink);font:inherit;cursor:pointer;background:#0e141c80;border:1px solid #f6f1e680;border-radius:999px;align-items:center;padding:0 max(14px,1.8cqw);font-size:max(13px,1.5cqw);font-weight:600;text-decoration:none;display:inline-flex}.trailer-button-main{border-color:var(--t-gold);background:var(--t-gold);color:#2a1d00}.trailer-start{color:var(--t-ink);font:inherit;font-family:var(--font-display);cursor:pointer;background:linear-gradient(#04060a1a 40%,#04060a8c);border:0;flex-direction:column;justify-content:center;align-items:center;gap:1.4cqw;font-size:max(18px,3cqw);display:flex;position:absolute;inset:0}.trailer-start-icon{background:var(--t-gold);color:#2a1d00;border-radius:50%;place-items:center;width:max(56px,9cqw);height:max(56px,9cqw);transition:transform .2s;display:grid;box-shadow:0 0 4cqw #e0b0488c}.trailer-start:hover .trailer-start-icon{transform:scale(1.06)}.trailer-start-icon svg{width:44%;height:44%;margin-left:6%}.trailer-start-time{font-family:var(--font-sans);color:var(--t-dim);margin-left:.4em;font-size:.6em}.trailer-status{text-align:center;color:var(--t-dim);place-items:center;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}.trailer-controls{font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.trailer-control{width:36px;height:36px;color:var(--t-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.trailer-control:hover:not(:disabled){background:#ffffff1a}.trailer-control:disabled{opacity:.4;cursor:default}.trailer-control svg{fill:currentColor;width:20px;height:20px}.trailer-time{color:var(--t-dim);white-space:nowrap}.trailer-scrub{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:20px;margin:0}.trailer-scrub::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--t-gold) var(--k,0%), #ffffff38 var(--k,0%));border-radius:2px;height:4px}.trailer-scrub::-moz-range-track{background:linear-gradient(to right, var(--t-gold) var(--k,0%), #ffffff38 var(--k,0%));border-radius:2px;height:4px}.trailer-scrub::-webkit-slider-thumb{appearance:none;background:var(--t-ink);border-radius:50%;width:14px;height:14px;margin-top:-5px}.trailer-scrub::-moz-range-thumb{background:var(--t-ink);border:0;border-radius:50%;width:14px;height:14px}.trailer-lightbox{background:0 0;border:0;width:min(1100px,100% - 24px);max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}.trailer-lightbox::backdrop{background:#04060adb}.trailer-lightbox-close{color:#fff;cursor:pointer;background:#0e141c99;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:-44px;right:0}.trailer-lightbox-close svg{width:14px;height:14px}@media (max-height:520px) and (orientation:landscape){.trailer-lightbox{width:min(177.778dvh - 113.778px,100% - 96px)}.trailer-lightbox-close{top:0;right:-44px}}