@layer base;@layer components{.tr-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 48px;display:flex}.tr-head-row .ap-lead{max-width:40em}.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.6vw,38px);padding-top:6px;display:grid}.tr-card{background:var(--card);box-shadow:var(--shadow-card), inset 0 4px 0 var(--ink);border-radius:var(--radius-card);scroll-margin-top:calc(var(--nav-h) + 12px);grid-template-columns:minmax(0,262px) minmax(0,1fr);align-items:start;gap:0 clamp(20px,2.2vw,32px);padding:20px 22px 22px 20px;display:grid}.tr-card:target{box-shadow:var(--shadow-lift), inset 0 4px 0 var(--red)}.tr-clip{aspect-ratio:9/16;box-shadow:0 0 0 2px var(--ink), 0 18px 28px -20px #462d1499;cursor:pointer;background:#16120e;position:relative;overflow:hidden}.tr-clip video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tr-src{position:absolute;top:10px;left:10px}.tr-play{width:34px;height:34px;color:var(--paper);opacity:0;pointer-events:none;background:#141210cc;border-radius:50%;place-items:center;transition:opacity .2s .6s;display:grid;position:absolute;bottom:12px;left:10px}.tr-play svg{margin-left:2px}.tr-clip[data-on="0"] .tr-play{opacity:1}.tr-body{align-content:start;gap:14px;min-width:0;padding-top:2px;display:grid}.tr-no{letter-spacing:.08em;color:var(--red-ink);margin:0;font-size:12px}.tr-t{font-family:var(--font-display);letter-spacing:-.01em;margin:-6px 0 0;font-size:clamp(44px,4.4vw,68px);font-weight:700;line-height:.88}.tr-blurb{font-family:var(--font-mono);color:var(--muted);margin:0;font-size:13px;line-height:1.5}.tr-facts{border-block:1.5px solid var(--hair);flex-wrap:wrap;gap:6px 26px;margin:2px 0 0;padding:12px 0;display:flex}.tr-facts dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.tr-facts dd{font-family:var(--font-poster);margin:2px 0 0;font-size:21px;line-height:1}.tr-did ul{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.tr-did li a{background:var(--sunk);align-items:center;gap:7px;padding:3px 11px 3px 3px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.tr-did li a:hover{background:var(--ink);color:var(--paper)}.tr-more{color:var(--muted);align-self:center;font-size:12px}.tr-cta{margin-top:2px}.tr-qc{position:relative}.tr-menu{z-index:10;background:var(--card);width:280px;box-shadow:var(--shadow-lift), 0 0 0 2px var(--ink);transform-origin:0 0;gap:2px;padding:10px 8px 8px;animation:.25s cubic-bezier(.2,.9,.3,1.1) ch-pop;display:grid;position:absolute;top:calc(100% + 8px);left:0}.tr-menu .ap-label{padding:0 8px 8px}.tr-menu button{text-align:left;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:11px;width:100%;padding:7px 8px;transition:background-color .15s;display:grid}.tr-menu button:hover:not(:disabled){background:var(--sunk)}.tr-menu button:disabled{opacity:.55}.tr-menu b{font-size:14.5px;display:block}.tr-menu small{font-family:var(--font-poster);color:var(--muted);font-size:13px}.tr-how{padding-top:clamp(40px,6vw,96px)}.tr-how-in{border-top:5px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:18px clamp(30px,6vw,110px);padding-top:24px;display:grid}.tr-how-in>.ap-kicker{grid-column:1/-1}.tr-how-in>.ap-link{grid-column:2}.tr-rules{counter-reset:r;grid-area:2/2;margin:0;padding:0;list-style:none;display:grid}.tr-rules li{border-bottom:1.5px solid var(--hair);color:var(--ink-2);counter-increment:r;padding:16px 0 16px 56px;font-size:17px;line-height:1.45;position:relative}.tr-rules li:before{content:counter(r);font-family:var(--font-display);color:var(--red);font-size:40px;font-weight:700;line-height:.8;position:absolute;top:16px;left:0}.tr-rules b{color:var(--ink)}.tr-how-in .ap-st{grid-area:2/1}@media (max-width:1180px){.tr-grid{grid-template-columns:minmax(0,1fr)}.tr-card{grid-template-columns:minmax(0,250px) minmax(0,1fr)}}@media (max-width:760px){.tr-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:14px 14px 18px}.tr-clip{width:min(100%,320px);margin:0 auto}.tr-t{font-size:56px}.tr-how-in{grid-template-columns:minmax(0,1fr)}.tr-rules,.tr-how-in>.ap-link,.tr-how-in .ap-st{grid-area:auto/1}.tr-menu{width:min(280px,100vw - 56px)}}}