@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}*{box-sizing:border-box}body{background:#050505;color:#fff;font-family:Lato,sans-serif;font-size:16px;min-height:100vh}.board-state{display:inline-flex;height:40px;align-items:center;padding:0 16px;border-radius:999px;background:#1f1f1f;position:fixed;top:16px;right:16px;z-index:999}.logo{position:fixed;top:24px;left:50%;transform:translate(-50%);width:200px}.user-tab{display:flex;justify-content:flex-end;align-items:center;position:fixed;bottom:24px;right:24px;z-index:999;width:230px}.user-tab a{display:inline-flex;padding:0 16px;height:50px;border-radius:9999px;border:none;cursor:pointer;align-items:center;font-weight:700;gap:8px;background:#9146ff;color:#fff;font-size:.9em}.user-tab a svg{width:20px;font-weight:400}.user-tab .user{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 32px;background:#1f1f1f;border-radius:9999px;width:100%;justify-content:space-between}.user-tab .user img{width:40px;height:40px;border-radius:40px}.user-tab .user p{font-size:.8em;font-weight:700;margin-bottom:4px}.user-tab .user span{font-size:1.2em;font-weight:700}.user-tab .user span i{color:#1dcf4c}.user-tab .user button{width:40px;height:40px;display:flex;border-radius:40px;border:none;background-color:#050505;justify-content:center;align-items:center;cursor:pointer}.user-tab .user button svg{width:14px}.color-button{position:fixed;bottom:24px;right:268px;width:50px;height:50px;border-radius:999px;border:2px solid #fff;z-index:999;cursor:pointer;box-shadow:0 0 0 2px #000}.color-name-choose{color:#fff;width:100%;text-align:center;margin-bottom:8px;background:#00000080;padding:8px 0;border-radius:4px}.color-picker{padding:16px;background:#1f1f1f;border-radius:4px;display:flex;justify-content:flex-start;gap:8px;position:fixed;bottom:96px;right:72px;z-index:9999;max-height:300px;flex-wrap:wrap;max-width:250px}.color-picker .color{position:relative}.color-picker .color .color-name{position:absolute;top:-24px;z-index:999;padding:0 6px;height:20px;background-color:#000000e6;left:50%;transform:translate(-50%);font-size:12px;align-items:center;border-radius:2px;display:none;white-space:nowrap}.color-picker .color:hover .color-name{display:inline-flex}.color-picker span{display:block;width:24px;height:24px;border-radius:24px;transition:.4s;cursor:pointer}.color-picker span.choose{transform:scale(1.2)}.pixel-cursor{position:fixed;z-index:980;width:1px;height:1px;top:0;left:0}.game{display:flex;justify-content:center;transition:.4s;background:#050505;min-height:100vh}.game .react-transform-wrapper{min-height:100vh}.game .game-container{height:auto;width:100vw;height:100vh;background:#050505;padding:200px}.game canvas{position:absolute;top:0;left:0;z-index:1000;image-rendering:pixelated;width:100%;height:100%}.game img{background:#fff;image-rendering:pixelated;position:relative;z-index:999}footer{position:fixed;bottom:80px;left:24px;width:100%;display:flex;gap:16px}footer .send{display:inline-flex;padding:0 16px;height:50px;border-radius:9999px;border:none;cursor:pointer;align-items:center;font-weight:700;gap:8px;background:#1dcf4c;color:#000;font-size:.9em}footer .undo{display:inline-flex;padding:0 16px;height:50px;border-radius:999px;border:none;cursor:pointer;align-items:center;font-weight:700;gap:8px;background:#f0f0f0;color:#000;font-size:.9em}.confirm-dialog{position:fixed;width:290px;height:104px;background:#1f1f1f;border-radius:8px;z-index:999;display:flex;gap:8px;width:auto;height:auto;justify-content:center;align-items:center;bottom:96px;right:24px;flex-direction:column;padding:16px}.confirm-dialog p{margin-bottom:8px}.confirm-dialog .buttons{display:flex;gap:8px}.confirm-dialog button{border:none;display:inline-flex;height:40px;padding:0 16px;align-items:center;font-weight:700;font-family:Lato,sans-serif;background:#fff;border-radius:4px;cursor:pointer}.confirm-dialog button:first-of-type[disabled]{background:#ccc;color:#646464;cursor:not-allowed}.confirm-dialog button:last-of-type{background:#1dcf4c;color:#fff}.confirm-dialog button:last-of-type[disabled]{background:#0b4e1d;color:#ffffff96;cursor:not-allowed}.react-transform-wrapper{width:100%!important}.generated{position:fixed;top:99999px;left:99999px;z-index:-100}.about-overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:999;background:#000000b3}.about-content{width:70vw;height:auto;position:fixed;padding:32px;background:#050505;border:1px solid rgba(240,240,240,.13);top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;outline:none;border-radius:8px;max-height:70vh;overflow-y:auto}.about-content h1{font-size:2em;color:#1dcf4c;margin-bottom:24px;text-align:center}.about-content h2{font-size:1.7em;color:#1dcf4c;margin-bottom:24px;text-align:center}.about-content h2:last-of-type{margin-top:24px}.about-content p{line-height:1.4;font-size:1.1em;margin-bottom:16px}.about-content p b{color:#1dcf4c;font-weight:700}.about-content p:last-of-type{margin-bottom:0}.about-content ul{list-style:disc;line-height:1.4;margin-left:16px}.regie-toggle{position:fixed;top:16px;left:16px;z-index:1200;height:40px;padding:0 18px;border:none;border-radius:999px;background:#6c3cff;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0006}.regie-toggle:hover{background:#7d52ff}.regie{position:fixed;top:68px;left:16px;z-index:1200;width:360px;max-height:calc(100vh - 84px);overflow-y:auto;padding:16px;border-radius:12px;background:#100c20f5;color:#fff;box-shadow:0 8px 28px #0000008c}.regie textarea,.regie select,.regie input{width:100%;box-sizing:border-box}.game .game-container__inner{background:#fff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/chakra-petch-500-BR1ody1F.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/chakra-petch-600-DVQm9bgb.woff2) format("woff2")}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/chakra-petch-700-CnDBPjkL.woff2) format("woff2")}.scenario-component-layer{--hud-font: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--glass: rgba(10, 12, 20, .72);--glass-strong: rgba(8, 10, 18, .86);--hairline: rgba(255, 255, 255, .08);--ink: #eaf2ff;--ink-dim: rgba(234, 242, 255, .6);--neon-cyan: #2de2ff;--neon-magenta: #ff2d9b;--neon-lime: #b6ff3d;--neon-amber: #ffb02e;--neon-red: #ff3b54;--neon-violet: #9b6bff;--neon-gold: #ffd34d;--neon-silver: #cfe0ff;--neon-bronze: #ff9b54;--bevel: 11px;font-family:var(--hud-font);color:var(--ink)}.scenario-zone{position:fixed;display:flex;width:min(340px,40vw);max-height:calc(100vh - 32px);pointer-events:none}.scenario-zone__stack{display:flex;flex-direction:column;gap:12px;width:100%;max-height:100%;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.scenario-zone[data-zone=top-left]{top:16px;left:16px;align-items:flex-start}.scenario-zone[data-zone=top-center]{top:128px;left:50%;transform:translate(-50%);align-items:center}.scenario-zone[data-zone=top-right]{top:16px;right:16px;align-items:flex-end}.scenario-zone[data-zone=middle-left]{top:50%;left:16px;transform:translateY(-50%);align-items:flex-start}.scenario-zone[data-zone=center]{top:50%;left:50%;transform:translate(-50%,-50%);align-items:center}.scenario-zone[data-zone=middle-right]{top:50%;right:16px;transform:translateY(-50%);align-items:flex-end}.scenario-zone[data-zone=bottom-left]{bottom:16px;left:16px;align-items:flex-start}.scenario-zone[data-zone=bottom-center]{bottom:16px;left:50%;transform:translate(-50%);align-items:center}.scenario-zone[data-zone=bottom-right]{bottom:16px;right:16px;align-items:flex-end}.scenario-zone[data-zone^=top-] .scenario-zone__stack{justify-content:flex-start}.scenario-zone[data-zone^=middle-] .scenario-zone__stack,.scenario-zone[data-zone=center] .scenario-zone__stack{justify-content:center}.scenario-zone[data-zone^=bottom-] .scenario-zone__stack{flex-direction:column-reverse;justify-content:flex-start}.scenario-zone[data-zone$=-left] .scenario-zone__stack{align-items:flex-start}.scenario-zone[data-zone$=-center] .scenario-zone__stack,.scenario-zone[data-zone=center] .scenario-zone__stack{align-items:center}.scenario-zone[data-zone$=-right] .scenario-zone__stack{align-items:flex-end}.scenario-component-layer--screen .scenario-component{position:relative;width:100%;box-sizing:border-box;padding:11px 14px 12px;font-family:var(--hud-font);color:var(--ink);background:var(--glass);backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);border:1px solid var(--card-border, var(--hairline));border-radius:4px;clip-path:polygon(0 0,calc(100% - var(--bevel)) 0,100% var(--bevel),100% 100%,var(--bevel) 100%,0 calc(100% - var(--bevel)));box-shadow:0 6px 22px #0000008c,0 0 0 1px #0006,0 0 24px -8px var(--card-glow, transparent);overflow:hidden;transform-origin:center top;animation:hud-card-in .46s cubic-bezier(.16,1,.3,1) both}.scenario-component-layer--screen .scenario-component:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0,rgba(255,255,255,.035) 1px,transparent 1px,transparent 3px),linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);background-size:100% 100%,220% 100%;background-repeat:repeat,no-repeat;background-position:0 0,-60% 0;opacity:.5;mix-blend-mode:screen;animation:hud-sheen 6.5s ease-in-out infinite}@keyframes hud-sheen{0%,68%{background-position:0 0,-60% 0}to{background-position:0 0,160% 0}}.scenario-component-layer--screen .scenario-component:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent-a, var(--neon-cyan)) 18%,var(--accent-b, var(--neon-cyan)) 82%,transparent);box-shadow:0 0 10px -1px var(--accent-a, var(--neon-cyan))}.scenario-component-layer--screen .scenario-component:nth-child(1){animation-delay:40ms}.scenario-component-layer--screen .scenario-component:nth-child(2){animation-delay:.1s}.scenario-component-layer--screen .scenario-component:nth-child(3){animation-delay:.16s}.scenario-component-layer--screen .scenario-component:nth-child(4){animation-delay:.22s}.scenario-component-layer--screen .scenario-component:nth-child(5){animation-delay:.28s}.scenario-component-layer--screen .scenario-component:nth-child(6){animation-delay:.34s}.scenario-component-layer--screen .scenario-component:nth-child(7){animation-delay:.4s}.scenario-component-layer--screen .scenario-component:nth-child(n+8){animation-delay:.44s}@keyframes hud-card-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.scenario-component[data-widget=healthBar]{--accent: var(--neon-red);--accent-a: var(--neon-red);--accent-b: var(--neon-amber);--card-glow: rgba(255, 59, 84, .5)}.scenario-component[data-widget=progressBar]{--accent: var(--neon-lime);--accent-a: var(--neon-lime);--accent-b: var(--neon-cyan);--card-glow: rgba(182, 255, 61, .4)}.scenario-component[data-widget=gauge]{--accent: var(--neon-violet);--accent-a: var(--neon-violet);--accent-b: var(--neon-cyan);--card-glow: rgba(155, 107, 255, .45)}.scenario-component[data-widget=leaderboard]{--accent: var(--neon-amber);--accent-a: var(--neon-gold);--accent-b: var(--neon-amber);--card-glow: rgba(255, 176, 46, .42)}.scenario-component[data-widget=countdown]{--accent: var(--neon-cyan);--accent-a: var(--neon-cyan);--accent-b: var(--neon-violet);--card-glow: rgba(45, 226, 255, .45)}.scenario-component[data-widget=banner]{--accent: var(--neon-magenta);--accent-a: var(--neon-magenta);--accent-b: var(--neon-violet);--card-glow: rgba(255, 45, 155, .5)}.scenario-component[data-widget=text]{--accent: var(--neon-cyan);--accent-a: var(--neon-cyan);--accent-b: var(--neon-lime);--card-glow: rgba(45, 226, 255, .26)}.scenario-component[data-widget=image]{--accent: var(--neon-cyan);--accent-a: var(--neon-cyan);--accent-b: var(--neon-magenta);--card-glow: rgba(45, 226, 255, .26)}.scenario-component-layer--screen .scenario-component{--card-border: color-mix(in srgb, var(--accent, var(--neon-cyan)) 28%, var(--hairline))}.scenario-widget__label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 2px rgba(0,0,0,.8)}.scenario-widget__health-bar,.scenario-widget__progress-bar{display:flex;flex-direction:column;gap:7px}.scenario-widget__bar-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.scenario-widget__bar-value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink);text-shadow:0 0 8px var(--accent-b, var(--neon-cyan))}.scenario-widget__bar-max{font-size:12px;font-weight:600;color:var(--ink-dim);text-shadow:none}.scenario-widget__bar-track{position:relative;height:16px;border-radius:3px;background:linear-gradient(180deg,#000000b3,#00000073);box-shadow:inset 0 1px 3px #000000e6,inset 0 0 0 1px #ffffff0d;overflow:hidden}.scenario-widget__bar-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0,rgba(255,255,255,.14) 1px,transparent 1px,transparent 14px);opacity:.5}.scenario-widget__bar-fill{position:relative;height:100%;width:calc(var(--fill, 0) * 100%);border-radius:3px 2px 2px 3px;background:linear-gradient(90deg,var(--bar-from, var(--accent-a, var(--neon-cyan))),var(--bar-to, var(--accent-b, var(--neon-cyan))));box-shadow:0 0 12px -1px var(--bar-to, var(--accent-b, var(--neon-cyan))),inset 0 1px #ffffff59;transition:width .42s cubic-bezier(.22,1,.36,1);overflow:hidden}.scenario-widget__bar-fill:before{content:"";position:absolute;top:0;bottom:0;right:-2px;width:3px;background:#fff;filter:blur(1px);box-shadow:0 0 10px 2px var(--bar-to, var(--accent-b, var(--neon-cyan))),0 0 16px 3px var(--bar-to, var(--accent-b, var(--neon-cyan)));opacity:.9}.scenario-widget__bar-fill:after{content:"";position:absolute;top:0;bottom:0;left:0;width:42%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-120%);animation:hud-shine 2.4s linear infinite}@keyframes hud-shine{0%{transform:translate(-120%)}60%,to{transform:translate(340%)}}.scenario-widget__health-bar[data-flash=down],.scenario-widget__progress-bar[data-flash=down]{animation:hud-bar-damage .46s ease-out}.scenario-widget__health-bar[data-flash=up],.scenario-widget__progress-bar[data-flash=up]{animation:hud-bar-gain .46s ease-out}@keyframes hud-bar-damage{0%{filter:brightness(1.9) saturate(1.4);transform:translate(-2px)}to{filter:none;transform:none}}@keyframes hud-bar-gain{0%{filter:brightness(1.5)}to{filter:none}}.scenario-widget__countdown{display:flex;flex-direction:column;gap:6px}.scenario-widget__countdown-frame{display:inline-flex;align-self:flex-start;align-items:baseline;gap:6px;padding:6px 14px;border-radius:3px;background:linear-gradient(180deg,#0000008c,#0000004d);box-shadow:inset 0 0 0 1px #ffffff12,inset 0 2px 6px #000000b3;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.scenario-widget__countdown-value{font-size:34px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--countdown-color, var(--neon-cyan));text-shadow:0 0 14px var(--countdown-color, var(--neon-cyan)),0 0 4px rgba(255,255,255,.7)}.scenario-widget__countdown-unit{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.scenario-widget__countdown--urgent{--accent-a: var(--neon-red);--accent-b: var(--neon-amber)}.scenario-widget__countdown--urgent .scenario-widget__countdown-value{color:var(--countdown-urgent, var(--neon-red));text-shadow:0 0 16px var(--countdown-urgent, var(--neon-red)),0 0 4px rgba(255,255,255,.7);animation:hud-urgent .7s ease-in-out infinite}.scenario-widget__countdown--urgent .scenario-widget__countdown-frame{box-shadow:inset 0 0 0 1px #ff3b5480,inset 0 2px 6px #000000b3,0 0 18px -4px var(--countdown-urgent, var(--neon-red))}@keyframes hud-urgent{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.82}}.scenario-widget__banner{display:flex;flex-direction:column;gap:5px;animation:hud-slam .52s cubic-bezier(.2,1.4,.3,1) both}.scenario-widget__banner-text{position:relative;padding-left:11px;font-size:19px;font-weight:700;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 12px rgba(255,45,155,.7),0 2px 4px rgba(0,0,0,.8);word-break:break-word}.scenario-widget__banner-text:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--neon-magenta),var(--neon-violet));box-shadow:0 0 10px var(--neon-magenta)}.scenario-widget__banner-subtitle{padding-left:11px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--ink-dim);word-break:break-word}@keyframes hud-slam{0%{opacity:0;transform:scale(1.12);filter:brightness(2.4)}55%{opacity:1;filter:brightness(1.25)}to{opacity:1;transform:scale(1);filter:brightness(1)}}.scenario-widget__leaderboard{display:flex;flex-direction:column;gap:9px}.scenario-widget__leaderboard-title{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--neon-gold);text-shadow:0 0 10px rgba(255,211,77,.5)}.scenario-widget__leaderboard-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.scenario-widget__leaderboard-row{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:3px;background:linear-gradient(90deg,#ffffff0b,#ffffff03);box-shadow:inset 0 0 0 1px #ffffff0a;animation:hud-row-in .42s cubic-bezier(.16,1,.3,1) both}.scenario-widget__leaderboard-row:nth-child(1){animation-delay:80ms}.scenario-widget__leaderboard-row:nth-child(2){animation-delay:.14s}.scenario-widget__leaderboard-row:nth-child(3){animation-delay:.2s}.scenario-widget__leaderboard-row:nth-child(4){animation-delay:.26s}.scenario-widget__leaderboard-row:nth-child(n+5){animation-delay:.32s}@keyframes hud-row-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.scenario-widget__leaderboard-rank{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:#000000c7;background:linear-gradient(150deg,#ffffff80,#ffffff1f);border-radius:5px;clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%);box-shadow:inset 0 0 0 1px #ffffff40;overflow:hidden}.scenario-widget__leaderboard-row[data-rank="1"] .scenario-widget__leaderboard-rank{background:linear-gradient(150deg,#fff2b0,var(--neon-gold));box-shadow:0 0 12px -1px var(--neon-gold),inset 0 0 0 1px #fff6}.scenario-widget__leaderboard-row[data-rank="2"] .scenario-widget__leaderboard-rank{background:linear-gradient(150deg,#ffffff,var(--neon-silver));box-shadow:0 0 10px -2px var(--neon-silver),inset 0 0 0 1px #fff6}.scenario-widget__leaderboard-row[data-rank="3"] .scenario-widget__leaderboard-rank{background:linear-gradient(150deg,#ffd6a8,var(--neon-bronze));box-shadow:0 0 10px -2px var(--neon-bronze),inset 0 0 0 1px #ffffff59}.scenario-widget__leaderboard-row[data-rank="1"] .scenario-widget__leaderboard-rank:after,.scenario-widget__leaderboard-row[data-rank="2"] .scenario-widget__leaderboard-rank:after,.scenario-widget__leaderboard-row[data-rank="3"] .scenario-widget__leaderboard-rank:after{content:"";position:absolute;top:-40%;right:-120%;bottom:-40%;left:-120%;background:linear-gradient(70deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);transform:translate(-100%);animation:hud-chip-shine 4.2s ease-in-out infinite}@keyframes hud-chip-shine{0%,78%{transform:translate(-100%)}92%,to{transform:translate(120%)}}.scenario-widget__leaderboard-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink)}.scenario-widget__leaderboard-score{flex:0 0 auto;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--neon-amber);text-shadow:0 0 9px rgba(255,176,46,.6)}.scenario-widget__gauge{display:flex;align-items:center;gap:14px}.scenario-widget__gauge-dial{position:relative;flex:0 0 auto;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at center,rgba(8,10,18,.95) 54%,transparent 55%),conic-gradient(from 0deg,var(--gauge-from, var(--neon-violet)) 0,var(--gauge-to, var(--neon-cyan)) calc(var(--fill, 0) * 360deg),rgba(255,255,255,.07) calc(var(--fill, 0) * 360deg),rgba(255,255,255,.07) 360deg);box-shadow:0 0 18px -4px var(--gauge-from, var(--neon-violet)),inset 0 0 14px #000000b3;animation:hud-gauge-pulse 2.2s ease-in-out infinite}.scenario-widget__gauge-dial:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff0f}@keyframes hud-gauge-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.12)}}.scenario-widget__gauge-readout{display:flex;flex-direction:column;gap:3px}.scenario-widget__gauge-value{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--neon-cyan);text-shadow:0 0 12px var(--neon-cyan)}.scenario-widget__gauge .scenario-widget__gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 0 8px var(--neon-cyan);pointer-events:none}.scenario-widget__text{font-family:var(--hud-font);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.85);white-space:pre-line;overflow-wrap:anywhere}.scenario-widget__image{position:relative;display:inline-flex;padding:3px;border-radius:4px;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));box-shadow:0 0 16px -4px var(--neon-cyan)}.scenario-widget__image img{display:block;max-width:100%;border-radius:2px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.scenario-widget__image[data-frame=false]{padding:0;border-radius:0;background:none;clip-path:none;box-shadow:none}.scenario-widget__image[data-frame=false] img{border-radius:0;clip-path:none}.scenario-component-layer--screen .scenario-component[data-widget=bpm],.scenario-component-layer--screen .scenario-component[data-widget=vote],.scenario-component-layer--screen .scenario-component[data-widget=tell],.scenario-component-layer--screen .scenario-component[data-widget=movingFront],.scenario-component-layer--screen .scenario-component[data-widget=reveal],.scenario-component-layer--screen .scenario-component[data-widget=zone],.scenario-component-layer--screen .scenario-component[data-widget=tifo]{width:auto;padding:0;background:none;border:0;border-radius:0;clip-path:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;animation:none}.scenario-component-layer--screen .scenario-component[data-widget=bpm]:before,.scenario-component-layer--screen .scenario-component[data-widget=vote]:before,.scenario-component-layer--screen .scenario-component[data-widget=tell]:before,.scenario-component-layer--screen .scenario-component[data-widget=movingFront]:before,.scenario-component-layer--screen .scenario-component[data-widget=reveal]:before,.scenario-component-layer--screen .scenario-component[data-widget=zone]:before,.scenario-component-layer--screen .scenario-component[data-widget=tifo]:before,.scenario-component-layer--screen .scenario-component[data-widget=bpm]:after,.scenario-component-layer--screen .scenario-component[data-widget=vote]:after,.scenario-component-layer--screen .scenario-component[data-widget=tell]:after,.scenario-component-layer--screen .scenario-component[data-widget=movingFront]:after,.scenario-component-layer--screen .scenario-component[data-widget=reveal]:after,.scenario-component-layer--screen .scenario-component[data-widget=zone]:after,.scenario-component-layer--screen .scenario-component[data-widget=tifo]:after{content:none}.scenario-view__bpm{position:relative}.scenario-view__bpm:before,.scenario-view__bpm:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--bpm-color, var(--neon-magenta));box-shadow:0 0 14px var(--bpm-color, var(--neon-magenta));opacity:calc(.85 * (1 - var(--bpm-phase, 0)))}.scenario-view__bpm:after{top:-2px;right:-2px;bottom:-2px;left:-2px;border-color:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.scenario-component-layer--screen .scenario-component[data-widget=bpm]{display:flex;align-items:center;justify-content:center;padding:16px}.scenario-view__tell{display:inline-flex;flex-direction:column;align-items:center;gap:4px}.scenario-view__tell-label{font-family:var(--hud-font);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 2px rgba(0,0,0,.8)}.scenario-view__tell-countdown{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 12px;font-family:var(--hud-font);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--tell-color, var(--neon-cyan));background:#080a12b3;border-radius:999px;box-shadow:inset 0 0 0 2px var(--tell-color, var(--neon-cyan)),0 0 16px -4px var(--tell-color, var(--neon-cyan));text-shadow:0 0 12px var(--tell-color, var(--neon-cyan))}.scenario-component-layer--screen .scenario-component[data-widget=tell]{display:flex;align-items:center;justify-content:center}.scenario-view__vote{display:flex;flex-direction:column;gap:8px;width:100%;min-width:200px}.scenario-view__vote-row{display:flex;align-items:center;gap:8px}.scenario-view__vote-label{flex:0 0 auto;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--hud-font);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 2px rgba(0,0,0,.8)}.scenario-view__vote-count{flex:0 0 auto;font-family:var(--hud-font);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink);text-shadow:0 0 8px var(--vote-color, var(--neon-cyan))}.scenario-view__vote-bar{position:relative;border-radius:3px;background:linear-gradient(90deg,var(--vote-color, var(--neon-cyan)),var(--vote-color, var(--neon-violet)));box-shadow:0 0 12px -2px var(--vote-color, var(--neon-cyan)),inset 0 1px #ffffff59;min-width:10px;outline:1px solid rgba(255,255,255,.06);outline-offset:-1px}.scenario-view__vote-bar:after{content:"";position:absolute;top:0;bottom:0;right:-1px;width:2px;background:#fff;filter:blur(.5px);box-shadow:0 0 8px 1px var(--vote-color, var(--neon-cyan));opacity:.8}.scenario-view__vote-bar[data-empty=true]{background:linear-gradient(180deg,#000000b3,#00000073);box-shadow:inset 0 1px 3px #000000e6,inset 0 0 0 1px #ffffff0d}.scenario-view__vote-bar[data-empty=true]:after{content:none}.scenario-view__front{box-shadow:0 0 12px var(--front-color, var(--neon-cyan)),0 0 4px #fff;background:linear-gradient(180deg,var(--front-color, var(--neon-cyan)),var(--front-color, var(--neon-magenta)))}.scenario-view__reveal,.scenario-view__tifo{box-shadow:inset 0 0 0 1px #2de2ff40}.scenario-component-layer--board .scenario-component[data-widget=bpm] .scenario-view__bpm,.scenario-component-layer--board .scenario-component[data-widget=tell] .scenario-view__tell-countdown{filter:drop-shadow(0 0 8px var(--neon-cyan))}.scenario-widget__zone{transform-origin:center}.scenario-widget__zone-fill,.scenario-widget__zone-mask,.scenario-widget__zone-border,.scenario-widget__zone-progress,.scenario-widget__zone-inverse-mask{pointer-events:none}.scenario-widget__zone-border[data-style=neon]{mix-blend-mode:screen}.scenario-widget__zone-progress{mix-blend-mode:screen;filter:drop-shadow(0 0 4px currentColor)}.scenario-widget__zone-label{position:absolute;left:50%;bottom:-4px;transform:translate(-50%,100%);max-width:160px;padding:2px 8px;font-family:var(--hud-font);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);text-shadow:0 1px 3px rgba(0,0,0,.85)}.scenario-widget__zone-label[data-badge=true]{background:var(--glass-strong);border-radius:3px;box-shadow:inset 0 0 0 1px var(--hairline),0 0 12px -4px var(--neon-cyan)}.scenario-widget__zone-label[data-position=top]{bottom:auto;top:-4px;transform:translate(-50%,-100%)}.scenario-widget__zone-label[data-position=center]{bottom:auto;top:50%;transform:translate(-50%,-50%)}.scenario-widget__zone-label[data-position=left]{left:-4px;bottom:auto;top:50%;transform:translate(-100%,-50%)}.scenario-widget__zone-label[data-position=right]{left:auto;right:-4px;bottom:auto;top:50%;transform:translate(100%,-50%)}.scenario-widget__zone-icon{pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.scenario-widget__zone[data-anim=pulse] .scenario-widget__zone-border,.scenario-widget__zone[data-anim=breathe] .scenario-widget__zone-fill{animation:hud-zone-breathe calc(2.4s / var(--zone-speed, 1)) var(--zone-anim-ease, ease-in-out) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}.scenario-widget__zone[data-anim=sweep] .scenario-widget__zone-fill{animation:hud-zone-sweep calc(2.6s / var(--zone-speed, 1)) var(--zone-anim-ease, linear) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}.scenario-widget__zone[data-anim=spark] .scenario-widget__zone-border{animation:hud-zone-spark calc(.9s / var(--zone-speed, 1)) var(--zone-anim-ease, steps(4)) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}.scenario-widget__zone[data-anim=shrink]{animation:hud-zone-shrink calc(3s / var(--zone-speed, 1)) var(--zone-anim-ease, ease-in-out) var(--zone-anim-count, infinite) var(--zone-anim-dir, normal)}@keyframes hud-zone-breathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}@keyframes hud-zone-sweep{0%{background-position:-120% 0}to{background-position:220% 0}}@keyframes hud-zone-spark{0%,to{filter:brightness(1)}50%{filter:brightness(2.2) saturate(1.5)}}@keyframes hud-zone-shrink{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@media(prefers-reduced-motion:reduce){.scenario-component-layer--screen .scenario-component,.scenario-component-layer--screen .scenario-component:before,.scenario-widget__banner,.scenario-widget__leaderboard-row,.scenario-widget__leaderboard-rank:after,.scenario-widget__bar-fill:after,.scenario-widget__health-bar[data-flash],.scenario-widget__progress-bar[data-flash],.scenario-widget__gauge-dial,.scenario-widget__zone,.scenario-widget__zone-fill,.scenario-widget__zone-border,.scenario-field__overlay,.scenario-widget__countdown--urgent .scenario-widget__countdown-value{animation:none}}.audio-unlock-pill{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:1150;display:inline-flex;align-items:center;gap:9px;padding:9px 18px 9px 14px;font-family:Chakra Petch,Segoe UI,system-ui,sans-serif;font-weight:600;font-size:13px;letter-spacing:.04em;color:#06121a;background:linear-gradient(135deg,#2de2ff,#59f0c8);border:1px solid rgba(255,255,255,.65);border-radius:999px;cursor:pointer;box-shadow:0 8px 26px -6px #2de2ffcc,0 2px 8px #00000073,inset 0 1px #ffffff8c;animation:audio-unlock-in .36s cubic-bezier(.16,1,.3,1) both;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease;overflow:hidden}.audio-unlock-pill:hover{transform:translate(-50%) translateY(-1px) scale(1.03);filter:brightness(1.06);box-shadow:0 12px 30px -6px #2de2fff2,0 3px 10px #00000080,inset 0 1px #fff9}.audio-unlock-pill:active{transform:translate(-50%) translateY(0) scale(.98)}.audio-unlock-pill__icon{display:inline-flex;animation:audio-unlock-wiggle 1.6s ease-in-out infinite}.audio-unlock-pill__label{white-space:nowrap}.audio-unlock-pill__pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 #2de2ff8c;animation:audio-unlock-pulse 1.8s ease-out infinite;pointer-events:none}@keyframes audio-unlock-in{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes audio-unlock-pulse{0%{box-shadow:0 0 #2de2ff80}70%{box-shadow:0 0 0 14px #2de2ff00}to{box-shadow:0 0 #2de2ff00}}@keyframes audio-unlock-wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(3deg)}}@media(prefers-reduced-motion:reduce){.audio-unlock-pill,.audio-unlock-pill__icon,.audio-unlock-pill__pulse{animation:none}}