.screen{--paper: #f2ede1;--ink: #1c1a17;--accent: #d2491f;--accent2: #2f6f8f;position:relative;width:100%;height:100%;overflow:hidden;container-type:size;background:#0e0d0b;border-radius:1.4cqw;font-family:Archivo,system-ui,sans-serif;isolation:isolate}.screen-compact{border-radius:.8cqw}.screen-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .14s linear;background:transparent}.screen-video.is-live{opacity:1}.screen-cards,.screen-status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.screen-status{z-index:3}.screen-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 62%,rgb(0 0 0 / .22) 100%),repeating-linear-gradient(0deg,rgb(0 0 0 / .035) 0 1px,transparent 1px 3px);border-radius:inherit}.screen-bug{position:absolute;right:3cqw;bottom:3.2cqh;z-index:4;display:flex;align-items:center;gap:1cqw;opacity:.72;pointer-events:none;transition:opacity .3s}.screen[data-status=card] .screen-bug,.screen.has-status .screen-bug,.screen[data-status=offair] .screen-bug{opacity:0}.bug-number{display:grid;place-items:center;width:4.2cqw;height:4.2cqw;border-radius:50%;background:var(--paper);color:var(--accent);font-weight:800;font-stretch:112%;font-size:2.5cqw;box-shadow:0 0 0 .25cqw #ffffff40}.bug-name{color:var(--paper);font-weight:700;font-stretch:125%;font-size:1.5cqw;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 .1cqw .4cqw rgb(0 0 0 / .6)}.screen-compact .bug-name{display:none}.card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:5cqw;padding:7cqh 8cqw;background:var(--paper);color:var(--ink);overflow:hidden;animation:card-in .42s cubic-bezier(.2,.8,.2,1) both}@keyframes card-in{0%{clip-path:inset(48% 0 48% 0)}to{clip-path:inset(0 0 0 0)}}.card-stack{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.6cqh;min-width:0}.card-stack>*{animation:rise .52s cubic-bezier(.2,.8,.2,1) both}.card-stack>*:nth-child(2){animation-delay:70ms}.card-stack>*:nth-child(3){animation-delay:.14s}.card-stack>*:nth-child(4){animation-delay:.21s}@keyframes rise{0%{opacity:0;transform:translateY(2.5cqh)}to{opacity:1;transform:none}}.card-kicker{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600;font-size:2.1cqw;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.card-wordmark{font-weight:850;font-stretch:125%;font-size:8.4cqw;line-height:.92;letter-spacing:-.01em;text-transform:uppercase}.card-headline{font-weight:800;font-stretch:118%;font-size:6.4cqw;line-height:.98;text-transform:uppercase}.card-title{font-weight:760;font-stretch:100%;font-size:6cqw;line-height:1.02;letter-spacing:-.015em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-year{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:2.4cqw;font-weight:500;opacity:.7}.card-body{font-size:2.7cqw;line-height:1.35;max-width:62cqw;opacity:.86}.card-body-large{font-size:3.5cqw;max-width:74cqw}.card-tag{align-self:flex-start;margin-top:1cqh;padding:.6cqh 1.4cqw;border:.25cqw solid var(--ink);border-radius:99px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.7cqw;letter-spacing:.14em;text-transform:uppercase}.card-number{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:25cqw;height:25cqw;border-radius:50%;background:var(--accent);color:var(--paper);font-weight:900;font-stretch:125%;font-size:15cqw;line-height:1;animation:pop .64s cubic-bezier(.3,1.4,.4,1) both}.card-number span{transform:translateY(-.04em)}.card-number-small{position:absolute;right:6cqw;bottom:9cqh;width:11cqw;height:11cqw;font-size:6.5cqw}@keyframes pop{0%{transform:scale(.4) rotate(-20deg);opacity:0}to{transform:none;opacity:1}}.card-rays{position:absolute;left:20.5cqw;top:50%;width:180cqw;height:180cqw;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--accent2) 16%,transparent) 0 6deg,transparent 6deg 18deg);animation:spin 60s linear infinite;z-index:0}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.card-band{position:absolute;left:0;top:0;bottom:0;width:4.5cqw;background:repeating-linear-gradient(-45deg,var(--accent) 0 1.4cqw,var(--accent2) 1.4cqw 2.8cqw)}.card-up_next{padding-left:12cqw}.card-corner{position:absolute;right:5cqw;top:6cqh;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.7cqw;letter-spacing:.16em;text-transform:uppercase;opacity:.55;white-space:pre}.card-dots{position:absolute;right:-10cqw;top:-10cqh;width:70cqw;height:120cqh;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent) 0 .55cqw,transparent .6cqw) 0 0 / 3cqw 3cqw;mask-image:linear-gradient(110deg,transparent 15%,#000 70%);-webkit-mask-image:linear-gradient(110deg,transparent 15%,#000 70%)}.card-split{position:absolute;right:0;top:0;bottom:0;width:42cqw;background:var(--accent2);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%);opacity:.92}.card-promo .card-number{margin-left:auto;width:19cqw;height:19cqw;font-size:11cqw;box-shadow:0 0 0 1cqw var(--paper)}.card-promo .card-stack{max-width:58cqw}.card-advisory{background:#f4f2ee;color:#1b1a17}.card-advisory .card-kicker{color:#1b1a17}.card-progress{position:absolute;left:0;right:0;bottom:0;height:.9cqh;background:color-mix(in srgb,var(--ink) 10%,transparent);z-index:2}.card-progress span{display:block;height:100%;background:var(--accent);transform-origin:left center}.card-test{padding:0;display:block;background:#e9e6df;animation:none}.test-bars{position:absolute;top:0;right:0;bottom:32%;left:0;display:grid;grid-template-columns:repeat(7,1fr)}.test-bars span:nth-child(1){background:silver}.test-bars span:nth-child(2){background:#c0c000}.test-bars span:nth-child(3){background:#00c0c0}.test-bars span:nth-child(4){background:#00c000}.test-bars span:nth-child(5){background:#c000c0}.test-bars span:nth-child(6){background:#c00000}.test-bars span:nth-child(7){background:#0000c0}.card-test-tuning .test-bars{animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}.test-plate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:56cqw;padding:4cqh 5cqw;background:var(--paper);color:var(--ink);border:.5cqw solid var(--ink);text-align:center;display:flex;flex-direction:column;gap:1.2cqh}.test-channel{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:2cqw;letter-spacing:.18em;text-transform:uppercase;white-space:pre;color:var(--accent)}.test-label{font-weight:850;font-stretch:125%;font-size:6.2cqw;text-transform:uppercase;line-height:1}.test-detail{font-size:2.3cqw;opacity:.8}@media(prefers-reduced-motion:reduce){.card,.card-stack>*,.card-number,.card-rays,.card-test-tuning .test-bars{animation:none!important}}