:root{--kit-bg: #061c22;--kit-panel: rgba(8, 40, 48, .96);--kit-fg: #effffd;--kit-muted: #a5d8d2;--kit-accent: #ff6f61;--kit-accent-fg: #3a0905;--kit-accent-2: #3df2c2;--kit-radius: 14px;--kit-font: "Arial Black", "Helvetica Neue", system-ui, sans-serif;--ss-coral: #ff6f61;--ss-mint: #3df2c2;--ss-gold: #ffd166;--ss-sky: #5ad1ff;--ss-pink: #ff7ab6;--ss-red: #ff5d6c;--ss-edge: rgba(150, 240, 230, .28);--ss-panel: linear-gradient(160deg, rgba(28, 104, 112, .58) 0%, rgba(4, 24, 30, .84) 100%);--ss-btn: linear-gradient(180deg, rgba(36, 132, 140, .9) 0%, rgba(18, 86, 94, .95) 100%);--ss-btn-hi: linear-gradient(180deg, rgba(50, 158, 166, .95) 0%, rgba(24, 104, 112, .95) 100%);--ss-mono: ui-monospace, "Cascadia Mono", Menlo, monospace;--ss-bouncy: cubic-bezier(.2, 1.6, .4, 1);--ss-settle: cubic-bezier(.2, .9, .3, 1.1)}html,body{margin:0;height:100%;background:radial-gradient(130% 110% at 50% 0%,#0f3a45,#061c22 62%,#04141a);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px);z-index:3}button:focus{outline:none}.ss-root{position:absolute;inset:0;user-select:none;-webkit-user-select:none}.ss-play{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:1;transition:filter .5s ease}.ss-play.ss-wide{flex-direction:row;gap:18px}html.ss-attract .ss-play{filter:blur(3px) brightness(.72) saturate(1.2)}.ss-demo .ss-dock,.ss-demo .ss-pill{display:none}.ss-panel{--cell: calc((var(--side) - 30px) / var(--n));width:var(--side);height:var(--side);padding:8px;box-sizing:border-box;border-radius:20px;background:var(--ss-panel);border:1px solid var(--ss-edge);box-shadow:0 20px 50px #0000008c,0 0 40px #3df2c214,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);flex:none}.ss-board{position:relative;width:100%;height:100%;box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--across),1fr);grid-template-rows:repeat(var(--down),1fr);gap:5px;padding:5px;border-radius:12px;background:linear-gradient(160deg,#8ff7e2,#3fd8b8);box-shadow:0 0 16px #3df2c259;overflow:hidden;transition:filter .3s ease}html.ss-hidden .ss-board{filter:blur(12px) brightness(.6)}.ss-box{display:grid;grid-template-columns:repeat(var(--bw),1fr);grid-template-rows:repeat(var(--bh),1fr);gap:1px;background:#1e575d}.ss-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;background:#061e24f0;cursor:pointer;touch-action:manipulation;transition:background .12s ease}.ss-box>.ss-cell:first-child{border-top-left-radius:2px}.ss-val{position:relative;z-index:2;font:900 calc(var(--cell) * .56) / 1 var(--kit-font);color:var(--ss-mint);text-shadow:0 0 12px rgba(61,242,194,.45)}.ss-given{background:#123a42f5}.ss-given .ss-val{color:var(--kit-fg);text-shadow:0 2px 0 rgba(0,0,0,.45)}.ss-cell.ss-diag{background:#361a30f0}.ss-cell.ss-diag.ss-given{background:#46243ef5}.ss-cell.ss-win{background:#0e324cf0}.ss-cell.ss-win.ss-given{background:#164260f5}.ss-cell.ss-peer{background:#1e5c60f2}.ss-cell.ss-same{background:#786024eb}.ss-cell.ss-same .ss-val{color:var(--ss-gold);text-shadow:0 0 14px rgba(255,209,102,.6)}.ss-cell.ss-sel{background:#2e8c90fa;box-shadow:inset 0 0 0 3px var(--ss-gold),0 0 18px #ffd1668c;z-index:3}.ss-cell.ss-bad .ss-val{color:var(--ss-red);text-shadow:0 0 14px rgba(255,93,108,.7);animation:ss-bad-pulse 1.1s ease-in-out infinite}.ss-cell.ss-bad{background:#601622f0}.ss-parity{display:none;position:absolute;width:70%;height:70%;border:2px solid rgba(255,209,102,.42);box-sizing:border-box;pointer-events:none}.ss-odd .ss-parity{display:block;border-radius:50%}.ss-even .ss-parity{display:block;border-radius:18%}.ss-diagonals{position:absolute;inset:5px;pointer-events:none;z-index:4}.ss-diagonals i{position:absolute;left:50%;top:50%;width:141.4%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,122,182,.5),transparent);transform-origin:50% 50%}.ss-diag-a{transform:translate(-50%,-50%) rotate(45deg)}.ss-diag-b{transform:translate(-50%,-50%) rotate(-45deg)}.ss-notes{position:absolute;inset:6%;display:grid;grid-template-columns:repeat(var(--nc),1fr);grid-template-rows:repeat(var(--nr),1fr);pointer-events:none;z-index:1}.ss-note{display:grid;place-items:center;font:800 max(8px,calc(var(--cell) / var(--nc) * .86)) / 1 var(--ss-mono);color:#d6f5f1;opacity:0;transform:scale(.4);transition:opacity .14s ease,transform .18s var(--ss-bouncy)}.ss-note.ss-on{opacity:.92;transform:scale(1)}.ss-note.ss-hi{color:#2a1a00;background:var(--ss-gold);border-radius:4px}.ss-val:empty{display:none}.ss-pop{animation:ss-pop .3s var(--ss-bouncy)}.ss-enter{animation:ss-enter .42s var(--d, 0ms) var(--ss-settle) both}.ss-wave{animation:ss-wave .6s var(--d, 0ms) ease-out}.ss-shake{animation:ss-shake .5s ease-out}.ss-nudge{animation:ss-nudge .3s ease-out}.ss-rub{animation:ss-rub .22s ease-out}.ss-npop .ss-notes{animation:ss-npop .2s ease-out}.ss-panel.ss-shake-board{animation:ss-shake-board .5s ease-out}.ss-press{animation:ss-press .14s ease-out}.ss-dock{width:var(--dock-w);display:flex;flex-direction:column;gap:10px;flex:none}.ss-tools{display:flex;gap:8px;align-items:stretch;height:46px}.ss-tool{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:14px;font:900 14px var(--kit-font);color:var(--kit-fg);background:var(--ss-btn);border:1px solid var(--ss-edge);box-shadow:0 4px #00000059,inset 0 1px #ffffff1a;cursor:pointer;touch-action:manipulation;white-space:nowrap}.ss-tool[hidden]{display:none}.ss-tool-icon{font-size:18px;line-height:1}.ss-tool:hover{background:var(--ss-btn-hi)}.ss-tool.ss-on{background:linear-gradient(180deg,#ff8a7c,#c8423a);border-color:var(--ss-coral);box-shadow:0 4px #00000059,0 0 18px #ff6f618c}.ss-tool.ss-on .ss-tool-label:after{content:" on";font-family:var(--ss-mono);font-size:11px;color:#ffe1dc}.ss-caption{text-align:center;font:700 12px var(--ss-mono);letter-spacing:.06em;color:var(--kit-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-pad{display:grid;grid-template-columns:repeat(var(--pad-cols),1fr);gap:8px 6px}.ss-key{position:relative;height:var(--key-h);min-width:0;padding:0;border:1px solid var(--ss-edge);border-radius:14px;color:#04201c;background:linear-gradient(180deg,#b6fff0,#5df5d2 58%,#1fae8e 58%,#138a70);box-shadow:0 4px #064a3b,0 6px 12px #00000059,inset 0 2px #ffffff8c;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,filter .15s ease,opacity .2s ease}.ss-key:hover{filter:brightness(1.08)}.ss-key:active{transform:translateY(3px);box-shadow:0 1px #064a3b,inset 0 2px #ffffff8c}.ss-key-digit{font:900 calc(var(--key-h) * .46) / 1 var(--kit-font);text-shadow:0 1px 0 rgba(255,255,255,.5)}.ss-key-left{position:absolute;right:5px;bottom:3px;font:700 10px var(--ss-mono);color:#002820bf}.ss-key.ss-pencil{background:linear-gradient(180deg,#ffe6b0,#ffd166 58%,#d9a12a 58%,#b07c12);box-shadow:0 4px #5a3c00,0 6px 12px #00000059,inset 0 2px #ffffff8c}.ss-key.ss-pencil .ss-key-digit{font-size:calc(var(--key-h) * .34);font-family:var(--ss-mono)}.ss-key.ss-done{opacity:.38;filter:saturate(.4)}.ss-key.ss-cur{outline:3px solid var(--ss-gold);outline-offset:2px;box-shadow:0 4px #064a3b,0 0 22px #ffd166b3}.ss-pill{position:absolute;left:50%;top:38%;z-index:6;padding:9px 18px;border-radius:999px;font:900 16px var(--kit-font);color:#3a2600;background:linear-gradient(180deg,#ffe39a,#ffc23d);box-shadow:0 4px #00000059,0 0 26px #ffd16699;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.6)}.ss-pill.ss-pill-show{animation:ss-pill 1.6s var(--ss-bouncy) forwards}.ss-fx{position:absolute;inset:0;pointer-events:none;z-index:7;overflow:visible}.ss-bit{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--c);box-shadow:0 0 10px var(--c);border-radius:2px;animation:ss-bit .7s ease-out forwards}.ss-ring{position:absolute;width:var(--r);height:var(--r);margin:calc(var(--r) / -2) 0 0 calc(var(--r) / -2);border-radius:50%;border:3px solid var(--c);box-shadow:0 0 14px var(--c),inset 0 0 10px var(--c);animation:ss-ring .55s ease-out forwards}.ss-sparkle{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--c);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 6px var(--c));opacity:0;animation:ss-sparkle .8s var(--d, 0ms) ease-out forwards}.ss-dust{position:absolute;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--c);box-shadow:0 0 6px var(--c);animation:ss-dust .6s cubic-bezier(.3,0,.7,1) forwards}.ss-sparks{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ss-spark{position:absolute;bottom:-12px;width:var(--size, 4px);height:var(--size, 4px);background:var(--c);box-shadow:0 0 9px 2px var(--c);opacity:0;animation:ss-spark-rise 9s linear infinite}.ss-sparks.ss-rush{animation:ss-rush 1.5s ease-out}.kit-dim{background:#0312169e;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%)}.kit-title-screen.kit-dim{background:radial-gradient(ellipse 70% 60% at 50% 45%,#03121640,#0312169e 70%,#020c10eb);backdrop-filter:none;-webkit-backdrop-filter:none}.kit-title{font-weight:900;letter-spacing:.03em;background:linear-gradient(180deg,#eafff9,#8dfbe0 38%,#3df2c2 62%,#12a383);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #064a3b) drop-shadow(0 0 18px rgba(61,242,194,.4))}.kit-tagline{font-family:var(--ss-mono);color:var(--kit-muted)}.kit-menu{gap:9px}.kit-btn{position:relative;overflow:hidden;font:900 16px var(--kit-font);letter-spacing:.02em;color:var(--kit-fg);background:var(--ss-btn);border:1px solid var(--ss-edge);box-shadow:0 4px #00000059,inset 0 1px #ffffff1a;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.kit-btn:hover,.kit-btn:focus-visible,.kit-btn.hub-nav-focus,.ss-tool:focus-visible,.ss-key:focus-visible{background:var(--ss-btn-hi);border-color:var(--ss-coral);box-shadow:0 0 0 3px #ff6f612e,0 0 22px #ff6f614d}.kit-btn:hover:not(:disabled){transform:translateY(-2px)}.kit-btn:active:not(:disabled){transform:translateY(2px)}.kit-btn.kit-primary{color:#fff3f1;background:linear-gradient(180deg,#ff7d6f,#c23b33 55%,#7d1d17);border-color:var(--ss-coral);box-shadow:0 4px #00000059,0 0 18px #ff6f614d}.kit-btn.kit-primary:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.28) 50%,transparent 100%);transform:skew(-20deg);animation:ss-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}.kit-btn-sub{font-family:var(--ss-mono);font-weight:400}.kit-pause-btn{min-height:44px;min-width:44px;border-radius:12px;font:900 15px var(--kit-font)}.kit-modal{background:#020e129e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.kit-modal-sheet{background:linear-gradient(160deg,#1c6870f0,#04181ef7);border:1px solid var(--ss-edge);border-radius:20px;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff14;animation:ss-pop-card .32s cubic-bezier(.2,1.4,.4,1)}.kit-modal-body{font-family:system-ui,Segoe UI,sans-serif;font-weight:500;line-height:1.4}.kit-modal-buttons .kit-btn,.kit-modal-body>*{animation:ss-fade-up .35s both}.kit-modal-body>:nth-child(2){animation-delay:.04s}.kit-modal-body>:nth-child(3){animation-delay:.08s}.kit-modal-body>:nth-child(4){animation-delay:.12s}.kit-modal-body>:nth-child(5){animation-delay:.16s}.kit-modal-body>:nth-child(n+6){animation-delay:.2s}.kit-modal-buttons .kit-btn.ss-mbtn{width:100%}.kit-toast{background:linear-gradient(160deg,#1c6870f2,#04181ef7);border:1px solid var(--ss-edge);border-left:4px solid var(--ss-gold);font-family:system-ui,Segoe UI,sans-serif;font-weight:500}.kit-toggle[aria-checked=true]{box-shadow:0 0 12px #ff6f6180}.ss-card{width:min(400px,100%);display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px 16px 16px;box-sizing:border-box;border-radius:20px;background:var(--ss-panel);border:1px solid var(--ss-edge);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:ss-pop-card .32s cubic-bezier(.2,1.4,.4,1)}.ss-card .kit-title,.kit-modal-title{font-size:clamp(1.7rem,7vw,2.3rem);text-align:center;font-weight:900;letter-spacing:.04em;background:linear-gradient(180deg,#eafff9,#8dfbe0 38%,#3df2c2 62%,#12a383);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 #064a3b) drop-shadow(0 0 14px rgba(61,242,194,.35));animation:ss-title-bounce .6s .05s var(--ss-bouncy) both}.kit-modal-title{font-size:1.6rem}.ss-card-sub{margin:-6px 0 0;text-align:center;font-family:var(--ss-mono);font-size:.8rem;color:var(--kit-muted);animation:ss-fade-up .4s .12s ease-out both}.ss-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;animation:ss-fade-up .4s .18s ease-out both}.ss-card .kit-menu{width:100%}.kit-btn.ss-in{animation:ss-btn-in .42s calc(var(--i, 0) * .06s) var(--ss-settle) both}.ss-hud-chip.ss-in{animation:ss-btn-in .42s calc(var(--i, 0) * .08s) var(--ss-settle) both}.ss-pop-text{position:absolute;left:50%;top:0;font:900 1.1rem var(--ss-mono);color:var(--ss-gold);pointer-events:none;animation:ss-pop-float .9s ease-out forwards}.kit-btn.ss-mbtn{justify-content:flex-start;flex-wrap:nowrap;gap:12px;text-align:left;padding:8px 34px 8px 10px}.ss-mbtn-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;font-size:1.05rem;color:var(--kit-fg);background:#04181e99;box-shadow:inset 0 -3px #00000059;transition:transform .15s ease,background .15s ease,color .15s ease}.ss-mbtn-text{display:flex;flex-direction:column;gap:1px;min-width:0}.ss-mbtn-label{font-size:1.02rem;line-height:1.15}.ss-mbtn-sub{font-family:var(--ss-mono);font-size:.7rem;font-weight:400;letter-spacing:0;color:var(--kit-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-mbtn-sub:empty{display:none}.ss-mbtn:after{content:"◀";position:absolute;right:12px;top:50%;font-size:.8rem;color:var(--ss-coral);opacity:0;transform:translate(8px,-50%);transition:opacity .15s ease,transform .15s ease}.ss-mbtn:hover .ss-mbtn-icon,.ss-mbtn:focus-visible .ss-mbtn-icon,.ss-mbtn.hub-nav-focus .ss-mbtn-icon{transform:scale(1.12) rotate(-6deg);background:var(--ss-coral);color:#3a0905}.ss-mbtn:hover:after,.ss-mbtn:focus-visible:after,.ss-mbtn.hub-nav-focus:after{opacity:1;animation:ss-pointer .6s ease-in-out infinite alternate}.kit-btn.kit-primary.ss-mbtn{padding-top:11px;padding-bottom:11px}.kit-primary .ss-mbtn-label{font-size:1.2rem}.kit-primary .ss-mbtn-sub{color:#ffe1dc}.kit-primary .ss-mbtn-icon{width:42px;height:42px;background:var(--ss-coral);color:#3a0905}.ss-chip{display:inline-flex;align-items:baseline;gap:6px;padding:5px 12px;border-radius:999px;background:#04181e99;border:1px solid rgba(150,240,230,.22);white-space:nowrap}.ss-chip span{font-family:var(--ss-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kit-muted)}.ss-chip strong{color:var(--ss-gold)}.ss-title-screen{gap:12px}.ss-kicker{margin:0;font-family:var(--ss-mono);font-size:.72rem;letter-spacing:.42em;padding-left:.42em;text-transform:uppercase;color:var(--ss-gold);text-shadow:0 0 10px rgba(255,209,102,.5);animation:ss-fade-up .6s .55s ease-out both}.kit-title.ss-wordmark{display:flex;flex-direction:column;align-items:center;gap:.06em;font-size:clamp(2.6rem,13vw,4.4rem);line-height:1;background:none;color:inherit;filter:none;animation:none}.ss-tiles{display:flex;gap:.09em}.ss-tile{position:relative;display:grid;place-items:center;width:1.12em;height:1.12em;border-radius:.16em;font-size:.9em;color:var(--kit-fg);background:linear-gradient(180deg,#329ea6f2,#186870f2 58%,#0a3c44fa 58%,#06282e);border:2px solid rgba(150,240,230,.45);box-shadow:0 .08em #031a1e,0 .14em .3em #00000073,inset 0 .05em #ffffff59;text-shadow:0 .05em 0 rgba(0,0,0,.5);transform-origin:50% 100%;animation:ss-letter-drop .7s calc(var(--i) * 75ms) var(--ss-bouncy) both,ss-letter-bob 2.8s calc(.9s + var(--i) * .14s) ease-in-out infinite}.ss-tile:nth-child(2n){background:linear-gradient(180deg,#ff8a7c,#e0544a 58%,#a3302a 58%,#7d1d17);border-color:#ffc8be8c}.ss-tile:nth-child(3){color:#04201c;background:linear-gradient(180deg,#b6fff0,#5df5d2 58%,#1fae8e 58%,#138a70);border-color:#c8fff5b3;text-shadow:0 .04em 0 rgba(255,255,255,.5)}.ss-tile-digit{position:absolute;top:.12em;left:.16em;font:700 .26em var(--ss-mono);color:var(--ss-gold);text-shadow:none}.ss-taglines{position:relative;height:1.3em;width:min(420px,100%);font-size:.85rem;color:var(--kit-fg);text-shadow:0 1px 6px rgba(0,0,0,.8)}.ss-taglines span{position:absolute;inset:0;opacity:0;animation:ss-tagline 14s linear infinite}.ss-taglines span:nth-child(2){animation-delay:3.5s}.ss-taglines span:nth-child(3){animation-delay:7s}.ss-taglines span:nth-child(4){animation-delay:10.5s}.ss-panel-menu{width:min(400px,100%);display:flex;flex-direction:column;gap:10px;padding:14px;box-sizing:border-box;border-radius:20px;background:var(--ss-panel);border:1px solid var(--ss-edge);box-shadow:0 20px 50px #0000008c,inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:ss-panel-in .55s .25s var(--ss-settle) both}.ss-panel-menu .kit-menu,.ss-panel-menu .kit-continue{width:100%}.ss-footer{display:flex;justify-content:space-between;gap:8px}.kit-hud{gap:8px;font:900 15px var(--kit-font)}.ss-hud-chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:linear-gradient(180deg,#24848cc7,#083038e0);border:1px solid rgba(150,240,230,.32);box-shadow:0 4px 14px #00000073;text-shadow:none;white-space:nowrap}.ss-clock{color:var(--ss-gold);font-variant-numeric:tabular-nums;min-width:4.4em;justify-content:center}.ss-kind{font:700 12px var(--ss-mono);color:var(--kit-muted)}.ss-left{color:var(--ss-mint)}.ss-hud-icon{font-style:normal;display:inline-block}.ss-tick{animation:ss-tick 1s steps(1) infinite}.kit-result-body{padding:12px;box-sizing:border-box;border-radius:14px;background:#04181e99;border:1px solid rgba(150,240,230,.2);font-family:var(--ss-mono);display:flex;flex-direction:column;gap:10px;animation:ss-fade-up .4s .15s ease-out both}.kit-result-body p{margin:0}.ss-result-time{display:flex;flex-direction:column;align-items:center;gap:2px}.ss-result-time span{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--kit-muted)}.ss-result-time strong{font:900 2.6rem var(--kit-font);color:var(--ss-gold);text-shadow:0 3px 0 #5a3c00,0 0 18px rgba(255,209,102,.5);animation:ss-title-bounce .6s .25s var(--ss-bouncy) both}.ss-new-best{color:var(--ss-gold);font-weight:700;animation:ss-fade-up .35s .2s ease-out both}.ss-best{color:var(--kit-muted)}.ss-setup-modal .kit-modal-sheet{width:min(520px,calc(100vw - 24px));gap:10px;padding:16px 14px 14px}.ss-setup{display:flex;flex-direction:column;gap:10px}.ss-group{display:flex;flex-direction:column;gap:6px}.ss-group-title{font:700 .7rem var(--ss-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ss-gold);padding-left:2px}.ss-opts{display:grid;grid-template-columns:repeat(var(--count),1fr);gap:6px}.ss-opt{position:relative;min-width:0;min-height:58px;padding:7px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;border:1px solid var(--ss-edge);color:var(--kit-fg);background:var(--ss-btn);box-shadow:0 3px #00000059,inset 0 1px #ffffff1a;cursor:pointer;touch-action:manipulation;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease,opacity .2s ease;animation:ss-btn-in .4s calc(.08s + var(--i) * .04s) var(--ss-settle) both}.ss-opt:hover:not(:disabled),.ss-opt.hub-nav-focus,.ss-opt:focus-visible{transform:translateY(-2px);border-color:#ff6f61b3}.ss-opt:active:not(:disabled){transform:translateY(2px)}.ss-opt-icon{font-size:1rem;line-height:1;color:var(--ss-gold)}.ss-opt-name{font:900 .92rem / 1.1 var(--kit-font);text-align:center}.ss-opt-sub{font:400 .62rem / 1.2 var(--ss-mono);color:var(--kit-muted);text-align:center}.ss-opt.ss-picked{background:linear-gradient(180deg,#ff8a7c,#c8423a 60%,#8d241e);border-color:var(--ss-coral);box-shadow:0 3px #00000059,0 0 18px #ff6f6173;animation:ss-picked .3s var(--ss-bouncy)}.ss-opt.ss-picked .ss-opt-sub,.ss-opt.ss-picked .ss-opt-icon{color:#ffe1dc}.ss-opt.ss-picked:after{content:"✓";position:absolute;top:3px;right:6px;font:900 .7rem var(--kit-font);color:#fff}.ss-opt:disabled{opacity:.35;cursor:default}.kit-btn.ss-start{width:100%;margin-top:4px}.kit-btn.ss-start.ss-busy{filter:saturate(.7);cursor:progress}.ss-busy .ss-mbtn-icon{animation:ss-spin .8s linear infinite}@keyframes ss-pop{0%{transform:scale(.3);opacity:.3}60%{transform:scale(1.25);opacity:1}to{transform:scale(1)}}@keyframes ss-enter{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes ss-wave{0%{transform:translateY(0) scale(1);filter:brightness(1)}35%{transform:translateY(-14%) scale(1.12);filter:brightness(1.9) saturate(1.4);box-shadow:0 0 18px #3df2c2cc;z-index:5}to{transform:translateY(0) scale(1);filter:brightness(1)}}@keyframes ss-shake{0%,to{transform:translate(0)}15%{transform:translate(-14%)}35%{transform:translate(11%)}55%{transform:translate(-7%)}75%{transform:translate(4%)}}@keyframes ss-nudge{0%,to{transform:translate(0)}30%{transform:translate(-6%)}65%{transform:translate(4%)}}@keyframes ss-shake-board{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-1deg)}45%{transform:translate(8px) rotate(.8deg)}70%{transform:translate(-4px)}}@keyframes ss-rub{0%{transform:scale(.82)}to{transform:scale(1)}}@keyframes ss-npop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ss-press{0%{transform:scale(1)}40%{transform:scale(.9) translateY(2px)}to{transform:scale(1)}}@keyframes ss-bad-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes ss-pill{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}22%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-70%) scale(.96)}}@keyframes ss-bit{0%{transform:translate(0) scale(1) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2) rotate(180deg);opacity:0}}@keyframes ss-ring{0%{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0;border-width:1px}}@keyframes ss-sparkle{0%{opacity:0;transform:translate(0) scale(.2) rotate(0)}25%{opacity:1;transform:translate(calc(var(--dx) * .6),calc(var(--dy) * .6)) scale(1.2) rotate(45deg)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3) rotate(120deg)}}@keyframes ss-dust{0%{transform:translate(0);opacity:1}40%{transform:translate(calc(var(--dx) * .6),var(--up))}to{transform:translate(var(--dx),26px);opacity:0}}@keyframes ss-spark-rise{0%{transform:translate(0) rotate(0);opacity:0}10%{opacity:.85}50%{transform:translate(18px,-55vh) rotate(180deg)}90%{opacity:.6}to{transform:translate(-18px,-110vh) rotate(360deg);opacity:0}}@keyframes ss-rush{0%{transform:translateY(0);filter:brightness(1)}30%{transform:translateY(-22vh);filter:brightness(2)}to{transform:translateY(0);filter:brightness(1)}}@keyframes ss-letter-drop{0%{opacity:0;transform:translateY(-120%) scale(.6,1.4)}60%{opacity:1;transform:translateY(6%) scale(1.15,.85)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ss-letter-bob{0%,to{translate:0 0;rotate:0deg}25%{translate:0 -7px;rotate:-3deg}50%{translate:0 0;rotate:0deg}75%{translate:0 -3px;rotate:3deg}}@keyframes ss-tagline{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:translateY(0)}25%,to{opacity:0;transform:translateY(-8px)}}@keyframes ss-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ss-panel-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ss-pop-card{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes ss-title-bounce{0%{opacity:0;transform:translateY(-40%) scale(.7,1.3)}60%{opacity:1;transform:translateY(4%) scale(1.1,.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ss-btn-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes ss-pop-float{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-46px) scale(1.15)}}@keyframes ss-sheen{0%{left:-60%}35%,to{left:130%}}@keyframes ss-pointer{0%{transform:translateY(-50%)}to{transform:translate(-5px,-50%)}}@keyframes ss-picked{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes ss-tick{0%,to{transform:rotate(0)}50%{transform:rotate(12deg)}}@keyframes ss-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ss-tile,.ss-spark,.ss-sparks,.ss-bit,.ss-tick,.kit-btn.kit-primary:before,.ss-mbtn:after,.ss-enter,.ss-wave,.ss-pop,.ss-shake,.ss-nudge,.ss-panel-menu,.ss-card,.kit-btn.ss-in,.ss-opt,.ss-cell.ss-bad .ss-val{animation:none!important}.ss-spark,.ss-bit,.ss-ring,.ss-sparkle,.ss-dust{display:none}}html.ss-cover #ui,html.ss-cover .ss-dock,html.ss-cover .ss-pill{display:none}html.ss-cover .ss-play{left:43%!important;top:5%!important;width:52%!important;height:100%!important;--side: min(372px, 64vh) !important;perspective:1000px}html.ss-cover .ss-panel{transform:rotateY(-16deg) rotateX(8deg) rotate(-4deg) scale(1.02);box-shadow:0 30px 60px #0009,0 0 60px #3df2c22e,inset 0 1px #ffffff1a}.ss-cover-art{font-family:var(--kit-font);color:var(--kit-fg);position:fixed;left:0;top:0;width:47%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:20}.ss-cover-art .kit-title.ss-wordmark{font-size:min(3.6rem,5.6vw)}.ss-cover-pill{margin:0;padding:7px 16px;border-radius:999px;font:700 .9rem var(--ss-mono);color:var(--ss-gold);background:#04181eb3;border:1px solid var(--ss-edge);box-shadow:0 4px 14px #00000073}.kit-modal-buttons .kit-btn{flex:1;min-height:52px}@media(orientation:landscape)and (max-height:500px){.kit-screen{padding-top:calc(var(--kit-top) + 8px);gap:8px}.kit-title.ss-wordmark{font-size:2rem}.ss-kicker,.ss-taglines{display:none}.ss-panel-menu{width:min(640px,100%);padding:10px;gap:8px}.ss-panel-menu .kit-menu,.ss-card .kit-menu{display:grid;grid-template-columns:1fr 1fr}.ss-card{width:min(640px,100%);padding:12px;gap:8px}.ss-card .kit-title{font-size:1.5rem}.ss-result-time strong{font-size:1.8rem}.kit-btn.ss-mbtn{min-height:44px;padding-top:5px;padding-bottom:5px}.ss-setup-modal .kit-modal-sheet{width:min(780px,calc(100vw - 24px));padding:10px 12px;gap:6px}.ss-setup-modal .kit-modal-title{font-size:1.2rem}.ss-setup{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.ss-opt{min-height:40px;padding:4px}.ss-opt-sub,.ss-opt-icon{display:none}.kit-btn.ss-start{margin-top:0}}html.ss-cover .ss-root{background:radial-gradient(circle at 70% 48%,rgba(61,242,194,.3) 0%,transparent 38%),radial-gradient(circle at 58% 70%,rgba(255,111,97,.22) 0%,transparent 42%),radial-gradient(circle at 30% 50%,rgba(255,209,102,.1) 0%,transparent 40%)}html.ss-cover .ss-spark{opacity:.9}.ss-cell.ss-cover-lit{background:linear-gradient(180deg,#8ff7e2,#3fd8b8 60%,#1fae8e);box-shadow:0 0 16px #3df2c2d9;z-index:2}.ss-cell.ss-cover-lit .ss-val{color:#04201c;text-shadow:0 1px 0 rgba(255,255,255,.5)}.ss-cover-fx{position:fixed;inset:0;pointer-events:none;z-index:15;font-family:var(--kit-font)}.ss-cover-tile{position:absolute;display:grid;place-items:center;width:1.1em;height:1.1em;border-radius:.18em;font-weight:900;color:#fff;transform:translate(-50%,-50%) rotate(var(--turn));border:2px solid rgba(255,255,255,.45);box-shadow:0 .08em #00000073,0 0 26px var(--glow),inset 0 .05em #fff6;text-shadow:0 .05em 0 rgba(0,0,0,.45)}.ss-cover-tile:after{content:"";position:absolute;left:100%;top:25%;width:1.6em;height:50%;background:linear-gradient(90deg,var(--glow),transparent);opacity:.55;border-radius:999px;z-index:-1}.ss-tone-coral{--glow: rgba(255, 111, 97, .8);background:linear-gradient(180deg,#ff8a7c,#e0544a 58%,#a3302a 58%,#7d1d17)}.ss-tone-mint{--glow: rgba(61, 242, 194, .8);color:#04201c;background:linear-gradient(180deg,#b6fff0,#5df5d2 58%,#1fae8e 58%,#138a70)}.ss-tone-teal{--glow: rgba(90, 209, 255, .7);background:linear-gradient(180deg,#4fb4c0,#24818c 58%,#0e4c56 58%,#083840)}.ss-tone-gold{--glow: rgba(255, 209, 102, .85);color:#3a2600;background:linear-gradient(180deg,#fff0bf,#ffd166 58%,#d9a12a 58%,#b07c12)}.ss-cover-sparkle{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:var(--c);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 6px var(--c))}.ss-cover-halo{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.55) 0%,rgba(255,209,102,.12) 45%,transparent 70%);mix-blend-mode:screen}