:root{color:#f7fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,a{font:inherit}button{border:0}a{color:inherit;text-decoration:none}#root{min-height:100svh}.route-loading{color:#e2e8f0;background:#090b10;place-items:center;min-height:100svh;font-weight:900;display:grid}.app-shell,.screen-page{background:linear-gradient(115deg,#182845d1,#090b10eb),radial-gradient(circle at 18% 12%,#3aa6bd47,#0000 32%),#090b10;min-height:100svh}.screen-page{background:linear-gradient(115deg,#05091280,#050912c7),url(/assets/generated/event-background.png) 50%/cover no-repeat,#090b10;height:100svh;position:relative;overflow:hidden}.machine-canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.screen-overlay{pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(180px,1fr) auto;gap:20px;padding:clamp(18px,3vw,42px);display:grid;position:absolute;inset:0}.screen-title{text-shadow:0 2px 24px #000000b8;width:min(360px,28vw)}.screen-title h1{margin-bottom:10px;font-size:clamp(26px,2.55vw,44px);line-height:.98}.screen-title p:last-child{color:#e2e8f0;font-size:clamp(15px,1.25vw,21px);font-weight:800;line-height:1.35}.screen-queue-panel{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040812ad;border:1px solid #ffffff2e;border-radius:8px;grid-area:1/1/span 2;align-self:start;width:min(170px,48vw);max-height:min(260px,48svh);padding:10px;overflow:hidden}.screen-queue-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.screen-queue-header span{color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.screen-queue-header strong{color:#fef08a;font-size:18px;line-height:1}.screen-queue-panel p{color:#cbd5e1;margin:0;font-size:11px;font-weight:800;line-height:1.35}.screen-queue-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.screen-queue-list li{background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-height:28px;padding:0 6px;display:grid}.screen-queue-list span{color:#7dd3fc;background:#7dd3fc29;border-radius:999px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:grid}.screen-queue-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.screen-qr{grid-area:3/2;place-self:end}.fullscreen-toggle{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040812a8;border:1px solid #ffffff2e;border-radius:999px;grid-area:1/2;justify-content:center;justify-self:end;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-weight:900;transition:background .14s,border-color .14s,transform .14s;display:inline-flex}.fullscreen-toggle:hover,.fullscreen-toggle:focus-visible{background:#facc152e;border-color:#facc1594;outline:none}.fullscreen-toggle:active{transform:translateY(1px)}.fullscreen-toggle svg{color:#facc15;width:20px;height:20px}.game-hud{z-index:2;pointer-events:none;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:clamp(18px,3vw,42px)}.hud-cluster{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:min(680px,54vw);display:flex}.hud-pill{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040812a8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:9px;min-height:46px;padding:0 16px;font-weight:900;display:inline-flex}.hud-pill svg{color:#facc15;width:20px;height:20px}.result-banner{color:#fff;text-align:center;text-shadow:0 0 38px #ffffff59;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#020617b8,#020617c7),url(/assets/generated/win-celebration.png) 50%/cover no-repeat,#020617c7;border-radius:8px;gap:10px;min-width:min(680px,100vw - 48px);padding:28px 36px;font-size:clamp(46px,8vw,132px);font-weight:1000;line-height:1;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.result-kicker,.result-subcopy{color:#fff;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(13px,1.4vw,20px);font-weight:900}.result-subcopy{color:#e2e8f0;letter-spacing:0;text-transform:none;font-size:clamp(15px,1.6vw,24px)}.result-banner.won{color:#fef08a;box-shadow:0 0 70px #facc153d}.result-banner.failed{color:#bfdbfe;box-shadow:0 0 70px #60a5fa38}.hero-band,.screen-stage,.phone-panel,.admin-layout{width:min(1120px,100vw - 32px);margin:0 auto}.hero-band,.screen-stage{justify-content:space-between;align-items:center;gap:40px;min-height:100svh;display:flex}.hero-copy,.screen-stage>div:first-child{max-width:720px}.eyebrow{color:#7dd3fc;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,p{margin-top:0}h1{color:#fff;letter-spacing:0;margin-bottom:20px;font-size:clamp(40px,6vw,88px);line-height:.98}h2{color:#fff;margin-bottom:12px;font-size:22px}.lede{color:#cbd5e1;margin-bottom:28px;font-size:20px;line-height:1.5}.primary-link,.admin-actions button,.drop-button{color:#171717;background:#facc15;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-weight:900;display:inline-flex}.join-form{gap:10px;width:min(360px,100%);margin-bottom:16px;display:grid}.join-form label{color:#cbd5e1;font-size:14px;font-weight:800}.join-form input{color:#fff;min-height:52px;font:inherit;background:#ffffff1a;border:1px solid #ffffff29;border-radius:8px;padding:0 14px}.status-line,.screen-status,.controller-status{color:#cbd5e1}.status-line{align-items:center;gap:10px;margin:0 0 16px;font-weight:800;display:flex}.status-line svg{color:#7dd3fc}.notice{color:#fde68a;background:#facc151f;border:1px solid #facc1566;border-radius:8px;width:min(520px,100%);padding:12px 14px}.primary-link{padding:0 22px}.qr-placeholder{aspect-ratio:1;color:#0f172a;background:#ffffffeb;border:1px solid #ffffff38;border-radius:8px;align-content:center;place-items:center;gap:6px;width:min(240px,34vw);font-weight:900;display:grid}.qr-placeholder canvas{width:min(164px,72%)!important;height:auto!important}.qr-placeholder small{color:#475569;text-overflow:ellipsis;white-space:nowrap;max-width:86%;font-size:10px;font-weight:800;overflow:hidden}.phone-panel{flex-direction:column;justify-content:center;min-height:100svh;padding:24px 0;display:flex}.phone-panel h1{font-size:42px}.controller-page .phone-panel{justify-content:flex-start;width:min(430px,100vw - 32px);padding:clamp(18px,4svh,32px) 0}.controller-page h1{margin-bottom:14px;font-size:clamp(38px,11vw,46px)}.controller-page .lede,.controller-page .controller-status{font-size:17px;line-height:1.35}.controller-page .active-input{margin-bottom:10px}.controller-page .queue-counter-card{margin-bottom:12px;padding:12px}.controller-page .phase-progress{margin-bottom:12px}.controller-status{min-height:28px;margin-bottom:8px;font-weight:800}.active-input{color:#fef08a;min-height:24px;margin-bottom:12px;font-size:14px;font-weight:900}.queue-counter-card{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;gap:10px;width:min(340px,100%);margin-bottom:18px;padding:14px;display:grid}.queue-counter-card.is-current{background:#facc1521;border-color:#facc1580}.queue-counter-head{gap:4px;display:grid}.queue-counter-head span{color:#7dd3fc;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:900}.queue-counter-head strong{color:#fff;font-size:18px;line-height:1.25}.queue-counter-dots{align-items:center;gap:7px;min-height:14px;display:flex}.queue-counter-dots span{background:#ffffff3d;border-radius:999px;flex:0 0 12px;width:12px;height:12px}.queue-counter-dots span.is-mine{background:#facc15;box-shadow:0 0 14px #facc1580}.queue-counter-dots em{color:#cbd5e1;font-size:12px;font-style:normal;font-weight:900}.queue-counter-card p{color:#cbd5e1;margin:0;font-size:13px;font-weight:800;line-height:1.35}.phase-progress{gap:6px;width:min(340px,100%);height:8px;margin-bottom:18px;display:flex}.phase-dot{background:#ffffff29;border-radius:999px;flex:1;min-width:0;box-shadow:inset 0 0 0 1px #ffffff1a}.phase-dot.is-complete{background:#22c55e;box-shadow:0 0 14px #22c55e3d}.phase-dot.is-active{background:#facc15;box-shadow:0 0 18px #facc1575}.arcade-control-deck{background:linear-gradient(150deg,#fff3,#ffffff0d 34%),linear-gradient(#182033,#070a12 74%);border:1px solid #ffffff29;border-radius:8px;gap:14px;width:min(380px,100%);padding:14px;display:grid;box-shadow:inset 0 1px #ffffff3d,inset 0 -18px 36px #00000057,0 22px 52px #00000057}.arcade-control-deck.is-locked{filter:saturate(.72)}.arcade-panel-status{color:#bae6fd;background:linear-gradient(90deg,#0ea5e92e,#facc151f),#020617b8;border:1px solid #7dd3fc38;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 12px;font-weight:900;display:flex;box-shadow:inset 0 0 18px #38bdf814}.arcade-panel-status span{color:#67e8f9;letter-spacing:.12em;font-size:12px}.arcade-panel-status strong{color:#fef08a;font-size:13px}.arcade-panel-controls{grid-template-columns:minmax(164px,1fr) 132px;align-items:center;gap:16px;display:grid}.arcade-joystick{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 48%,#ffffff2e,#0000 30%),radial-gradient(circle at 50% 56%,#111827 0 34%,#020617 35% 58%,#374151 60% 64%,#030712 66%),linear-gradient(145deg,#334155,#020617);border:1px solid #ffffff29;border-radius:8px;place-items:center;width:100%;min-width:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -16px 36px #00000080}.arcade-joystick:disabled{cursor:not-allowed;opacity:.52}.arcade-joystick:not(:disabled):active{transform:translateY(1px)}.joystick-gate{border:2px solid #94a3b89e;border-radius:999px;position:absolute;inset:21%;box-shadow:inset 0 0 0 9px #02061775,0 0 28px #38bdf829}.joystick-gate span{background:#7dd3fc5c;border-radius:999px;width:74%;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joystick-gate span:last-child{width:5px;height:74%}.joystick-stick{width:18px;height:54px;transform:translate(calc(-50% + var(--stick-x)), calc(-50% + var(--stick-y) + 20px)) rotateX(58deg);transform-origin:50% 0;background:linear-gradient(90deg,#64748b,#f8fafc 46%,#334155),#cbd5e1;border-radius:999px;transition:transform 80ms;position:absolute;top:50%;left:50%;box-shadow:0 16px 24px #00000061}.joystick-ball{width:76px;height:76px;transform:translate(calc(-50% + var(--stick-x)), calc(-50% + var(--stick-y) - 18px));background:radial-gradient(circle at 32% 28%,#fffffff5,#0000 0 12%,#0000 13%),radial-gradient(circle at 34% 30%,#fef2f2,#ef4444 36%,#991b1b 72%,#450a0a);border-radius:999px;transition:transform 80ms;position:absolute;top:50%;left:50%;box-shadow:inset -14px -18px 28px #00000057,inset 8px 10px 18px #ffffff38,0 20px 30px #0000006b}.arcade-joystick.is-forward .joystick-ball,.arcade-joystick.is-back .joystick-ball,.arcade-joystick.is-left .joystick-ball,.arcade-joystick.is-right .joystick-ball{box-shadow:inset -14px -18px 28px #00000057,inset 8px 10px 18px #ffffff38,0 0 30px #ef444461,0 22px 34px #0000006b}.dpad{grid-template-rows:repeat(3,82px);grid-template-columns:repeat(3,minmax(82px,1fr));gap:10px;width:min(340px,100%);display:grid}.control-button,.drop-button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.control-button{color:#fff;background:#ffffff24;border-radius:8px;place-items:center;transition:background .12s,transform .12s,box-shadow .12s;display:grid}.control-button:not(:disabled):active,.control-button.is-active{color:#06111d;background:#38bdf8;transform:translateY(2px)scale(.97);box-shadow:0 0 28px #38bdf873}.control-button:disabled,.drop-button:disabled,.admin-actions button:disabled{cursor:not-allowed;opacity:.45}.control-button svg,.drop-button svg,.admin-actions svg{width:28px;height:28px}.up{grid-column:2}.left{grid-area:2/1}.right{grid-area:2/3}.down{grid-area:3/2}.drop-button{width:min(340px,100%);min-height:76px;margin-top:18px;font-size:22px;box-shadow:0 16px 38px #facc1533}.arcade-drop-button{color:#1c1917;letter-spacing:.04em;background:radial-gradient(circle at 35% 28%,#ffffffd9,#0000 0 16%,#0000 17%),radial-gradient(circle,#fef08a,#facc15 48%,#ca8a04 82%);border:8px solid #78350fc7;border-radius:999px;align-content:center;justify-items:center;gap:8px;width:132px;min-height:132px;margin-top:0;font-size:20px;display:grid;box-shadow:inset -12px -16px 28px #78350f57,inset 8px 10px 16px #ffffff61,0 14px #451a03,0 26px 36px #0000005c}.arcade-drop-button svg{width:30px;height:30px}.drop-button:not(:disabled):active{transform:translateY(2px)scale(.98)}.arcade-drop-button:not(:disabled):active{transform:translateY(8px);box-shadow:inset -12px -16px 28px #78350f57,inset 8px 10px 16px #ffffff61,0 6px #451a03,0 14px 26px #00000052}.secondary-link{color:#cbd5e1;text-align:center;width:min(340px,100%);margin-top:14px;font-size:14px;font-weight:800}.admin-layout{min-height:100svh;padding:48px 0}.admin-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{background:#0a0f18b8;border:1px solid #ffffff1f;border-radius:8px;padding:20px}.panel p{color:#cbd5e1}.state-list{gap:10px;margin:0;display:grid}.state-list div,.screen-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.state-list dt,.queue-list span:last-child{color:#94a3b8;font-size:13px;font-weight:800}.state-list dd{color:#fff;margin:0;font-weight:900}.admin-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-actions button{min-width:0;padding:0 14px}.admin-actions .danger-action{color:#19060a;background:#fb7185}.range-control{gap:12px;display:grid}.range-control+.range-control{margin-top:18px}.range-control label{color:#fff;justify-content:space-between;align-items:center;gap:12px;font-weight:900;display:flex}.range-control label span{align-items:center;gap:8px;display:inline-flex}.range-control svg{color:#7dd3fc;width:20px;height:20px}.range-control strong{color:#fef08a}.range-control input[type=range]{accent-color:#facc15;width:100%}.queue-panel{grid-column:1/-1}.queue-list{gap:8px;margin:0;padding-left:22px;display:grid}.queue-list li{color:#fff;font-weight:900}.queue-list button{color:#fff;text-align:left;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;font-weight:900;transition:background .14s,border-color .14s,transform .14s;display:grid}.queue-list button:hover:not(:disabled),.queue-list button:focus-visible{background:#facc1529;border-color:#facc1594;outline:none}.queue-list button:active:not(:disabled){transform:translateY(1px)}.queue-list button:disabled{cursor:not-allowed;opacity:.45}.queue-list button span:first-child{color:#7dd3fc;background:#7dd3fc29;border-radius:999px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.queue-list button span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-status{flex-wrap:wrap;justify-content:flex-start;width:min(520px,100%)}.screen-overlay .screen-status{grid-area:3/1;align-self:end}.screen-status span{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:8px 12px;font-weight:900}.turn-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.turn-modal{text-align:center;background:#0a0f18f0;border:1px solid #facc156b;border-radius:8px;justify-items:center;width:min(360px,100%);padding:26px 22px;display:grid;box-shadow:0 24px 70px #0000007a}.turn-modal h2{margin-bottom:10px;font-size:34px}.turn-modal p:not(.eyebrow){color:#dbeafe;margin-bottom:20px;font-weight:800}.turn-modal button{color:#171717;background:#facc15;border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:0 28px;font-weight:900;display:inline-flex}.thanks-page{place-items:center;min-height:100svh;padding:24px;display:grid}.thanks-panel{text-align:center;justify-items:center;width:min(560px,100%);display:grid}.thanks-panel h1{max-width:10ch;font-size:clamp(42px,8vw,76px)}.thanks-panel .lede{max-width:420px}.thanks-icon{color:#171717;background:#facc15;border-radius:999px;place-items:center;width:86px;height:86px;margin-bottom:18px;display:grid;box-shadow:0 18px 42px #facc1547}.thanks-icon svg{width:42px;height:42px}@media (width<=760px){.hero-band,.screen-stage{flex-direction:column;justify-content:center;align-items:flex-start}.admin-grid{grid-template-columns:1fr}.screen-stage{padding:24px 0}}.screen-broadcast-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none;background:#020617c2;border:1px solid #ffffff2e;border-radius:8px;grid-area:3/1/auto/-1;grid-template-columns:1.3fr 1fr .8fr .65fr .65fr;place-self:end center;gap:1px;width:min(760px,100vw - 380px);min-width:420px;display:grid;overflow:hidden;box-shadow:0 24px 70px #00000057}.screen-broadcast-bar>div:not(.screen-round-meter){background:#ffffff12;align-content:center;gap:4px;min-height:62px;padding:10px 14px;display:grid}.screen-broadcast-bar span{color:#93c5fd;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;overflow:hidden}.screen-broadcast-bar strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:1000;overflow:hidden}.screen-timer strong{color:#fef08a;font-size:24px}.screen-round-meter{background:linear-gradient(90deg, #facc15 var(--round-progress), #ffffff2e 0), #ffffff2e;grid-column:1/-1;height:5px}.result-banner strong{font-size:inherit;line-height:.92;display:block}.result-kicker{justify-content:center;align-items:center;gap:10px;display:inline-flex}.result-kicker svg{width:24px;height:24px}.admin-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.secondary-action{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:900;display:inline-flex}.secondary-action svg{color:#7dd3fc;width:18px;height:18px}.field-panel{grid-column:1/-1}.panel-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.panel-title-row span{color:#bae6fd;background:#7dd3fc24;border-radius:999px;padding:8px 12px;font-weight:900}.field-status-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.field-status-strip div,.stat-cards div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;gap:4px;padding:12px;display:grid}.field-status-strip span,.stat-cards span{color:#94a3b8;font-size:12px;font-weight:900}.field-status-strip strong,.stat-cards strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:1000;overflow:hidden}.field-actions{grid-template-columns:repeat(6,minmax(0,1fr))}.state-list dt{align-items:center;gap:8px;display:inline-flex}.state-list dt svg{color:#7dd3fc;width:18px;height:18px}.text-control{gap:8px;display:grid}.text-control+.text-control,.stat-cards{margin-top:14px}.text-control label{color:#cbd5e1;font-size:13px;font-weight:900}.text-control input{color:#fff;min-height:48px;font:inherit;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;padding:0 12px;font-weight:800}.segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.segmented-control button{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;min-height:42px;font-weight:900}.segmented-control button.is-selected{color:#171717;background:#facc15;border-color:#facc15b3}.stat-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-cards svg{color:#facc15;width:22px;height:22px}.queue-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.queue-tools{gap:6px;display:flex}.queue-tools button{grid-template-columns:1fr;place-items:center;width:42px;min-height:42px;padding:0}.queue-tools svg{width:18px;height:18px}.result-log{gap:8px;margin:0;padding:0;list-style:none;display:grid}.result-log li{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:46px;padding:0 12px;display:grid}.result-log span,.result-log em{color:#94a3b8;font-size:12px;font-style:normal;font-weight:900}.result-log strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.thanks-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=900px){.field-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-broadcast-bar{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,100vw - 36px);min-width:0;margin-bottom:126px}}@media (width<=760px){.admin-header{display:grid}.field-status-strip,.field-actions,.stat-cards{grid-template-columns:1fr}}.showcase-screen-page{background:linear-gradient(#23020114,#08000047),url(/assets/generated/event-background-gold-red.png) 50%/cover no-repeat,#140201}.showcase-screen-page:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 46%,#ffa43a1f,#0000 36%),linear-gradient(90deg,#00000047,#0000 22% 78%,#00000047);position:absolute;inset:0}.showcase-screen-overlay{z-index:3;padding:clamp(14px,2vw,28px)}.showcase-queue-panel{background:linear-gradient(#4d190594,#0a0301b8),#07130c8a;border-color:#f7d77a5c;width:min(142px,34vw);max-height:min(210px,42svh);box-shadow:0 18px 48px #00000052}.showcase-queue-panel .screen-queue-header span,.showcase-broadcast-bar span{color:#f7d77a}.showcase-queue-panel .screen-queue-header strong,.showcase-broadcast-bar strong,.showcase-broadcast-bar .screen-timer strong{color:#fff2bd}.showcase-queue-panel .screen-queue-list li{background:#0b5b333d;border-color:#f7d77a2e}.showcase-queue-panel .screen-queue-list span{color:#f7d77a;background:#f7d77a2e}.showcase-fullscreen-toggle{background:#340c03a3;border-color:#f7d77a57;box-shadow:0 14px 38px #00000047}.showcase-screen-qr{background:#fff8e4f0;border-color:#f7d77a8c;width:min(184px,22vw);box-shadow:0 20px 56px #00000057}.showcase-broadcast-bar{background:linear-gradient(90deg,#220802db,#0b5b33ad),#050805c2;border-color:#f7d77a52;width:min(650px,100vw - 430px);min-width:390px;box-shadow:0 22px 60px #0000006b}.showcase-broadcast-bar>div:not(.screen-round-meter){background:#ffecaa0f;min-height:50px}.showcase-broadcast-bar .screen-round-meter{background:linear-gradient(90deg, #f7d77a var(--round-progress), #ffffff29 0), #ffffff24}@media (width<=900px){.showcase-screen-qr{width:min(178px,38vw)}.showcase-broadcast-bar{width:min(100%,100vw - 30px);min-width:0}}