:root{--accent:#ffb000;--red:#ef233c;--bg:#060708;--panel:#101217;--line:#292d35}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#050607;color:#fff}.tv-shell{height:100vh;display:grid;grid-template-rows:96px 1fr 62px;padding:0 16px 10px;background:radial-gradient(circle at 72% 22%,#351607 0,#0c0c0d 35%,#050607 72%)}.connection-banner{position:fixed;top:0;left:0;right:0;height:24px;background:#c51620;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;z-index:120;transform:translateY(-100%);transition:.25s}.connection-banner.show{transform:none}.tv-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffb00066;padding:13px 8px 10px}.tv-brand{display:flex;align-items:center;gap:13px}.planet-burger{width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#ffb000,#ff5600);display:grid;place-items:center;font-size:30px;box-shadow:0 0 32px #ff7a0040;animation:float 4s ease-in-out infinite}.tv-brand h1{margin:0;font-size:28px;letter-spacing:.7px}.tv-brand p{margin:3px 0 0;color:var(--accent);font-size:13px;font-weight:850}.tv-clock{text-align:right}.tv-clock strong{display:block;font-size:38px;line-height:1}.tv-clock span{font-size:12px;color:#d0d0d0;text-transform:capitalize}

.tv-grid{display:grid;grid-template-columns:20% 20% 60%;gap:10px;padding-top:10px;min-height:0}.tv-column,.promo-column{border:1px solid #343840;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#111318,#0d0f12);box-shadow:0 18px 48px #0009;display:grid;min-height:0}.tv-column{grid-template-rows:58px 1fr 25px}.column-title{display:flex;align-items:center;gap:9px;padding:0 13px;background:linear-gradient(100deg,#ffb000,#ff8700);color:#15100a}.ready .column-title{background:linear-gradient(100deg,#ef233c,#b30e22);color:#fff}.column-title h2{font-size:15px;margin:0;flex:1;white-space:nowrap}.title-icon{font-size:18px}.title-count{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0002;font-size:12px;font-weight:950}.tv-orders{padding:9px;display:grid;gap:8px;align-content:start;overflow:hidden;position:relative}.tv-order{min-height:61px;border-radius:16px;border:1px solid #32363e;background:linear-gradient(145deg,#1a1d22,#121418);display:grid;grid-template-columns:58px 2px 1fr;align-items:center;padding:8px 10px;animation:orderIn .45s cubic-bezier(.22,.8,.3,1);position:relative;overflow:hidden}.tv-order:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,#fff07 50%,transparent 60%);transform:translateX(-120%);animation:shine 6s infinite}.tv-order .num{font-size:27px;font-weight:1000}.tv-order .divider{height:32px;background:var(--accent);border-radius:4px}.tv-order .name{font-size:14px;font-weight:850;padding-left:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-order .wait{position:absolute;right:8px;bottom:4px;color:#aaa;font-size:9px}.tv-column footer{border-top:1px solid #2b2e34;display:grid;place-items:center;font-size:9px;color:#9da2aa}

.ready-rotation{padding:10px;align-content:stretch}.ready-feature{position:absolute;inset:10px;border-radius:20px;border:1px solid #ef233c55;background:radial-gradient(circle at 50% 35%,#3e1018 0,#171015 44%,#101216 78%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translateY(20px) scale(.95);transition:opacity .5s,transform .55s;overflow:hidden}.ready-feature:before{content:"";position:absolute;width:150%;height:55%;top:-30%;left:-25%;background:radial-gradient(ellipse,#ef233c30,transparent 68%);animation:readyAura 3s ease-in-out infinite}.ready-feature.active{opacity:1;transform:none}.ready-label{font-size:9px;letter-spacing:1.7px;color:#ffb000;font-weight:1000}.ready-number{font-size:72px;line-height:1;margin:10px 0 4px;text-shadow:0 0 28px #ef233c66}.ready-name{font-size:20px;font-weight:950;max-width:94%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ready-status{margin-top:17px;padding:7px 11px;border-radius:999px;background:#ffffff0c;border:1px solid #ffffff12;color:#ddd;font-size:9px;font-weight:800}.ready-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#37e879;box-shadow:0 0 12px #37e879;margin-right:5px}.ready-feature small{position:absolute;bottom:13px;color:#777;font-size:9px}.ready-pager{height:15px;position:absolute;align-self:end;justify-self:center;bottom:29px;z-index:4;display:flex;gap:5px}.ready-pager i{width:5px;height:5px;border-radius:50%;background:#6b6266;transition:.3s}.ready-pager i.active{width:17px;border-radius:999px;background:#ef233c}

.promo-column{border-color:#ffb00088;grid-template-rows:52px 1fr 26px;background:#140d09}.promo-heading{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--accent);font-size:18px;font-weight:1000;letter-spacing:.8px;background:linear-gradient(180deg,#131416,#0d0e10)}.promo-heading span{font-size:13px}.promo-stage{margin:0 8px 6px;border-radius:20px;overflow:hidden;position:relative;background:#21140c;box-shadow:inset 0 0 0 1px #ffffff0a}.promo-slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transform:scale(1.055);transition:opacity .8s,transform 7s ease-out}.promo-slide.active{opacity:1;transform:scale(1)}.promo-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#080503dd 0,#08050378 35%,transparent 68%),linear-gradient(0deg,#000d 0,transparent 58%),linear-gradient(180deg,#0005,transparent 25%)}.promo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px 32px}.promo-overlay .badge{align-self:flex-start;padding:9px 15px;border-radius:999px;background:linear-gradient(100deg,var(--accent),#ff7200);color:#160f07;font-weight:1000;font-size:12px;box-shadow:0 8px 24px #0007;animation:badgePulse 2.2s ease-in-out infinite}.promo-copy{max-width:58%;filter:drop-shadow(0 4px 12px #000)}.promo-copy h2{font-size:54px;line-height:.9;margin:0 0 10px;text-transform:uppercase;letter-spacing:-1.5px}.promo-copy p{font-size:18px;line-height:1.25;margin:0 0 12px;color:#f3f3f3}.promo-copy strong{display:inline-block;font-size:46px;line-height:1;color:var(--accent);text-shadow:0 0 22px #ff9d0055}.promo-empty{height:100%;display:grid;place-content:center;text-align:center}.promo-empty span{font-size:45px}.promo-empty h2{font-size:31px;margin:8px}.promo-empty p{color:#aaa}.promo-dots{display:flex;justify-content:center;align-items:center;gap:7px}.promo-dots i{width:7px;height:7px;border-radius:50%;background:#6a5b46;transition:.35s}.promo-dots i.active{width:27px;border-radius:999px;background:var(--accent);box-shadow:0 0 15px #ffb00099}

.tv-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #24262b;margin-top:8px;padding:6px 8px}.tv-footer>div:last-child{text-align:right}.tv-footer span{display:block;color:#8e9299;font-size:9px}.tv-footer strong{font-size:13px}.footer-message{text-align:center!important;font-weight:900;color:var(--accent)}.sound-button{position:fixed;left:50%;bottom:19px;transform:translateX(-50%);z-index:30;border:0;border-radius:999px;padding:11px 17px;background:#fff;color:#111;font-weight:900;box-shadow:0 14px 35px #0008;cursor:pointer}

.ready-flash{position:fixed;inset:0;background:radial-gradient(circle at center,#2a0a10f5 0,#070708fa 64%);display:grid;place-items:center;z-index:100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s}.ready-flash.show{opacity:1;visibility:visible}.ready-flash-card{position:relative;width:min(780px,82vw);min-height:620px;border-radius:52px;padding:50px 55px 40px;text-align:center;background:linear-gradient(145deg,#260b11,#11090c 70%);border:3px solid #ef233c;box-shadow:0 0 0 12px #ef233c10,0 0 100px #ef233c77;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;animation:flashCard .75s cubic-bezier(.2,.9,.25,1)}.flash-rings,.flash-rings:before,.flash-rings:after{position:absolute;content:"";width:390px;height:390px;border-radius:50%;border:1px solid #ef233c40;animation:ringPulse 2.4s ease-out infinite}.flash-rings:before{inset:-55px}.flash-rings:after{inset:-110px}.flash-bell{font-size:72px;filter:drop-shadow(0 0 25px #ffb00088);animation:bellShake 1.2s ease-in-out infinite}.ready-flash small{display:block;color:#ffb000;font-size:23px;font-weight:1000;letter-spacing:6px;margin-top:14px}.ready-flash strong{display:block;font-size:190px;line-height:.92;margin-top:12px;text-shadow:0 0 55px #ef233c88}.ready-flash p{font-size:44px;font-weight:950;margin:12px 0;max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flash-message{font-size:17px;color:#d9d9dc;margin-top:10px}.flash-progress{position:absolute;left:42px;right:42px;bottom:29px;height:7px;border-radius:999px;background:#ffffff12;overflow:hidden}.flash-progress i{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#ef233c,#ffb000);box-shadow:0 0 14px #ff7a00}

.empty-queue{height:100%;display:grid;place-content:center;text-align:center;color:#686d75}.empty-queue span{font-size:34px}.empty-queue p{font-size:11px}

@keyframes float{50%{transform:translateY(-5px) rotate(2deg)}}@keyframes orderIn{from{opacity:0;transform:translateY(18px) scale(.97)}}@keyframes shine{0%,73%{transform:translateX(-120%)}92%,100%{transform:translateX(120%)}}@keyframes readyAura{50%{transform:scale(1.16);opacity:.55}}@keyframes badgePulse{50%{transform:scale(1.045);box-shadow:0 8px 32px #ff8a0050}}@keyframes flashCard{from{transform:scale(.72);opacity:0}}@keyframes ringPulse{0%{transform:scale(.65);opacity:.9}100%{transform:scale(1.35);opacity:0}}@keyframes bellShake{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(7deg)}}@keyframes flashCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}

@media(max-width:1200px){.tv-shell{padding:0 8px 8px;grid-template-rows:86px 1fr 54px}.tv-grid{gap:6px}.tv-brand h1{font-size:23px}.planet-burger{width:48px;height:48px}.column-title{padding:0 8px}.column-title h2{font-size:12px}.tv-order{grid-template-columns:47px 2px 1fr;padding:7px}.tv-order .num{font-size:22px}.tv-order .name{font-size:11px;padding-left:6px}.ready-number{font-size:58px}.ready-name{font-size:15px}.promo-copy h2{font-size:42px}.promo-copy p{font-size:14px}.promo-copy strong{font-size:37px}.promo-overlay{padding:21px}.ready-flash-card{min-height:520px}.ready-flash strong{font-size:150px}.ready-flash p{font-size:34px}}