*,:before,:after{box-sizing:border-box}html,body{touch-action:manipulation;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app{touch-action:pan-y;width:100%;height:100%}body{color:var(--text-primary);background:var(--bg-page);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.font-display{font-family:"Baloo 2",Manrope,system-ui,sans-serif}.app-shell{background:var(--bg-page);touch-action:pan-y;flex-direction:column;width:100%;height:100%;display:flex}.screen-stack{touch-action:pan-y;flex:auto;position:relative;overflow:hidden}.screen-host{background:var(--bg-page);display:none;position:absolute;inset:0}.screen{touch-action:pan-y;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.screen__header{background:var(--surface);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.screen__header--pushed{background:var(--surface)}.screen__title{color:var(--text-primary);margin:0;font-family:"Baloo 2",Manrope,sans-serif;font-size:20px;font-weight:700}.icon-btn{background:var(--border-subtle);color:var(--text-primary);cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-size:16px;font-weight:600}.icon-btn:hover{filter:brightness(.97)}.wm-title{color:var(--text-primary);margin:0;font-family:"Baloo 2",Manrope,sans-serif;font-size:26px;font-weight:800}.wm-title-group{align-items:center;gap:10px;display:flex}.wm-logo{object-fit:contain;flex:none;width:40px;height:40px;display:block}.wm-pill{background:var(--surface);border-radius:999px;gap:2px;padding:3px;display:inline-flex;box-shadow:0 1px 3px oklch(30% .02 300/.18)}.wm-pill__seg{font:inherit;cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700}.wm-pill__seg--active{background:var(--accent-purple);color:#fff}.wm-pill__seg:disabled{cursor:default}.wm-scroll{flex-direction:column;flex:auto;gap:18px;padding:16px;display:flex;overflow-y:auto}.wm-featured{color:#fff;background-color:var(--accent-purple);background-image:repeating-linear-gradient(115deg, #ffffff0f 0 8px, transparent 8px 18px), linear-gradient(160deg, var(--accent-teal), var(--accent-purple));border-radius:28px;flex-direction:column;flex-shrink:0;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px oklch(40% .1 300/.22)}.wm-featured__label{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:12px;font-weight:800}.wm-featured__name{margin:0;font-family:"Baloo 2",Manrope,sans-serif;font-size:24px;font-weight:700;line-height:1.1}.wm-featured__art{background-color:var(--bg-page);background-position:50%;background-size:cover;border-radius:16px;min-height:160px;position:relative;overflow:hidden}.wm-featured__art:after{content:"";pointer-events:none;background:linear-gradient(oklch(20% .03 300/0) 40%,oklch(20% .03 300/.55) 100%);position:absolute;inset:0}.wm-dots{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wm-dot{background:#ffffff4d;border-radius:50%;width:10px;height:10px}.wm-dot--filled{background:#fff}.wm-count{margin-left:auto;font-size:14px;font-weight:700}.wm-play{color:var(--accent-purple);cursor:pointer;background:#fff;border:none;border-radius:999px;align-self:flex-start;padding:12px 28px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.wm-play:hover{filter:brightness(.96)}.wm-grid{flex-shrink:0;grid-template-columns:1fr 1fr;gap:16px;display:grid}.wm-card{border:1px solid var(--border-subtle);background:var(--surface);text-align:left;font:inherit;color:inherit;cursor:pointer;border-radius:22px;flex-direction:column;gap:10px;padding:12px;display:flex;box-shadow:0 2px 8px oklch(30% .02 300/.1)}.wm-card--locked{opacity:.45;cursor:not-allowed}.wm-card--completed{opacity:.9;cursor:default}.wm-featured--completed .wm-play{opacity:.5;cursor:default}.wm-alledone{text-align:center;background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:28px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:14px;padding:40px 24px;display:flex;box-shadow:0 10px 28px oklch(40% .1 300/.16)}.wm-alledone__icon{color:var(--accent-gold);filter:drop-shadow(0 2px 6px oklch(70% .13 90/.4));font-size:40px;line-height:1}.wm-alledone__title{color:var(--accent-purple);margin:0;font-family:"Baloo 2",Manrope,sans-serif;font-size:30px;font-weight:800;line-height:1.1}.wm-alledone__sub{color:var(--text-secondary);margin:0;font-family:Manrope,sans-serif;font-size:15px;font-weight:600}.wm-card__art{background-color:var(--bg-page);border-radius:14px;height:96px;min-height:76px;display:block;position:relative;overflow:hidden}.wm-card__art img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.wm-card__art--failed{background-color:var(--accent-purple);background-image:linear-gradient(160deg, var(--accent-teal), var(--accent-purple))}.wm-card__art:after{content:"";pointer-events:none;background:linear-gradient(oklch(20% .03 300/0) 25%,oklch(20% .03 300/.4) 100%);position:absolute;inset:0}.wm-card__name{font-family:"Baloo 2",Manrope,sans-serif;font-size:13px;font-weight:800}.wm-card__meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.settings-body{flex-direction:column;flex:auto;gap:4px;padding:16px;display:flex;overflow-y:auto}.settings-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;display:flex}.settings-row__label{font-weight:600}.settings-row__lead{align-items:center;gap:12px;min-width:0;display:flex}.settings-row__icon{width:22px;height:22px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:flex}.settings-row__full{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.settings-credit{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--text-muted);-webkit-user-select:none;user-select:none;margin-top:24px;font-size:12px;line-height:1.4}.seg{border:1px solid var(--border-subtle);border-radius:10px;flex-shrink:0;display:inline-flex;overflow:hidden}.seg__btn{background:var(--surface);font:inherit;cursor:pointer;text-transform:capitalize;color:var(--text-primary);border:none;padding:8px 10px;font-size:14px}.seg__btn:hover:not(:disabled){filter:brightness(.97)}.seg__btn:active{transform:scale(.96)}.seg__btn--active{background:var(--accent-purple);color:#fff}.seg__btn--active:hover{filter:brightness(1.06)}.seg__btn:disabled{cursor:default}.toggle{font:inherit;cursor:pointer;background:var(--border-subtle);color:var(--text-primary);border:none;border-radius:999px;padding:8px 16px;font-weight:600}.toggle:hover{filter:brightness(.97)}.toggle:active{transform:scale(.96)}.toggle--on{background:var(--accent-purple);color:#fff}.toggle--on:hover{filter:brightness(1.06)}.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.btn:active{transform:scale(.97)}.btn--ghost{background:var(--border-subtle);color:var(--text-primary)}.btn--ghost:hover{filter:brightness(.97)}.btn--primary{background:var(--accent-purple);color:#fff}.btn--primary:hover{filter:brightness(1.05)}.btn--danger{background:var(--accent-coral);color:#fff}.btn--danger:hover{filter:brightness(1.05)}.muted{color:var(--text-secondary);font-size:14px}.level-body,.howto-body{flex-direction:column;gap:10px;padding:20px 16px;display:flex}.howto-body{gap:14px}.howto-item{align-items:flex-start;gap:12px;display:flex}.howto-item__icon{width:22px;height:22px;color:var(--accent-purple);flex:0 0 22px;justify-content:center;align-items:center;margin-top:1px;display:flex}.howto-item__icon svg{width:22px;height:22px;display:block}.howto-item__text{color:var(--text-primary);margin:0;font-size:15px;line-height:1.5}.level-body{min-height:0;overflow:hidden auto}.level-body,.howto-body,.wm-scroll,.settings-body{touch-action:pan-y;overscroll-behavior:contain}.tab-bar{border-top:1px solid var(--border-subtle);background:var(--surface);display:flex}.tab-bar__btn{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;padding:10px 4px 12px;font-size:12px;transition:color .15s,transform .1s;display:flex;position:relative}.tab-bar__btn:active{transform:scale(.96)}.tab-bar__btn--active{color:var(--accent-purple)}.tab-bar__btn--active:before{content:"";background:var(--accent-purple);border-radius:0 0 3px 3px;width:22px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.tab-bar__icon{width:24px;height:24px;transition:color .15s}.modal-overlay{z-index:1000;touch-action:pan-y;background:oklch(20% .03 300/.45);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:360px;color:var(--text-primary);overscroll-behavior:contain;touch-action:pan-y;border-radius:16px;max-height:100%;padding:20px;overflow:hidden auto;box-shadow:0 12px 40px oklch(20% .04 300/.25)}.modal__title{margin:0 0 8px;font-family:"Baloo 2",sans-serif;font-size:18px}.modal__body{color:var(--text-secondary);margin:0 0 16px;line-height:1.4}.modal__actions{justify-content:flex-end;gap:10px;display:flex}.modal--destructive .modal__title{color:var(--accent-coral)}.fatal{text-align:center;height:100%;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.wheel-row{width:100%;position:relative}.level-body>.wheel-row{margin-top:auto}.wheel{--wheel-size:clamp(220px, 62vw, 280px);--wheel-letter:clamp(44px, 13vw, 52px);width:var(--wheel-size);height:var(--wheel-size);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0 auto;position:relative}.wheel.is-dragging{cursor:grabbing}.wheel__disc{--disc-size:min(100%, calc(.76 * var(--wheel-size) + var(--wheel-letter) + 6px));width:var(--disc-size);height:var(--disc-size);background:var(--wheel-disc-bg);border:1px solid var(--wheel-disc-border);box-shadow:var(--wheel-disc-shadow);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel__svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel__trail{fill:none;stroke:var(--accent-purple);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;opacity:.72}.wheel__letter{width:var(--wheel-letter);height:var(--wheel-letter);margin-left:calc(var(--wheel-letter) / -2);margin-top:calc(var(--wheel-letter) / -2);color:var(--text-primary);font-family:Manrope,sans-serif;font-weight:900;font-size:calc(var(--wheel-letter) * .66);text-transform:uppercase;cursor:grab;touch-action:none;-webkit-touch-callout:none;will-change:transform;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .12s,color .12s,box-shadow .12s;display:flex;position:absolute}.wheel__letter.is-selected{background:var(--accent-purple);color:#fff;transform:scale(1.06);box-shadow:0 0 0 5px oklch(62% .16 300/.22),0 4px 10px oklch(50% .16 300/.35)}.wheel__letter.is-unavailable{color:var(--text-muted);background:0 0}.wheel__shuffle.ctrl-btn{z-index:3;width:48px;height:48px;color:var(--accent-purple);box-shadow:none;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel.is-dragging .wheel__shuffle{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.5)}.wheel__toast{z-index:30;box-sizing:border-box;background:var(--accent-purple);color:#fff;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;border-radius:16px;padding:5px 10px;font-family:"Baloo 2",Manrope,sans-serif;font-size:18px;font-weight:800;position:absolute;top:-45px;left:50%;box-shadow:0 8px 20px oklch(30% .05 300/.25)}.wheel__trail-live{opacity:.55}.ctrl-btn{background:var(--surface);width:52px;height:52px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 4px oklch(30% .05 300/.14)}.ctrl-btn:active{transform:scale(.95)}.wheel__shuffle:active{transform:translate(-50%,-50%)scale(.95)}.ctrl-btn--hint{background:var(--wheel-disc-bg);color:var(--hint-btn-fg);border:1px solid var(--wheel-disc-border)}.ctrl-btn__icon{flex:none}.ctrl-btn--hint .ctrl-btn__icon{color:var(--text-primary)}.ctrl-btn--hint.is-disabled{opacity:.4;cursor:default;box-shadow:none}.ctrl-btn--hint.is-disabled:active{transform:none}.wheel__shuffle.is-disabled{opacity:.4;cursor:default;box-shadow:none}.wheel__shuffle.is-disabled:active{transform:translate(-50%,-50%)}.wheel__hint.ctrl-btn--hint{z-index:4;border-radius:50%;width:54px;height:54px;position:absolute;top:0;right:0}.ctrl-btn--hint{position:relative}.ctrl-btn__cost{background:var(--surface);border:1px solid var(--border-subtle);color:var(--hint-btn-fg);border-radius:999px;align-items:center;gap:3px;padding:1px 6px 1px 5px;font-family:Manrope,sans-serif;font-size:11px;font-weight:800;line-height:1.4;display:inline-flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px oklch(30% .05 300/.22)}.ctrl-btn__cost:before{content:"";background:var(--accent-gold);border-radius:50%;width:7px;height:7px}.grid-stage{touch-action:pan-y;justify-content:center;width:100%;padding-bottom:24px;display:flex;position:relative}.grid-stage-wrap{flex-direction:column;flex:auto;display:flex}.grid-stage-wrap>.grid-stage{margin:auto}.grid{grid-template-columns:repeat(var(--grid-cols), var(--cell-size));grid-template-rows:repeat(var(--grid-rows), var(--cell-size));--cell-size:var(--grid-cell-computed-size,clamp(30px, 11vw, 46px));text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;gap:6px;display:grid;position:relative}.cell{width:var(--cell-size);height:var(--cell-size);font-family:Manrope,sans-serif;font-weight:700;font-size:calc(var(--cell-size) * .5);text-transform:uppercase;background:0 0;border-radius:12px;justify-content:center;align-items:center;display:flex}.cell--empty{background:var(--cell-empty-bg);border:1.5px dashed var(--border-dashed)}.cell--filled{background:var(--cell-filled-bg);color:var(--text-primary)}.cell--just{background:var(--accent-purple);color:#fff;box-shadow:0 0 0 6px oklch(62% .16 300/.22),0 4px 10px oklch(50% .16 300/.35)}.grid__sparkles{pointer-events:none;z-index:20;position:absolute;inset:-20px;overflow:visible}.sparkle{opacity:0;border-radius:50%;position:absolute}@keyframes sparklePulse{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.3;transform:scale(.8)}}.sparkle.is-active{animation:1.4s ease-in-out infinite sparklePulse}.currency-pill{color:var(--currency-fg);background:oklch(78% .13 90/.2);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:800;display:inline-flex}.currency-pill__icon{color:var(--currency-fg);flex:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.feedback-layer{pointer-events:none;z-index:5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flash-pill{pointer-events:none;letter-spacing:.02em;will-change:transform, opacity;border-radius:999px;padding:10px 20px;font-size:16px;font-weight:800;box-shadow:0 8px 20px oklch(30% .05 300/.25)}.flash-pill--bonus{color:oklch(40% .1 90);background:oklch(78% .13 90/.95)}.flash-pill--already,.flash-pill--invalid{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.win-modal__body{flex-direction:column;display:flex}.win-modal__coins{color:var(--text-primary);font-size:16px}.win-modal__coins strong{color:var(--accent-gold)}.bonus-chip-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.bonus-chip{color:oklch(45% .1 190);text-transform:lowercase;background:oklch(68% .13 190/.18);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.level-screen{background:var(--bg-page)}.level-screen__bg{z-index:0;background-color:var(--bg-page);background-position:50%;background-size:cover;position:absolute;inset:0}.level-screen__bg-img{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.level-screen__bg:after{content:"";background:linear-gradient(to bottom, color-mix(in oklch, var(--level-bg-scrim) 55%, var(--bg-page)) 0%, var(--level-bg-scrim) 28%, var(--level-bg-scrim) 100%);pointer-events:none;position:absolute;inset:0}.level-screen>.screen__header,.level-screen>.level-body{z-index:1;position:relative}.level-screen .screen__header--pushed{background:var(--wheel-disc-bg);box-shadow:var(--wheel-disc-shadow);border-bottom:none}.level-header__left{align-items:center;gap:12px;min-width:0;display:flex}.level-back-btn{background:var(--surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 1px 2px oklch(30% .02 300/.08)}.level-back-btn:hover{filter:brightness(.97)}.level-title{flex-direction:column;gap:2px;min-width:0;line-height:1.1;display:flex}.level-title__name{letter-spacing:.02em;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.level-title__main{color:var(--text-primary);margin:0;font-family:"Baloo 2",Manrope,sans-serif;font-size:18px;font-weight:700}.splash{z-index:2000;background:var(--bg-page);color:var(--text-primary);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.splash__inner{text-align:center;flex-direction:column;align-items:center;gap:14px;width:min(320px,100%);display:flex}.splash__logo{color:var(--accent-purple);font-family:"Baloo 2",Manrope,sans-serif;font-size:30px;font-weight:800;line-height:1.15}.splash__brand{flex-direction:column;align-items:center;gap:12px;display:flex}.splash__logo-img{object-fit:contain;width:112px;height:112px;display:block}.splash__caption{min-height:1.3em;color:var(--text-secondary);margin:0;font-size:14px;font-weight:600}.splash__bar{background:var(--border-subtle);border-radius:999px;width:100%;height:8px;overflow:hidden}.splash__bar-fill{background-image:linear-gradient(90deg, var(--accent-teal), var(--accent-purple));border-radius:999px;width:0%;height:100%;transition:width .16s ease-out}.splash__count{font-variant-numeric:tabular-nums;min-height:1.2em;color:var(--text-muted);font-size:12px;font-weight:700}@media (prefers-reduced-motion:reduce){.splash__bar-fill{transition:none}}:root,:root[data-theme=light]{--accent-purple:oklch(62% .16 300);--accent-teal:oklch(68% .13 190);--accent-coral:oklch(70% .15 30);--accent-gold:oklch(78% .13 90);--surface:oklch(99% .006 300);--bg-page:oklch(95% .01 300);--level-bg-scrim:oklch(95% .02 300/.15);--wheel-disc-bg:oklch(98.5% .008 300/.8);--wheel-disc-border:oklch(62% .16 300/.16);--wheel-disc-shadow:0 8px 22px oklch(30% .05 300/.18);--hint-btn-bg:oklch(93% .075 90/.95);--hint-btn-fg:oklch(45% .11 90);--currency-fg:oklch(45% .12 90);--text-primary:oklch(22% .03 300);--text-secondary:oklch(50% .02 300);--text-muted:oklch(70% .01 300);--border-subtle:oklch(88% .02 300);--border-dashed:oklch(74% .02 300);--cell-empty-bg:oklch(93% .015 300/.9);--cell-filled-bg:oklch(99% .006 300)}:root[data-theme=dark]{--bg-page:oklch(20% .02 300);--surface:oklch(26% .025 300);--level-bg-scrim:oklch(17% .02 300/.15);--accent-purple:oklch(72% .15 300);--wheel-disc-bg:oklch(23.5% .022 300/.8);--wheel-disc-border:oklch(72% .15 300/.24);--wheel-disc-shadow:0 8px 22px oklch(8% .02 300/.5);--hint-btn-bg:oklch(33% .06 90/.95);--hint-btn-fg:oklch(85% .13 90);--currency-fg:oklch(85% .13 90);--accent-teal:oklch(78% .13 190);--accent-coral:oklch(80% .15 30);--accent-gold:oklch(85% .13 90);--text-primary:oklch(92% .01 300);--text-secondary:oklch(78% .015 300);--text-muted:oklch(55% .01 300);--border-subtle:oklch(40% .02 300);--border-dashed:oklch(46% .02 300);--cell-empty-bg:oklch(20% .02 300/.9);--cell-filled-bg:oklch(34% .025 300)}