: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}.machine-scene-loading{background:radial-gradient(circle at 50% 48%,#ca924424,#0000 34%),linear-gradient(#15030114,#03000033);position:absolute;inset:0}.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 26px #ffffff47;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(135deg,#3b1406e0,#05321ed6),#0c0804d1;border:1px solid #f7d77a6b;border-radius:22px;gap:8px;width:min(560px,100vw - 48px);padding:20px 30px;font-size:clamp(38px,5vw,76px);font-weight:1000;line-height:1;animation:.42s cubic-bezier(.2,.8,.2,1) both result-reveal;display:grid;position:absolute;top:clamp(90px,20vh,190px);left:50%;overflow:hidden;transform:translate(-50%)}@keyframes result-reveal{0%{opacity:0;transform:translate(-50%,-14px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}.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:inset 0 1px #ffffff2e,0 22px 70px #facc1533}.result-banner.failed{color:#bfdbfe;background:linear-gradient(135deg,#182b4ae6,#2c1840db);border-color:#93c5fd66;box-shadow:inset 0 1px #ffffff29,0 22px 70px #60a5fa2e}.prize-reveal-overlay{z-index:4;pointer-events:none;place-items:end center;padding:0 24px clamp(72px,10svh,112px);display:grid;position:fixed;inset:0;overflow:hidden}.prize-reveal-vignette{background:radial-gradient(circle at 50% 48%,#0000 0 18%,#01050a1f 40%,#01050aad 100%),linear-gradient(#01060c14,#01060c85);animation:.52s ease-out both reveal-vignette-in;position:absolute;inset:0}.prize-reveal-copy{color:#f7fcff;text-align:center;text-shadow:0 4px 30px #000000e6;justify-items:center;gap:7px;width:min(680px,100vw - 40px);display:grid;position:relative}.prize-reveal-copy>strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(30px,4.2vw,58px);line-height:1.08}.prize-reveal-copy>span:last-child{color:#cbeefa;font-size:clamp(13px,1.3vw,18px);font-weight:900}.prize-reveal-kicker{color:#7cecff;letter-spacing:0;align-items:center;gap:8px;font-size:12px;font-weight:1000;display:inline-flex}.prize-reveal-kicker svg{width:17px;height:17px}.prize-reveal-overlay.is-opening .prize-reveal-copy{opacity:0;transform:translateY(14px)}.prize-reveal-overlay.is-revealed .prize-reveal-copy{animation:.56s cubic-bezier(.2,.82,.2,1) both reveal-copy-in}@keyframes reveal-vignette-in{0%{opacity:0}to{opacity:1}}@keyframes reveal-copy-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.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}.controller-page{background:radial-gradient(circle,#0d406033,#0000 52%),linear-gradient(#050811,#010308);place-items:center;height:100svh;min-height:320px;padding:10px;display:grid;position:relative;overflow:hidden}.controller-page:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#38bdf80a 50%,#0000 50.2%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 4px);position:absolute;inset:0}.claw-controller{--controller-blue:#38bdf8;--controller-yellow:#facc15;z-index:1;isolation:isolate;background:linear-gradient(#38bdf814,#0000 12%),linear-gradient(145deg,#172131,#060a12 52%,#02050a);border:1px solid #38bdf8b8;border-radius:clamp(18px,2.4vw,38px);grid-template-rows:clamp(46px,9svh,78px) minmax(0,1fr) clamp(24px,5svh,44px);width:min(1500px,100vw - 20px);min-width:0;height:min(850px,100svh - 20px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #02050a,inset 0 0 0 5px #38bdf838,inset 0 1px #ffffff38,0 30px 90px #000000a8,0 0 34px #0ea5e929}.claw-controller:before,.claw-controller:after{z-index:4;content:"";background:linear-gradient(135deg,#0000 42%,#02050a 43% 57%,#0000 58%),radial-gradient(circle at 35% 30%,#64748b,#111827 46%,#02040a 74%);border:2px solid #02050a;border-radius:999px;width:18px;height:18px;position:absolute;box-shadow:0 1px #ffffff40}.claw-controller:before{top:14px;left:14px}.claw-controller:after{top:14px;right:14px}.controller-topbar{background:linear-gradient(#ffffff14,#0000 36%),linear-gradient(115deg,#172131,#080d16 62%,#121b28);border-bottom:5px solid #02050a;grid-template-columns:minmax(92px,.8fr) minmax(80px,2.6fr) minmax(110px,.8fr);align-items:center;gap:clamp(8px,1.4vw,22px);min-width:0;padding:5px clamp(22px,3vw,54px);display:grid;position:relative;box-shadow:inset 0 -1px #38bdf86b,inset 0 -6px 14px #0000007a}.controller-topbar:after{content:"";background:linear-gradient(90deg,#0000,#38bdf8 14% 86%,#0000);border-radius:999px;height:2px;position:absolute;top:4px;left:3%;right:3%;box-shadow:0 0 9px #38bdf8b8}.controller-back-link{color:#cbd5e1;align-items:center;gap:6px;width:fit-content;min-height:36px;font-size:clamp(11px,1vw,14px);font-weight:900;display:inline-flex}.controller-back-link svg{color:#38bdf8;width:18px;height:18px}.controller-topbar-groove{background:linear-gradient(#0000006b,#ffffff06);border:1px solid #94a3b83d;border-radius:10px 10px 28px 28px;height:62%;min-height:26px;box-shadow:inset 0 3px 8px #000000a3,0 1px #ffffff14}.controller-connection{color:#e2e8f0;white-space:nowrap;justify-content:flex-end;align-items:center;gap:9px;min-width:0;font-size:clamp(12px,1.35vw,19px);display:flex}.controller-connection strong{text-overflow:ellipsis;overflow:hidden}.connection-light{background:#64748b;border:1px solid #ffffff57;border-radius:999px;flex:none;width:clamp(12px,1.4vw,20px);height:clamp(12px,1.4vw,20px);box-shadow:inset 2px 2px 4px #fff3,0 0 10px #64748b57}.connection-light.is-online{background:#22c55e;box-shadow:inset 2px 2px 4px #ffffff61,0 0 14px #22c55e94}.controller-panel-grid{background:linear-gradient(90deg,#38bdf814,#0000 16% 84%,#38bdf814),#03060b;grid-template-columns:minmax(0,1.12fr) minmax(190px,.88fr) minmax(0,1.12fr);gap:clamp(7px,.9vw,14px);min-width:0;min-height:0;padding:clamp(7px,.9vw,14px);display:grid}.controller-module,.controller-hud{border:1px solid #60a5fa6b;border-radius:clamp(12px,1.4vw,24px);min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff21,inset 0 -18px 32px #0000006b,0 0 0 3px #02050a}.controller-module{background:radial-gradient(circle at 17px 17px,#fff0a5 0 2px,#a16207 3px 5px,#02050a 6px 8px,#0000 9px),radial-gradient(circle at calc(100% - 17px) 17px,#fff0a5 0 2px,#a16207 3px 5px,#02050a 6px 8px,#0000 9px),radial-gradient(circle at 17px calc(100% - 17px),#fff0a5 0 2px,#a16207 3px 5px,#02050a 6px 8px,#0000 9px),radial-gradient(circle at calc(100% - 17px) calc(100% - 17px),#fff0a5 0 2px,#a16207 3px 5px,#02050a 6px 8px,#0000 9px),linear-gradient(145deg,#ffffff17,#0000 22%),linear-gradient(#172131,#070b12 78%)}.joystick-module{grid-template-rows:minmax(0,1fr) auto;place-items:center;padding:clamp(8px,1vw,18px);display:grid}.controller-joystick{--stick-x:0px;--stick-y:0px;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#0000 0 32%,#38bdf8d6 32.5% 34%,#0000 34.5%),radial-gradient(circle,#111827 0 43%,#020617 44% 58%,#334155 59% 62%,#05070c 63% 70%,#0000 71%),linear-gradient(145deg,#27364b,#090d15);border:clamp(6px,.75vw,12px) solid #02050a;border-radius:24%;width:min(82%,68svh,500px);transition:filter .16s,transform .12s;display:block;position:relative;box-shadow:inset 0 1px #ffffff38,inset 0 -22px 38px #00000094,0 0 0 2px #38bdf857,0 16px 34px #00000075}.controller-joystick:before,.controller-joystick:after{z-index:0;content:"";background:#7dd3fc4d;border-radius:999px;width:67%;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #38bdf82e}.controller-joystick:after{width:3px;height:67%}.controller-joystick:not(:disabled):active{transform:scale(.99)}.controller-joystick:disabled{cursor:not-allowed;filter:grayscale(.38)brightness(.62)}.joystick-outer-ring{z-index:1;border:3px solid #64748be6;border-radius:999px;position:absolute;inset:22%;box-shadow:inset 0 0 0 8px #020617ad,0 0 0 5px #0f172ad1,0 0 22px #38bdf842}.joystick-direction{z-index:2;filter:drop-shadow(0 0 8px #38bdf8ad);opacity:.92;border-bottom:clamp(12px,1.35vw,21px) solid #67e8f9;border-left:clamp(8px,1vw,15px) solid #0000;border-right:clamp(8px,1vw,15px) solid #0000;width:0;height:0;position:absolute}.direction-forward{top:5%;left:50%;transform:translate(-50%)}.direction-right{top:50%;right:6%;transform:translateY(-50%)rotate(90deg)}.direction-back{bottom:5%;left:50%;transform:translate(-50%)rotate(180deg)}.direction-left{top:50%;left:6%;transform:translateY(-50%)rotate(-90deg)}.controller-joystick.is-forward .direction-forward,.controller-joystick.is-right .direction-right,.controller-joystick.is-back .direction-back,.controller-joystick.is-left .direction-left{filter:drop-shadow(0 0 12px #facc15eb);border-bottom-color:#fef08a}.joystick-stick{z-index:3;aspect-ratio:1;width:34%;transform:translate(calc(-50% + var(--stick-x)), calc(-50% + var(--stick-y) - 8%));transition:transform 70ms ease-out;position:absolute;top:50%;left:50%}.joystick-shaft{z-index:1;background:linear-gradient(90deg,#334155,#f8fafc 45%,#475569);border-radius:999px;width:12%;height:64%;position:absolute;top:46%;left:44%;box-shadow:0 12px 16px #0000006b}.joystick-ball{z-index:2;background:radial-gradient(circle at 31% 25%,#fffffff5,#0000 0 9%,#0000 10%),radial-gradient(circle at 35% 30%,#fee2e2,#dc2626 36%,#7f1d1d 72%,#300305);border-radius:999px;position:absolute;inset:0;box-shadow:inset -16px -20px 30px #00000061,inset 9px 11px 17px #fff3,0 18px 28px #00000080}.controller-joystick:not(:disabled) .joystick-ball{box-shadow:inset -16px -20px 30px #00000061,inset 9px 11px 17px #fff3,0 0 18px #dc262633,0 18px 28px #00000080}.controller-module-label{z-index:2;color:#f8fafc;text-align:center;text-shadow:0 2px 12px #000000b8;border-top:1px solid #38bdf85c;width:min(58%,260px);padding-top:clamp(3px,.5svh,8px);font-size:clamp(18px,2.4vw,40px);line-height:1;display:block;position:relative}.controller-hud{text-align:center;background:radial-gradient(circle at 50% 20%,#0ea5e924,#0000 34%),repeating-linear-gradient(120deg,#7dd3fc06 0 1px,#0000 1px 12px),#04101b;flex-direction:column;justify-content:center;align-items:center;gap:clamp(4px,.75svh,10px);padding:clamp(9px,1.5vw,24px);display:flex}.controller-hud:before{border-radius:inherit;content:"";pointer-events:none;border:1px solid #38bdf847;position:absolute;inset:0;box-shadow:inset 0 0 40px #020617ad}.controller-status-pill{z-index:1;color:#fff;letter-spacing:.03em;background:linear-gradient(#22c55e,#07843c);border:2px solid #4ade80c7;border-radius:999px;justify-content:center;align-items:center;min-width:min(72%,240px);min-height:clamp(30px,5.4svh,56px);padding:0 18px;font-size:clamp(14px,2vw,30px);font-weight:1000;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff61,0 0 0 4px #022e19b8,0 0 22px #22c55e3d}.status-locked,.status-wait,.status-connect{background:linear-gradient(#475569,#1e293b);border-color:#94a3b8a3;box-shadow:inset 0 1px #ffffff3d,0 0 0 4px #0f172ac7}.status-active{background:linear-gradient(#0ea5e9,#0369a1);border-color:#38bdf8c7;box-shadow:inset 0 1px #ffffff47,0 0 0 4px #031e36c2,0 0 20px #38bdf833}.controller-countdown{z-index:1;color:#f8fafc;font-variant-numeric:tabular-nums;letter-spacing:-.07em;text-shadow:0 4px #334155,0 8px 22px #000000ad;font-size:clamp(42px,7.2vw,112px);font-weight:1000;line-height:.9;position:relative}.controller-attempt{z-index:1;color:#a5f3fc;font-variant-numeric:tabular-nums;letter-spacing:0;background:#031422e0;border:1px solid #22d3ee8a;border-radius:4px;padding:5px 14px;font-size:clamp(13px,1.45vw,22px);font-weight:900;line-height:1;position:relative;box-shadow:inset 0 0 14px #22d3ee14}.controller-hud h1{z-index:1;color:#22d3ee;text-shadow:0 0 16px #22d3ee47;margin:0;font-size:clamp(17px,2.25vw,34px);line-height:1.08;position:relative}.controller-signal-divider{z-index:1;opacity:.74;background:radial-gradient(circle,#38bdf8d6 0 1px,#0000 1.5px) 0/6px 4px repeat-x;width:88%;height:8px;position:relative}.controller-signal-divider span{background:#04101b;border:2px solid #38bdf8;border-radius:999px;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #38bdf8}.controller-instruction,.controller-status-copy{z-index:1;margin:0;position:relative}.controller-instruction{color:#e2e8f0;min-height:1.35em;font-size:clamp(11px,1.35vw,20px);font-weight:900;line-height:1.3}.controller-status-copy{color:#7dd3fc;text-overflow:ellipsis;white-space:nowrap;max-width:96%;font-size:clamp(9px,.9vw,13px);font-weight:800;overflow:hidden}.camera-view-panel{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(96%,340px);display:grid;position:relative}.camera-view-panel button{color:#bae6fd;white-space:nowrap;background:#0f172abd;border:1px solid #38bdf852;border-radius:6px;min-width:0;min-height:clamp(24px,3.7svh,36px);padding:0 4px;font-size:clamp(8px,.82vw,12px);font-weight:1000;line-height:1;transition:background .12s,border-color .12s,color .12s,transform .12s;box-shadow:inset 0 1px #ffffff14}.camera-view-panel button.is-selected{color:#201000;background:linear-gradient(#facc15,#d97706);border-color:#facc15c7}.camera-view-panel button:not(:disabled):active{transform:translateY(1px)}.camera-view-panel button:disabled{cursor:not-allowed;opacity:.46}.controller-stage-rail{z-index:1;justify-content:space-between;align-items:center;width:94%;margin:clamp(2px,.6svh,8px) 0 0;padding:0;list-style:none;display:flex;position:relative}.controller-stage-rail:before{background:linear-gradient(90deg, #38bdf8 var(--stage-progress), #334155 0), #334155;content:"";height:3px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);box-shadow:0 1px #ffffff1a}.controller-stage-rail li{z-index:1;color:#94a3b8;background:#07111d;border:3px solid #334155;border-radius:999px;place-items:center;width:clamp(28px,3vw,48px);height:clamp(28px,3vw,48px);font-size:clamp(12px,1.3vw,19px);font-weight:1000;display:grid;position:relative;box-shadow:0 0 0 2px #020617cc}.controller-stage-rail li.is-active{color:#bae6fd;border-color:#38bdf8;box-shadow:0 0 0 2px #020617cc,0 0 18px #38bdf8a3}.controller-stage-rail li.is-complete{color:#dcfce7;background:#0b3b26;border-color:#22c55e}.controller-hud small{z-index:1;color:#94a3b8;font-size:clamp(8px,.8vw,12px);font-weight:900;position:relative}.action-module{place-items:center;padding:clamp(8px,1vw,18px);display:grid}.claw-action-button{aspect-ratio:1;color:#3f2600;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle,#26364b 0 58%,#03050a 59% 72%,#334155 73% 77%,#020409 78%);border:clamp(9px,1.25vw,20px) solid #101826;border-radius:999px;place-items:center;width:min(76%,68svh,500px);padding:clamp(7px,.9vw,14px);transition:filter .18s,transform .11s,box-shadow .11s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff2e,0 0 0 3px #02050a,0 0 0 5px #60a5fa2e,0 24px 34px #0000008a}.claw-action-button:before,.claw-action-button:after{content:"";background:radial-gradient(circle at 35% 30%,#fff4b0,#b7790a 46%,#3f2600 76%);border:3px solid #2f1c04;border-radius:999px;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #02050a}.claw-action-button:before{top:-4px}.claw-action-button:after{bottom:-4px}.action-button-face{background:radial-gradient(circle at 34% 24%,#ffffffeb,#0000 0 10%,#0000 11%),radial-gradient(circle,#fff475,#facc15 51%,#d39205 78%,#6b3e00 100%);border:2px solid #fff7b7c2;border-radius:999px;align-content:center;place-items:center;gap:clamp(4px,.8svh,10px);width:100%;height:100%;display:grid;box-shadow:inset -20px -26px 34px #78350f45,inset 12px 14px 22px #ffffff61,0 0 28px #facc157a}.claw-mark{fill:#3f2600;stroke:#3f2600;stroke-linecap:round;stroke-linejoin:round;stroke-width:7px;width:42%;height:auto}.action-button-face strong{font-size:clamp(24px,3.7vw,62px);font-weight:1000;line-height:.9}.claw-action-button:not(:disabled):active{transform:translateY(8px)scale(.985);box-shadow:inset 0 1px #ffffff2e,0 0 0 3px #02050a,0 0 0 5px #60a5fa2e,0 10px 18px #00000070}.claw-action-button:disabled{cursor:not-allowed;filter:grayscale(.42)brightness(.64)}.claw-controller.is-ready .claw-action-button{animation:1.8s ease-in-out infinite action-ready-glow}@keyframes action-ready-glow{50%{box-shadow:inset 0 1px #ffffff2e,0 0 0 3px #02050a,0 0 0 5px #facc153d,0 0 34px #facc1557,0 24px 34px #0000008a}}.controller-bottom-rail{background:linear-gradient(#ffffff0f,#0000 32%),#0a1019;border-top:4px solid #02050a;grid-template-columns:1fr minmax(64px,.18fr) 1fr;align-items:center;gap:clamp(18px,4vw,66px);padding:4px 15%;display:grid;box-shadow:inset 0 1px #38bdf847}.controller-bottom-rail span{background:repeating-linear-gradient(90deg,#02050a 0 5px,#1e293b 5px 8px);border:1px solid #475569b8;border-radius:4px;height:44%;min-height:8px;display:block;box-shadow:inset 0 2px 4px #000000b8}.controller-bottom-rail span:nth-child(2){height:66%;min-height:12px}.orientation-preflight{z-index:14;color:#dff7ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030c17f5;border:1px solid #38bdf894;border-radius:16px;align-items:center;gap:12px;width:min(360px,100vw - 36px);padding:13px 16px;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 50px #0000008a,0 0 24px #38bdf829}.orientation-preflight>svg{color:#67e8f9;flex:none;width:30px;height:30px}.orientation-preflight span{gap:2px;font-size:12px;font-weight:780;display:grid}.orientation-preflight strong{color:#facc15;font-size:16px;font-weight:1000}.orientation-gate-backdrop{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 42%,#0ea5e929,#0000 42%),#01040ae0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.orientation-gate-card{color:#f8fafc;text-align:center;background:linear-gradient(145deg,#ffffff14,#0000 25%),radial-gradient(circle at 50% 20%,#22d3ee1f,#0000 34%),#07111d;border:1px solid #38bdf8a8;border-radius:28px;align-content:center;place-items:center;gap:12px;width:min(420px,100%);min-height:370px;padding:34px 28px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #02050a,inset 0 0 0 5px #38bdf826,0 30px 90px #000000b8,0 0 38px #0ea5e929}.orientation-gate-card .eyebrow{color:#67e8f9;letter-spacing:.18em;margin:0;font-size:12px;font-weight:1000}.orientation-gate-card h2{color:#fff;margin:0;font-size:clamp(28px,7vw,38px);line-height:1.12}.orientation-gate-card>p:not(.eyebrow){color:#c9e8f5;max-width:30ch;margin:0;font-size:15px;font-weight:800;line-height:1.55}.orientation-phone-cue{color:#67e8f9;background:#020617b3;border:1px solid #38bdf866;border-radius:999px;place-items:center;width:100px;height:100px;display:grid;position:relative;box-shadow:inset 0 0 28px #38bdf81f}.orientation-phone-cue svg:last-child{stroke-width:1.8px;width:48px;height:48px;transform:rotate(90deg)}.orientation-rotate-icon{color:#facc15;place-items:center;width:30px;height:30px;animation:1.5s ease-in-out infinite orientation-rotate-cue;display:grid;position:absolute;top:4px;right:-7px}.orientation-rotate-icon svg{width:30px;height:30px}.orientation-phone-cue.is-confirmed{color:#86efac;border-color:#4ade809e;box-shadow:inset 0 0 28px #22c55e29}.orientation-start-countdown{color:#facc15;font-variant-numeric:tabular-nums;letter-spacing:-.08em;text-shadow:0 5px #713f12,0 0 34px #facc1561;font-size:clamp(96px,28vw,148px);font-weight:1000;line-height:.82}@keyframes orientation-rotate-cue{0%,to{transform:rotate(-18deg)}50%{transform:rotate(34deg)}}@media (height<=520px) and (orientation:landscape){.orientation-gate-backdrop{padding:8px}.orientation-gate-card{gap:6px;width:min(560px,100%);min-height:calc(100svh - 16px);padding:12px 24px}.orientation-phone-cue{width:72px;height:72px}.orientation-phone-cue svg:last-child{width:38px;height:38px}.orientation-start-countdown{font-size:clamp(72px,24svh,108px)}.controller-hud{gap:3px;padding:7px}.controller-status-pill{min-height:30px}.controller-status-copy{max-width:90%;font-size:8px}.camera-view-panel{gap:3px}.camera-view-panel button{min-height:22px;font-size:8px}.controller-stage-rail li{border-width:2px}}@media (width<=760px) and (orientation:portrait){.controller-page{height:auto;min-height:100svh;overflow:auto}.claw-controller{grid-template-rows:54px minmax(0,1fr) 30px;width:calc(100vw - 20px);height:auto;min-height:calc(100svh - 20px)}.controller-topbar{grid-template-columns:auto minmax(40px,1fr) auto;padding:5px 28px}.controller-back-link span{display:none}.controller-panel-grid{grid-template:"hud hud"minmax(250px,.9fr)"joystick action"minmax(270px,1fr)/minmax(0,1fr) minmax(0,1fr)}.joystick-module{grid-area:joystick}.controller-hud{grid-area:hud}.action-module{grid-area:action}.controller-joystick,.claw-action-button{width:min(86%,210px)}.orientation-preflight{width:auto;bottom:12px;left:12px;right:12px}.orientation-gate-backdrop{padding:14px}.orientation-gate-card{min-height:min(520px,100svh - 28px)}}@media (prefers-reduced-motion:reduce){.claw-controller.is-ready .claw-action-button{animation:none}.controller-joystick,.joystick-stick,.claw-action-button,.orientation-rotate-icon{transition:none;animation:none}}.admin-layout{min-height:100svh;padding:48px 0}.admin-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-grid>.panel{min-width:0}.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 svg{width:28px;height:28px}.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}.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:minmax(0,1fr)}.screen-stage{padding:24px 0}}.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}.event-copy-description,.renderer-mode-note{color:#94a3b8;margin:8px 0 14px;font-size:12px;font-weight:750;line-height:1.55}.event-copy-save-row{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-top:14px;display:flex}.event-copy-save-row p{color:#bae6fd;margin:0;font-size:12px;font-weight:850}.event-copy-save-button{color:#05202a;min-width:104px;min-height:42px;font:inherit;background:#67e8f9;border:1px solid #67e8f994;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:1000;display:inline-flex}.event-copy-save-button svg{width:17px;height:17px}.event-copy-save-button:disabled{cursor:not-allowed;opacity:.42}.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))}.inventory-table-head{display:none}.inventory-row{grid-template-columns:40px minmax(0,1fr) 44px}.inventory-name-input{grid-column:2}.inventory-initial{display:none}.quantity-stepper{grid-column:2/4}}.renderer-panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.renderer-panel-heading>span{border:1px solid;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:1000}.renderer-live{color:#6ee7b7}.renderer-offline{color:#fda4af}.renderer-web{color:#67e8f9}.renderer-mode-control{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0}.renderer-mode-note{margin-top:10px}.renderer-panel .state-list dd{text-overflow:ellipsis;white-space:nowrap;max-width:60%;overflow:hidden}.inventory-panel{grid-column:1/-1}.inventory-title-row>div{align-items:center;gap:12px;display:flex}.inventory-title-row .inventory-total{border-radius:8px;align-items:center;gap:6px;padding:7px 10px;display:inline-flex}.inventory-total svg,.inventory-header-actions svg{width:18px;height:18px}.inventory-header-actions{gap:8px;display:flex}.inventory-icon-button,.inventory-save-button,.inventory-delete-button,.quantity-stepper button{color:#dff8ff;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;place-items:center;min-width:40px;height:40px;display:inline-grid}.inventory-save-button{color:#05202a;background:#67e8f9;justify-content:center;align-items:center;gap:7px;min-width:90px;padding:0 14px;font-weight:1000;display:inline-flex}.inventory-save-button:disabled{cursor:not-allowed;opacity:.42}.inventory-table{gap:8px;margin-top:16px;display:grid}.inventory-table-head,.inventory-row{grid-template-columns:52px minmax(180px,1fr) 72px 210px 52px;align-items:center;gap:8px;display:grid}.inventory-table-head{color:#8fa7b8;padding:0 10px;font-size:12px;font-weight:900}.inventory-row{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:8px;min-height:58px;padding:8px 10px}.inventory-enabled{place-items:center;display:grid}.inventory-enabled input{accent-color:#67e8f9;width:20px;height:20px}.inventory-name-input,.quantity-stepper input{color:#fff;min-width:0;height:40px;font:inherit;background:#02080eb8;border:1px solid #ffffff24;border-radius:8px;padding:0 11px;font-weight:800}.inventory-initial{color:#9fb2c1;text-align:center;font-weight:900}.quantity-stepper{grid-template-columns:40px minmax(74px,1fr) 40px;gap:6px;display:grid}.quantity-stepper input{text-align:center;width:100%;padding:0 6px}.quantity-stepper svg,.inventory-delete-button svg{width:17px;height:17px}.inventory-delete-button{color:#fda4af}.inventory-message{color:#bae6fd;margin:12px 0 0;font-size:13px;font-weight:900}@media (width<=760px){.admin-header{display:grid}.field-status-strip,.field-actions,.stat-cards{grid-template-columns:1fr}.event-copy-save-row{flex-direction:column;align-items:stretch}.event-copy-save-button{width:100%}.inventory-table{overflow-x:auto}}.showcase-screen-page{background:linear-gradient(#01070e08,#0002072e),url(/assets/generated/prism-vault-media-background.png) 50%/cover no-repeat,#01050a}.showcase-screen-page:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#24beff12,#0000 38%),linear-gradient(90deg,#0000002e,#0000 19% 81%,#0000002e);position:absolute;inset:0}.showcase-screen-overlay{z-index:3;padding:clamp(14px,1.65vw,26px)}.showcase-queue-panel{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(155deg,#081a27b3,#16051f9e),#03080db3;border-color:#57e0ff47;border-radius:8px;width:min(132px,32vw);max-height:min(188px,38svh);padding:11px 12px;box-shadow:inset 0 1px #d3f6ff14,0 18px 48px #0000004d}.showcase-queue-panel .screen-queue-header span{color:#64e6ff}.showcase-queue-panel .screen-queue-header strong{color:#effbff}.showcase-queue-panel .screen-queue-list li{background:#1443583d;border-color:#68e1ff29}.showcase-queue-panel .screen-queue-list span{color:#ff9be8;background:#ff4fd829}.showcase-fullscreen-toggle{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030d15b3;border-color:#57e0ff4d;border-radius:8px;min-height:42px;padding:0 14px;box-shadow:0 14px 38px #00000047}.showcase-screen-qr{pointer-events:auto;background:#eefafff0;border-color:#57e0ff70;border-radius:8px;width:min(154px,18vw);text-decoration:none;box-shadow:0 20px 56px #00000052,0 0 0 1px #08263633}@media (width<=900px){.showcase-screen-qr{aspect-ratio:auto;grid-row:3;grid-template-columns:auto;place-self:end;width:min(168px,48vw);min-height:42px;padding:8px 10px}.showcase-screen-qr canvas{display:none}.showcase-screen-qr span{font-size:12px}.showcase-screen-qr small{max-width:100%;font-size:8px}}@media (width<=520px){.showcase-screen-overlay{grid-template-columns:minmax(0,1fr) auto;gap:12px}.showcase-queue-panel{width:110px;padding:9px 10px}.showcase-fullscreen-toggle{min-height:38px;padding:0 11px;font-size:12px}.inventory-title-row,.inventory-title-row>div{grid-template-columns:1fr}.inventory-title-row>div{flex-wrap:wrap;display:flex}.inventory-header-actions{justify-content:stretch}.inventory-save-button{flex:1}}@media (prefers-reduced-motion:reduce){.prize-reveal-vignette,.prize-reveal-overlay.is-revealed .prize-reveal-copy{animation-duration:1ms}}.queue-entry-page{--queue-amber:#ffbd16;--queue-cyan:#2bdcff;--queue-magenta:#ff3fcf;color:#f7fbff;background:radial-gradient(circle at 50% 18%,#10719933,#0000 34%),radial-gradient(circle at 50% 78%,#7412671f,#0000 36%),#01040a;place-items:start center;min-height:100svh;display:grid;position:relative;overflow-x:hidden}.queue-entry-page:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 38px,#4cdaff03 39px),repeating-linear-gradient(0deg,#0000 0 38px,#4cdaff03 39px);position:fixed;inset:0}.queue-pass{z-index:1;width:min(100%,460px);min-height:100svh;padding:max(10px, env(safe-area-inset-top)) clamp(12px, 3.7cqw, 18px) max(12px, env(safe-area-inset-bottom));background:linear-gradient(#030a1280,#000309eb),radial-gradient(circle at 50% 34%,#165d7824,#0000 42%),#01050b;border-inline:1px solid #38d3ff29;align-content:center;gap:clamp(8px,2.2cqw,11px);display:grid;position:relative;box-shadow:inset 0 0 72px #0000008a,0 0 64px #000000db;container-type:inline-size}.queue-pass:before,.queue-pass:after{z-index:-1;background:linear-gradient(transparent, var(--queue-cyan) 18%, transparent 52%, var(--queue-magenta) 82%, transparent);content:"";opacity:.25;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.queue-pass:before{left:5px}.queue-pass:after{right:5px}.queue-statusbar{background:linear-gradient(#ffffff0b,#0000 40%),#02080feb;border:1px solid #7792a957;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:clamp(44px,12cqw,52px);padding:0 clamp(13px,4cqw,19px);font-size:clamp(12px,3.55cqw,15px);font-weight:850;display:flex;box-shadow:inset 0 0 0 1px #000000c2,0 8px 26px #00000057}.queue-statusbar span,.queue-statusbar strong{white-space:nowrap;align-items:center;gap:clamp(7px,2cqw,10px);min-width:0;display:inline-flex}.queue-statusbar span{color:#53f48a}.queue-statusbar span.is-connecting{color:#a8b5c2}.queue-statusbar i{aspect-ratio:1;background:currentColor;border-radius:50%;flex:none;width:clamp(11px,3.2cqw,15px);box-shadow:0 0 14px}.queue-statusbar strong{color:#f5f8fb;text-overflow:ellipsis;overflow:hidden}.queue-statusbar svg{flex:none;width:clamp(17px,4.4cqw,21px);height:auto}.queue-brand{text-align:center;align-content:center;justify-items:center;gap:clamp(8px,2.4cqw,12px);min-height:clamp(80px,23cqw,104px);padding-top:2px;display:grid}.queue-brand h1{overflow-wrap:anywhere;color:#fbfcfd;letter-spacing:-.065em;text-shadow:0 2px #ffffff24,0 6px 28px #000000bd;max-width:100%;margin:0;font-size:clamp(36px,11.6cqw,54px);font-weight:1000;line-height:.95}.queue-brand.is-long h1{letter-spacing:-.05em;font-size:clamp(29px,9.1cqw,43px)}.queue-brand.is-very-long h1{letter-spacing:-.035em;font-size:clamp(24px,7.3cqw,35px)}.queue-brand-lockup{grid-template-columns:minmax(34px,1fr) auto minmax(34px,1fr);align-items:center;gap:clamp(10px,3cqw,15px);width:100%;display:grid}.queue-brand-lockup p{color:#41e5ff;letter-spacing:.24em;text-indent:.24em;text-shadow:0 0 15px #2bdcff61;white-space:nowrap;margin:0;font-size:clamp(13px,4.05cqw,19px);font-weight:900;line-height:1}.queue-brand-lockup span{background:linear-gradient(90deg, transparent, var(--queue-cyan));height:2px;display:block;position:relative;box-shadow:0 0 8px #2bdcffb3}.queue-brand-lockup span:after{background:var(--queue-magenta);content:"";transform-origin:100%;width:30%;height:2px;position:absolute;bottom:0;right:0;transform:translateY(-5px)skew(42deg);box-shadow:0 0 8px #ff3fcfb8}.queue-brand-lockup span:last-child{transform:scaleX(-1)}.queue-machine-preview{aspect-ratio:1.62;isolation:isolate;background:#020711;border:2px solid #2bdcffd1;border-radius:clamp(18px,5cqw,24px);min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #020910db,inset 0 0 0 6px #ff3fcf38,0 0 0 1px #5ca9ff57,0 0 26px #2bdcff29}.queue-machine-preview:before,.queue-machine-preview:after{z-index:4;content:"";pointer-events:none;border-radius:999px;width:3px;position:absolute;top:8%;bottom:8%}.queue-machine-preview:before{background:linear-gradient(transparent, var(--queue-magenta) 18% 82%, transparent);left:3.2%;box-shadow:0 0 12px #ff3fcfdb}.queue-machine-preview:after{background:linear-gradient(transparent, var(--queue-cyan) 18% 82%, transparent);right:3.2%;box-shadow:0 0 12px #2bdcffdb}.queue-machine-image{object-fit:cover;object-position:center 48%;filter:saturate(1.18)contrast(1.08)brightness(.8);transform-origin:50% 52%;width:100%;height:100%;display:block;transform:scale(1.08)}.queue-machine-glass{z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ff2cc914,#0000 24% 76%,#29d9ff17),radial-gradient(circle at 50% 46%,#0000 22%,#01060d0f 72%,#00020857);position:absolute;inset:0;box-shadow:inset 0 0 30px #0000006b}.queue-machine-sheen{z-index:3;opacity:.55;pointer-events:none;background:linear-gradient(112deg,#0000 38%,#ffffff1a 47%,#63e2ff0f 50%,#0000 59%);animation:8s ease-in-out infinite queue-machine-sheen;position:absolute;inset:-28%;transform:translate(-58%)}@keyframes queue-machine-sheen{0%,30%{transform:translate(-58%)}62%,to{transform:translate(58%)}}.queue-metrics{background:linear-gradient(#0e2534e0,#020810f5),#020812;border:1px solid #35ebffe6;border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:clamp(94px,26cqw,118px);display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #4952ff38,inset 0 12px 34px #1882aa14,0 10px 30px #00000052,0 0 18px #2bdcff1f}.queue-metric{text-align:center;align-content:center;justify-items:center;gap:clamp(3px,1.15cqw,6px);min-width:0;padding:7px 3px;display:grid;position:relative}.queue-metric+.queue-metric:before{content:"";background:linear-gradient(#0000,#6db4d561,#0000);width:1px;position:absolute;top:20%;bottom:20%;left:0}.queue-metric-icon{color:#34daf9;filter:drop-shadow(0 0 7px #34daf975);place-items:center;width:clamp(20px,6cqw,28px);height:clamp(20px,6cqw,28px);display:grid}.queue-metric-icon svg{width:100%;height:100%}.queue-metric>span:not(.queue-metric-icon){color:#f0f4f7;white-space:nowrap;font-size:clamp(10px,3.05cqw,13px);font-weight:800}.queue-metric strong{color:#25d9f8;letter-spacing:-.045em;text-overflow:ellipsis;text-shadow:0 0 14px #25d9f847;white-space:nowrap;max-width:100%;font-size:clamp(20px,6.1cqw,29px);font-weight:1000;line-height:1;overflow:hidden}.queue-entry-form{background:linear-gradient(#0f1823b8,#02070ef0),#020811;border:1px solid #ff3fcfc7;border-radius:13px;gap:clamp(7px,1.9cqw,10px);padding:clamp(11px,3.2cqw,15px);display:grid;box-shadow:inset 0 0 0 1px #22deff1a,0 0 20px #ff3fcf1f,0 12px 30px #00000057}.queue-entry-form label{color:#f7f8fa;font-size:clamp(13px,3.7cqw,17px);font-weight:900;line-height:1}.queue-input-shell{background:linear-gradient(#ffffff09,#0000 32%),#00050bf0;border:1px solid #6f899f80;border-radius:10px;grid-template-columns:clamp(42px,12cqw,54px) minmax(0,1fr);align-items:center;min-height:clamp(48px,13.5cqw,60px);transition:border-color .15s,box-shadow .15s;display:grid;box-shadow:inset 0 4px 14px #00000094,0 1px #ffffff0a}.queue-input-shell:focus-within{border-color:var(--queue-cyan);box-shadow:inset 0 4px 14px #00000094,0 0 0 3px #2bdcff21}.queue-input-shell svg{color:#7f8e9d;justify-self:center;width:clamp(20px,5.6cqw,26px);height:auto}.queue-input-shell input{color:#fff;width:100%;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;padding:0 13px 0 0;font-size:clamp(15px,4.4cqw,20px);font-weight:800}.queue-input-shell input::placeholder{color:#778391;opacity:1}.queue-primary-action{background:linear-gradient(180deg, #ffffff7a, transparent 19%), linear-gradient(180deg, #ffd642, var(--queue-amber) 54%, #d98a00);color:#171004;letter-spacing:-.035em;cursor:pointer;text-shadow:0 1px #ffffff70;border:1px solid #ffe16d;border-radius:9px;justify-content:center;align-items:center;min-height:clamp(54px,15cqw,66px);font-size:clamp(19px,5.6cqw,26px);font-weight:1000;transition:filter .14s,transform .14s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 -5px 12px #78420057,inset 0 2px 3px #ffffff7a,0 0 0 2px #492d00d1,0 0 24px #ffbd164f}.queue-primary-action:before,.queue-primary-action:after{content:"";border:2px solid #533000b8;width:9px;height:52%;position:absolute;top:50%;transform:translateY(-50%)}.queue-primary-action:before{border-right:0;left:10px}.queue-primary-action:after{border-left:0;right:10px}.queue-primary-action:hover:not(:disabled),.queue-primary-action:focus-visible{filter:saturate(1.1)brightness(1.08);outline-offset:2px;outline:2px solid #ffec99b8}.queue-primary-action:active:not(:disabled){transform:translateY(1px)scale(.995)}.queue-primary-action:disabled{filter:grayscale(.7)brightness(.62);cursor:wait}.queue-guidance{background:linear-gradient(#0b1722db,#02070df0),#020811;border:1px solid #58768f52;border-radius:13px;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff09,0 10px 28px #0000004d}.queue-orientation-note{color:#d8f7ff;text-align:left;border-bottom:1px solid #2bdcff2e;justify-content:center;align-items:center;gap:9px;min-height:38px;margin:0 clamp(10px,3cqw,14px);font-size:clamp(9px,2.55cqw,11px);font-weight:760;line-height:1.25;display:flex}.queue-orientation-note>svg{width:19px;height:19px;color:var(--queue-cyan);filter:drop-shadow(0 0 7px #2bdcff57);flex:none}.queue-orientation-note span{display:grid}.queue-orientation-note strong{color:#fff;font-weight:1000}.queue-rule-summary{color:#edf3f7;letter-spacing:-.02em;text-align:center;white-space:nowrap;border-bottom:1px solid #ffc93d2e;justify-content:center;align-items:center;gap:clamp(5px,1.5cqw,8px);min-height:clamp(34px,9.2cqw,40px);margin:0 clamp(10px,3cqw,14px);font-size:clamp(10px,2.85cqw,12px);font-weight:820;display:flex}.queue-rule-summary svg{color:#ffce4a;filter:drop-shadow(0 0 6px #ffc22757);flex:none;width:clamp(14px,3.8cqw,18px);height:auto}.queue-rule-summary strong{color:#ffdc72;font-weight:1000}.queue-rule-summary span{color:#f3f7fa}.queue-reassurance{color:#e8edf2;text-align:center;border-bottom:1px solid #5d8aa421;justify-content:center;align-items:center;gap:clamp(7px,2cqw,10px);min-height:clamp(38px,10.5cqw,46px);margin:0 clamp(10px,3cqw,14px);font-size:clamp(11px,3.25cqw,14px);font-weight:800;display:flex}.queue-reassurance svg{color:#43ed78;filter:drop-shadow(0 0 6px #43ed7861);flex:none;width:clamp(15px,4.3cqw,20px);height:auto}.queue-notice{z-index:8;color:#ffe28a;text-align:center;background:#04090ff5;border:1px solid #ffcb3780;border-radius:9px;margin:0;padding:9px 12px;font-size:12px;font-weight:850;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;box-shadow:0 10px 24px #0000008a}.queue-steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:clamp(54px,15cqw,68px);margin:0;padding:5px 4px 7px;list-style:none;display:grid}.queue-steps li{justify-items:center;gap:3px;min-width:0;display:grid;position:relative}.queue-steps span{aspect-ratio:1;border:1px solid var(--queue-cyan);color:#77eaff;background:#020f19eb;border-radius:50%;place-items:center;width:clamp(29px,8cqw,37px);font-size:clamp(13px,3.8cqw,17px);font-weight:1000;display:grid;box-shadow:inset 0 0 10px #2bdcff21,0 0 11px #2bdcff38}.queue-steps strong{color:#edf2f6;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(9px,2.7cqw,12px);font-weight:800;overflow:hidden}.queue-steps li>svg{color:#728697;width:clamp(14px,4cqw,18px);height:auto;position:absolute;top:28%;right:-10px;transform:translateY(-50%)}@media (width>=700px) and (height>=820px){.queue-entry-page{place-items:center;padding-block:18px}.queue-pass{border:1px solid #38d3ff3d;border-radius:24px;min-height:min(920px,100svh - 36px);overflow:hidden}}@media (height<=740px){.queue-pass{align-content:start;gap:7px}.queue-brand{min-height:70px}.queue-brand h1{font-size:clamp(32px,10.2cqw,47px)}.queue-machine-preview{aspect-ratio:1.86}.queue-metrics{min-height:84px}.queue-metric-icon{display:none}}@media (width<=340px){.queue-statusbar{padding-inline:10px;font-size:11px}.queue-brand-lockup p{letter-spacing:.16em;text-indent:.16em;font-size:11px}.queue-metric>span:not(.queue-metric-icon){font-size:9px}.queue-metric strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.queue-machine-sheen{animation:none}.queue-primary-action{transition:none}}
