.spark-game{color:#e2e8f0;box-sizing:border-box;background:linear-gradient(145deg,#1e293b,#17152e);border:1px solid #5b4b8066;border-radius:20px;max-width:440px;margin:auto;padding:10px;position:relative}.spark-game *{box-sizing:border-box}.spark-game [hidden]{display:none!important}.spark-game button,.spark-game a{font:inherit;min-height:44px}.spark-game button{cursor:pointer;color:#e2e8f0;background:#272741;border:1px solid #74658e;border-radius:12px;padding:8px 12px}.spark-game button:disabled{opacity:.5;cursor:default}.spark-game :focus-visible{outline-offset:3px;outline:3px solid #fbbf24}.sw-toolbar{justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.sw-toolbar>span{letter-spacing:1px;font-size:10px}.sw-toolbar .game-toolbar-actions{gap:4px}.sw-toolbar .game-icon-button{flex-shrink:0;width:44px;height:44px;padding:10px}.sw-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 9px;display:grid}.sw-hud>div{background:#0e172d;border:1px solid #52436d;border-radius:11px;padding:8px 5px}.sw-hud dt{letter-spacing:.7px;color:#b7c8df;font-size:9px}.sw-hud dd{font-variant-numeric:tabular-nums;margin:3px 0 0;font-size:clamp(16px,4vw,22px);font-weight:800}.sw-hud>div:first-child dd{color:#67e8f9}.sw-hud>div:nth-child(2) dd,.sw-hud>div:nth-child(4) dd{color:#fbbf24}.sw-hud>div:nth-child(3) dd{color:#e879f9}.spark-game[data-low=true] .sw-hud>div:first-child{border-color:#fb7185}.spark-game[data-low=true] .sw-hud>div:first-child dd{color:#fda4af}.sw-field{aspect-ratio:360/520;background:#09172b;border:1px solid #465274;border-radius:15px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.sw-board{aspect-ratio:360/520;flex-shrink:0;width:100%}.sw-board canvas{touch-action:none;border-radius:12px;width:100%;height:100%;display:block}.sw-overlay{text-align:center;background:#0a142ef5;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px 13px;display:flex;position:absolute;inset:0;overflow:auto}.sw-overlay h2{color:#67e8f9;text-shadow:0 0 17px #38bdf844;margin:0;font-size:clamp(28px,7vw,44px);line-height:1.05}.sw-overlay h2 em{color:#e879f9;font-style:normal;display:block}.sw-overlay p{max-width:32ch;margin:0;font-size:12px;line-height:1.5}.sw-eyebrow{letter-spacing:1px;color:#c4b5fd;font-size:9px}.sw-demo{align-items:center;gap:10px;padding:12px 0;display:flex}.sw-demo b{color:#67e8f9;border:2px solid #38bdf8;border-radius:50%;place-items:center;width:45px;height:45px;font-size:23px;display:grid;box-shadow:0 0 15px #38bdf833}.sw-demo b:nth-of-type(2){color:#e879f9;border-color:#e879f9}.sw-demo b:nth-of-type(3){color:#fbbf24;border-color:#fbbf24}.sw-overlay button,.sw-overlay a{flex-shrink:0;width:min(100%,280px)}.sw-overlay .sw-primary{background:linear-gradient(120deg,#9333ea,#c026d3);border-color:#df9eff;font-weight:800;box-shadow:0 3px 14px #a855f733}.sw-overlay a{color:#c4b5fd;place-items:center;font-size:13px;text-decoration:none;display:grid}.sw-results{background:#121d35;border-radius:13px;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin:4px 0;padding:13px;display:grid}.sw-results dt{color:#c4b5fd;font-size:9px}.sw-results dd{color:#fbbf24;margin:4px 0 0;font-size:23px;font-weight:800}.sw-record{color:#fbbf24;border:1px solid #fbbf24;border-radius:8px;padding:6px 16px;font-weight:800}.sw-mode{align-items:center;gap:7px;margin-top:9px;display:flex}.sw-mode span{letter-spacing:.5px;margin-right:auto;font-size:9px}.sw-mode button{padding:6px 11px;font-size:12px}.sw-mode button[aria-pressed=true]{background:#4e2871;border-color:#c084fc}.sw-taps{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px;display:grid}.sw-taps button{border-color:#38bdf8;font-size:22px;font-weight:800}.sw-taps button:nth-child(2){border-color:#e879f9}.sw-taps button:nth-child(3){border-color:#fbbf24}.sw-taps small{letter-spacing:.8px;font-size:8px;display:block}.sw-status{text-align:center;color:#c1d0e5;min-height:31px;margin:8px 2px 0;font-size:11px;line-height:1.4}.spark-game[data-combo=true] .sw-hud>div:nth-child(3){background:#392746;border-color:#fbbf24}.spark-game[data-state=FINISHED] .sw-overlay{animation:.25s ease-out sw-appear}@keyframes sw-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.game-viewport.is-expanded .spark-game{flex-direction:column;width:100%;max-width:540px;height:100%;padding:6px;display:flex}.game-viewport.is-expanded .sw-field{aspect-ratio:auto;flex:1}.game-viewport.is-expanded .sw-hud,.game-viewport.is-expanded .sw-status{flex-shrink:0}.game-viewport.is-expanded .sw-overlay{gap:8px}@media (width>=700px) and (orientation:landscape){.game-viewport.is-expanded .spark-game{grid-template-rows:auto auto auto 1fr;grid-template-columns:minmax(200px,1fr) minmax(220px,1.2fr);gap:10px;max-width:1000px;display:grid}.game-viewport.is-expanded .sw-field{grid-area:1/2/6;height:100%}.game-viewport.is-expanded .sw-toolbar{grid-column:1}.game-viewport.is-expanded .sw-status{align-self:start}.game-viewport.is-expanded .sw-taps{grid-column:1}}@media (prefers-reduced-motion:reduce){.spark-game *{transition:none!important;animation:none!important}}.sw-record{position:relative}.sw-confetti{background:var(--color);opacity:0;pointer-events:none;width:4px;height:7px;position:absolute;top:50%;left:50%}.sw-record:not([hidden]) .sw-confetti{animation:.7s ease-out sw-celebrate}@keyframes sw-celebrate{0%{opacity:0;transform:rotate(var(--angle)) translateX(0)}20%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateX(105px)}}@media (prefers-reduced-motion:reduce){.sw-confetti{display:none}}