:root{--accent:#4caf50;--glow:#4caf5033;--ink:#0b120c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:#f5f7f5;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.stage{flex-direction:column;width:100vw;height:100vh;padding:4.5vh 5vw;display:flex;position:relative}.stage:before{content:"";background:radial-gradient(70% 80% at 18% -10%, var(--glow), transparent 55%);pointer-events:none;position:absolute;inset:0}.topbar{justify-content:space-between;align-items:center;display:flex;position:relative}.brand{align-items:center;gap:1.2vw;display:flex}.brand .name{letter-spacing:-.02em;font-size:2.6vw;font-weight:800}.brand .dot{background:var(--accent);width:.9vw;height:.9vw;box-shadow:0 0 1.5vw var(--accent);border-radius:50%}.clock{color:#f5f7f58c;font-variant-numeric:tabular-nums;font-size:1.7vw;font-weight:600}.screen{border:1px solid #ffffff14;border-radius:1.4vw;flex:1;align-items:flex-end;margin:4vh 0;display:flex;position:relative;overflow:hidden}.poster{position:absolute;inset:0}.screen .scrim{background:linear-gradient(#0000 45%,#000000b8 100%);position:absolute;inset:0}.screen .meta{padding:5vh 4vw;position:relative}.kicker{letter-spacing:.22em;color:var(--accent);align-items:center;gap:.8vw;margin-bottom:1.6vh;font-size:1.3vw;font-weight:800;display:inline-flex}.kicker .live{background:var(--accent);border-radius:50%;width:.8vw;height:.8vw;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.title{letter-spacing:-.03em;max-width:70%;font-size:4.4vw;font-weight:800;line-height:1.02}.pairing .pair-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.5vh;display:flex}.pair-lead{color:#f5f7f599;letter-spacing:.02em;margin-top:1vh;font-size:2.4vw;font-weight:700}.pair-code{letter-spacing:.12em;color:var(--accent);text-shadow:0 0 4vw var(--glow);font-variant-numeric:tabular-nums;font-size:9vw;font-weight:900;line-height:1}.pair-hint{color:#f5f7f5a6;max-width:60vw;font-size:1.9vw;line-height:1.4}.pair-hint b{color:#f5f7f5;font-weight:800}.player{background:#000;border:1px solid #ffffff14;border-radius:1.4vw;flex:1;margin:4vh 0;position:relative;overflow:hidden}.player video,.player iframe{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.player .nowtag{z-index:2;letter-spacing:.22em;color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border-radius:.7vw;align-items:center;gap:.8vw;padding:1vh 1.4vw;font-size:1.2vw;font-weight:800;display:inline-flex;position:absolute;bottom:4vh;left:4vw}.player .nowtag .live{background:var(--accent);border-radius:50%;width:.8vw;height:.8vw;animation:1.6s ease-in-out infinite pulse}.player .empty{color:#f5f7f580;justify-content:center;align-items:center;font-size:1.8vw;display:flex;position:absolute;inset:0}.advert{z-index:3;background:#000;align-items:flex-end;display:flex;position:absolute;inset:0}.advert img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.advert .promo{z-index:1;background:linear-gradient(#0000 40%,#000000bf 100%);justify-content:space-between;align-items:flex-end;gap:3vw;width:100%;padding:6vh 4vw;display:flex;position:relative}.advert .promo-text{min-width:0}.advert .flag{letter-spacing:.24em;color:#f5f7f599;margin-bottom:1.4vh;font-size:1.1vw;font-weight:800}.advert .promo-title{letter-spacing:-.02em;font-size:3.8vw;font-weight:800;line-height:1.04}.advert .promo-cap{color:var(--accent);margin-top:1vh;font-size:1.9vw;font-weight:700}.advert .promo-qr{text-align:center;flex-shrink:0}.advert .promo-qr img{background:#fff;border-radius:.8vw;width:11vw;height:11vw;padding:.6vw;display:block}.advert .promo-qr span{letter-spacing:.06em;color:#f5f7f5b3;margin-top:.8vh;font-size:1vw;font-weight:700;display:block}.board{flex:1;grid-template-columns:1fr 1fr;align-content:center;gap:2vh 3vw;margin:4vh 0;display:grid}.card{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:2vw;padding:2.2vh 0;display:flex}.card-title{letter-spacing:-.02em;font-size:2.8vw;font-weight:800}.card-sub{color:#f5f7f580;margin-top:.4vh;font-size:1.5vw}.card-price{color:var(--accent);white-space:nowrap;font-size:2.8vw;font-weight:800}.footer{justify-content:space-between;align-items:flex-end;display:flex;position:relative}.upnext{align-items:center;gap:1.6vw;display:flex}.upnext .label{letter-spacing:.2em;color:#f5f7f573;font-size:1.2vw;font-weight:800}.upnext .pick{font-size:1.9vw;font-weight:700}.upnext .reason{color:#f5f7f580;font-size:1.4vw}.engine{color:#f5f7f566;align-items:center;gap:.7vw;font-size:1.15vw;font-weight:600;display:flex}
