:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;min-height:100vh;margin:0}body{color:#e8edf6;background:radial-gradient(1200px 600px at 50% -10%,#16213e 0%,#0000 60%),#0a0e1a;justify-content:center;align-items:flex-start;display:flex}#root{width:100%}button{font-family:inherit}.si-app button,.si-canvas{-webkit-tap-highlight-color:transparent}.si-app button:focus{outline:none}.si-app button:focus-visible{outline-offset:3px;outline:2px solid #a3ccff}.si-app{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:720px;margin:0 auto;padding:24px 16px 40px;display:flex}.si-title{letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#8bb3d9,#a3ccff,#5f5);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:700}.si-hud{color:#cdd6e4;flex-wrap:wrap;justify-content:center;gap:10px 22px;font-size:.95rem;display:flex}.si-hud b{color:#fff}.si-stage{background:#000;border:2px solid #2a3550;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 0 40px #5078dc40}.si-canvas{aspect-ratio:4/3;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair;display:block}.si-controls{gap:12px;display:flex}.si-controls button{font:inherit;cursor:pointer;color:#fff;background:#3671d8;border:none;border-radius:8px;padding:10px 22px;font-weight:600;transition:filter .15s,transform 50ms}.si-controls button:hover{filter:brightness(1.12)}.si-controls button:active{transform:translateY(1px)}.si-mobile{justify-content:space-between;align-items:center;width:100%;max-width:540px;display:none}.si-mobile .si-pad:first-child{margin-right:-8px}.si-pad{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:#1c2740;border:none;border-radius:50%;width:76px;height:76px;font-size:1.8rem}.si-pad:active{background:#2a3858}.si-fire{background:linear-gradient(#333c4c 0%,#161c26 100%);width:92px;height:92px;padding:7px;transition:transform 70ms,box-shadow 70ms;box-shadow:0 6px #0b0f16,0 10px 20px #00000080,inset 0 1px #ffffff24}.si-fire__cap{background:radial-gradient(circle at 50% 30%,#ff7a63 0%,#e2412b 46%,#9e2210 100%);border-radius:50%;width:100%;height:100%;transition:background 70ms,box-shadow 70ms;display:block;box-shadow:inset 0 3px 7px #ffffff6b,inset 0 -7px 13px #0006,0 0 18px #ff503c4d}.si-fire:active{transform:translateY(5px);box-shadow:0 1px #0b0f16,0 3px 8px #00000073,inset 0 1px #ffffff1a}.si-fire:active .si-fire__cap{background:radial-gradient(circle at 50% 34%,#ff9781 0%,#f04f37 48%,#b32a14 100%);box-shadow:inset 0 4px 10px #00000073,0 0 26px #ff5a4180}.si-hint,.si-hint-touch{color:#7e89a0;text-align:center;margin:0;font-size:.85rem}.si-hint-touch{display:none}@media (width<=760px),(pointer:coarse){.si-mobile{display:flex}.si-hint{display:none}.si-hint-touch{display:block}.si-app button,.si-canvas{-webkit-tap-highlight-color:transparent}.si-app button:focus{outline:none}.si-app button:focus-visible{outline-offset:3px;outline:2px solid #a3ccff}.si-app{gap:12px;padding:14px 12px 28px}}@media (orientation:landscape) and (height<=520px){.si-title{display:none}.si-stage{max-width:min(720px,82.6667vh)}.si-app button,.si-canvas{-webkit-tap-highlight-color:transparent}.si-app button:focus{outline:none}.si-app button:focus-visible{outline-offset:3px;outline:2px solid #a3ccff}.si-app{gap:8px;padding:8px 10px 16px}}