@layer components{.portal{--color-page:#030a07;--line-strong:#9ed16f59;--art:linear-gradient(104deg, #0000 38%, #b8eb8712 46%, #4fc28a0c 53%, #0000 60%), linear-gradient(135deg, #18432e, #0d281c 55%, #0a1d15);isolation:isolate;position:relative}.portal:before{content:"";z-index:-2;background:radial-gradient(ellipse 60% 50% at 12% 0%, #0f301f80, #0000 70%), var(--color-page);position:fixed;inset:0}.portal:after{content:"";z-index:-1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.portal,.portal *{scrollbar-width:thin;scrollbar-color:#9ed16f40 #0000}.h2{letter-spacing:-.015em;font-size:1.35rem;font-weight:700;line-height:1.2}.h3{letter-spacing:-.01em;font-size:1.05rem;font-weight:700;line-height:1.3}.panel{--cut:14px;isolation:isolate;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background:linear-gradient(#9ed16f8c,#9ed16f40);position:relative}.panel:before{content:"";z-index:-1;background:var(--fill,linear-gradient(180deg, #ffffff0d, #fff0 30%), linear-gradient(165deg, #162c21, #10221a));clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));position:absolute;inset:1px}.panel-gold{background:linear-gradient(#d5ad5fcc,#d5ad5f2e)}.panel-art{--fill:var(--art)}.panel-link{transition:transform .2s,background .2s;display:block}.panel-link:hover,.panel-link:focus-visible{background:linear-gradient(180deg, var(--color-lime), #4fc28a66);outline:none;transform:translateY(-3px)}.lift{filter:drop-shadow(0 20px 28px #000a)}.cover{isolation:isolate;background:var(--art);position:relative;overflow:hidden}.cover-num,.cover-suit{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute}.cover-num{font-size:var(--num,9rem);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px #9ed16f24;font-weight:900;font-stretch:125%;bottom:-.16em;right:-.03em}.cover-suit{font-size:var(--suit,2.4rem);color:#f2f4ec1f;top:6%;left:6%}.chip{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;height:1.65rem;color:var(--color-ink);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);background:#f2f4ec1f;align-items:center;gap:.45rem;padding:0 .75rem;font-size:.66rem;font-weight:700;font-stretch:108%;display:inline-flex}.chip-done{color:var(--color-ink-dark);background:var(--color-accent)}.chip-gold{color:var(--color-ink-dark);background:var(--color-gold)}.chip-live{color:var(--color-ink);background:#f08a7b33}.chip-live:before{content:"";aspect-ratio:1;background:var(--color-danger);width:.45rem;animation:.9s ease-in-out infinite alternate portal-blink}@keyframes portal-blink{to{opacity:.25}}.bar{background:#f2f4ec24;height:4px;display:block}.bar>span{background:linear-gradient(90deg, var(--color-lime), var(--color-accent));height:100%;transition:width .4s;display:block}.navlink{color:var(--color-muted);align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;font-weight:600;transition:color .15s,background-color .15s;display:flex}.navlink:hover,.navlink:focus-visible{color:var(--color-ink);background:#f2f4ec0d;outline:none}.navlink[aria-current]{color:var(--color-ink);box-shadow:inset 2px 0 0 var(--color-accent);background:linear-gradient(90deg,#4fc28a33,#4fc28a00)}.viewer:fullscreen{background:var(--color-page)}.player{aspect-ratio:16/9;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:#000;position:relative;overflow:hidden}.player video{width:100%;height:100%;display:block}.player-poster{cursor:pointer;text-align:left;place-items:center;padding-bottom:14%;display:grid;position:absolute;inset:0}.player-play{aspect-ratio:1;background:var(--color-accent);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);place-items:center;width:clamp(3.25rem,9vw,5rem);transition:background-color .15s,transform .2s;display:grid}.player-play:before{content:"";aspect-ratio:1;background:var(--color-ink-dark);clip-path:polygon(10% 0,100% 50%,10% 100%);width:32%;margin-left:6%}.player-poster:hover .player-play,.player-poster:focus-visible .player-play{background:var(--color-lime);transform:scale(1.07)}.player-poster:focus-visible{outline:none}.tabs{scrollbar-width:none;border:1px solid var(--line-strong);background:var(--color-elevated);gap:.25rem;padding:.3rem;display:flex;overflow:auto hidden}.tab{white-space:nowrap;color:var(--color-muted);cursor:pointer;align-items:center;gap:.6rem;padding:.95rem 1.1rem;font-size:.92rem;font-weight:700;transition:color .15s;display:flex;position:relative}.tab:hover{color:var(--color-ink)}.tab[aria-selected=true]{color:var(--color-ink);background:#4fc28a2e}.tab[aria-selected=true]:after{content:"";background:linear-gradient(90deg, var(--color-lime), var(--color-accent));height:3px;position:absolute;bottom:0;left:0;right:0}.tab:focus-visible{outline-offset:-3px}@media (prefers-reduced-motion:reduce){.chip-live:before{animation:none}.panel-link:hover{transform:none}}}