*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fb;--surface:#fff;--text:#1a1d26;--text-muted:#6b7280;--border:#e5e7eb;--grid-border:#9ca3af;--tile-border:#6b7280;--accent:#22c55e;--accent-soft:#22c55e26;--accent-glow:#22c55e59;--selected:#3b82f6;--selected-soft:#3b82f61f;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--radius:14px;--radius-sm:10px;--font:"Segoe UI", system-ui, -apple-system, sans-serif}html{-webkit-tap-highlight-color:transparent}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:3.75rem 1rem 1.5rem;display:flex;position:relative}.app--loading{justify-content:center}.app--page{justify-content:flex-start}.app__loading{color:var(--text-muted);font-size:.95rem}.app__container{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:420px;display:flex}.app__title{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.app__tagline{color:var(--text-muted);margin-top:-.75rem;font-size:.9rem}.app__leaderboard-link{color:var(--selected);margin-top:-.5rem;font-size:.85rem;font-weight:600;text-decoration:none}.app__leaderboard-link:hover{text-decoration:underline}.app__hint{color:var(--text-muted);text-align:center;font-size:.8rem}.hint-banner{color:#b45309;border-radius:var(--radius-sm);text-align:center;background:#fffbeb;border:1px solid #fde68a;width:100%;padding:.5rem .85rem;font-size:.85rem;animation:.3s fade-in}.hint-banner strong{color:#92400e;font-weight:700}.hint-banner--compact{flex-shrink:0;margin:0;padding:.25rem .5rem;font-size:.7rem}.game-app{--dock-h:3rem;padding:0;padding-bottom:calc(var(--dock-h) + env(safe-area-inset-bottom,0px));justify-content:flex-start;align-items:stretch;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.game-shell{width:100%;padding:max(.35rem, env(safe-area-inset-top)) max(.4rem, env(safe-area-inset-right)) .25rem max(.4rem, env(safe-area-inset-left));flex-direction:column;flex:1;gap:.2rem;min-height:0;display:flex;overflow-y:auto}.game-shell__grid{flex:1;justify-content:stretch;align-items:flex-start;width:100%;min-height:0;margin-top:.1rem;display:flex}.game-header{flex-direction:column;flex-shrink:0;gap:.2rem;width:100%;display:flex}.game-header__title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.game-header__title{letter-spacing:-.03em;white-space:nowrap;font-size:1.35rem;font-weight:800;line-height:1.1}.game-header__music{color:var(--accent);font-size:.75rem}.game-header__account{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.game-header__name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:5rem;font-size:.75rem;font-weight:600;overflow:hidden}.game-header__loading{color:var(--text-muted);font-size:.75rem}.game-header__text-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:8px;padding:.3rem .55rem;font-size:.7rem;font-weight:600}.game-header__text-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.game-header__stats{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;grid-template-columns:1fr 1fr 1fr;padding:.25rem .15rem;display:grid}.game-header__stat{flex-direction:column;align-items:center;gap:.05rem;display:flex}.game-header__stat:not(:last-child){border-right:1px solid var(--border)}.game-header__stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.6rem;font-weight:700}.game-header__stat-value{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700;line-height:1}.game-header__stat-value--low{color:#ef4444}.game-top{flex-direction:column;flex-shrink:0;gap:.25rem;display:flex}.game-primary-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:.35rem;padding:.35rem;display:grid}.action-btn{border:1px solid var(--border);min-height:2.85rem;color:var(--text);box-shadow:var(--shadow-sm);touch-action:manipulation;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;padding:.45rem .3rem;transition:background .15s,border-color .15s,transform .1s;display:flex;position:relative}.action-btn:active:not(:disabled){background:#f9fafb;transform:scale(.97)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn__label{text-align:center;letter-spacing:-.01em;font-size:.68rem;font-weight:700;line-height:1.15}.action-btn__sub{color:var(--accent);font-size:.6rem;font-weight:600;line-height:1}.action-btn__badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:.95rem;height:.95rem;padding:0 .2rem;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;top:.2rem;right:.2rem}.game-dock{z-index:50;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.game-secondary-bar{height:var(--dock-h);grid-template-columns:repeat(4,1fr);align-items:center;gap:.35rem;max-width:100%;margin:0 auto;padding:.35rem .5rem;display:grid}.icon-btn{background:var(--bg);border:1px solid var(--border);height:100%;min-height:2.5rem;color:var(--text);box-shadow:var(--shadow-sm);touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,transform .1s;display:flex;position:relative}.icon-btn:active:not(:disabled){background:#f3f4f6;transform:scale(.94)}.icon-btn__label{display:none}.icon-btn--secondary{text-decoration:none}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn__badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:.9rem;height:.9rem;font-size:.55rem;font-weight:700;line-height:1;display:flex;position:absolute;top:.15rem;right:.15rem}.hud{flex-direction:column;gap:.75rem;width:100%;display:flex}.hud__stats{justify-content:center;gap:2rem;display:flex}.hud__stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.hud__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.hud__value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.hud__value--low{color:#ef4444}.hud__actions{justify-content:center;gap:.5rem;display:flex}.btn{border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:#16a34a}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){background:#f3f4f6}.btn--sm{padding:.4rem .75rem;font-size:.8rem}.user-bar{justify-content:flex-end;align-items:center;gap:.5rem;width:100%;max-width:420px;margin:0 auto;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.user-bar__account{align-items:center;gap:.5rem;display:flex}.user-bar__email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.8rem;font-weight:600;overflow:hidden}.user-bar__level{color:var(--text);font-weight:700}.user-bar__status{color:var(--text-muted);font-size:.8rem}.user-bar__guest{align-items:center;gap:.4rem;display:flex}.modal-overlay--promo{z-index:250}.save-modal__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);border-radius:20px;margin-bottom:.65rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.save-modal__divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1.1rem 0 .85rem;font-size:.8rem;display:flex}.save-modal__divider:before,.save-modal__divider:after{content:"";background:var(--border);flex:1;height:1px}.save-modal__share{justify-content:center;width:100%;padding:.65rem}.save-modal__share-msg{color:var(--accent);text-align:center;margin-top:.5rem;font-size:.8rem;font-weight:600}.save-modal__skip{width:100%;color:var(--text-muted);text-align:center;margin-top:.85rem;padding:.4rem;font-size:.8rem;display:block}.save-modal__skip:hover{color:var(--text)}.share-btn-wrap{flex-direction:column;align-items:center;gap:.2rem;display:flex}.share-btn__msg{color:var(--accent);white-space:nowrap;font-size:.65rem;font-weight:600}.hud__actions{flex-wrap:wrap}.grid-toolbar{justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:-.25rem;display:flex}.grid-toolbar__settings{gap:.35rem}.grid-toolbar__music-on{color:var(--accent);font-size:.9rem;animation:2s ease-in-out infinite music-pulse}@keyframes music-pulse{0%,to{opacity:.5}50%{opacity:1}}.settings-modal{max-height:90dvh;overflow-y:auto}.settings-section{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:1.25rem}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.65rem;font-size:.75rem;font-weight:700}.settings-howto{color:var(--text-muted);font-size:.85rem;line-height:1.5}.settings-howto p{margin-bottom:.5rem}.settings-howto strong{color:var(--text);font-weight:700}.settings-howto__list{flex-direction:column;gap:.3rem;margin:0;padding-left:1.15rem;display:flex}.settings-section__note{color:var(--text-muted);margin-top:.5rem;font-size:.78rem;line-height:1.45}.settings-stats{flex-direction:column;gap:.45rem;display:flex}.settings-stats__row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.settings-stats__row dt{color:var(--text-muted);font-weight:500}.settings-stats__row dd{font-variant-numeric:tabular-nums;font-weight:700}.settings-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle__track{background:var(--border);border-radius:999px;flex-shrink:0;width:2.75rem;height:1.5rem;transition:background .2s;position:relative}.settings-toggle__track:after{content:"";width:1.2rem;height:1.2rem;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:.15rem;left:.15rem}.settings-toggle input:checked+.settings-toggle__track{background:var(--accent)}.settings-toggle input:checked+.settings-toggle__track:after{transform:translate(1.25rem)}.settings-toggle__label{font-size:.9rem;font-weight:600}.settings-link{justify-content:center;width:100%}.settings-note{color:var(--text-muted);text-align:center;background:var(--bg);border-radius:var(--radius-sm);margin-top:1rem;padding:.65rem;font-size:.8rem}.spotify-player--hidden{opacity:0;pointer-events:none;z-index:-1;width:300px;height:80px;position:fixed;top:0;left:-9999px;overflow:hidden}.app--page{padding-bottom:1.5rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000059;justify-content:center;align-items:center;padding:1rem;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px;width:100%;max-width:380px;padding:2rem 1.75rem 1.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) scale-in;position:relative}.modal-card--wide{max-width:420px}.modal-close{color:var(--text-muted);border-radius:8px;padding:.25rem .5rem;font-size:1.5rem;line-height:1;position:absolute;top:.75rem;right:.85rem}.modal-close:hover{color:var(--text);background:#f3f4f6}.modal-title{margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.modal-subtitle{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem}.confirm-modal__desc{color:var(--text-muted);margin-bottom:.25rem;font-size:.95rem;line-height:1.5}.confirm-modal__actions{gap:.6rem;margin-top:1.25rem;display:flex}.confirm-modal__actions .btn{flex:1}.move-tier-modal{text-align:center}.move-tier-modal__shift{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;margin:1rem 0 1.1rem;display:flex}.move-tier-modal__moves{font-variant-numeric:tabular-nums;border-radius:10px;padding:.55rem .85rem;font-size:1.1rem;font-weight:800;line-height:1.2}.move-tier-modal__moves--old{color:var(--text-muted);background:#f3f4f6;-webkit-text-decoration:line-through #9ca3af;text-decoration:line-through #9ca3af}.move-tier-modal__moves--new{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.move-tier-modal__arrow{color:var(--text-muted);font-size:1.35rem;font-weight:700}.move-tier-modal__desc{color:var(--text);margin-bottom:.65rem;font-size:.9rem;line-height:1.5}.move-tier-modal__note{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:1.1rem;padding:.6rem .75rem;font-size:.82rem;line-height:1.45}.move-tier-modal__btn{width:100%}.shop-modal{max-height:90dvh;overflow-y:auto}.shop-modal__inventory{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.shop-modal__inv-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.15rem;padding:.55rem .65rem;display:flex}.shop-modal__inv-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;font-weight:700}.shop-modal__inv-value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.shop-modal__tiers{flex-direction:column;gap:.75rem;display:flex}.shop-tier{border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:1rem;position:relative}.shop-tier__badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.2rem .45rem;font-size:.6rem;font-weight:700;position:absolute;top:.55rem;right:.55rem}.shop-tier__name{margin-bottom:.15rem;font-size:1rem;font-weight:700}.shop-tier__price{color:var(--text);margin-bottom:.55rem;font-size:1.5rem;font-weight:800}.shop-tier__perks{color:var(--text-muted);flex-direction:column;gap:.25rem;margin:0 0 .85rem;padding-left:1.1rem;font-size:.85rem;display:flex}.shop-tier__perks strong{color:var(--text)}.shop-tier__btn{width:100%}.shop-modal__message{color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);margin-top:.85rem;padding:.55rem .65rem;font-size:.82rem;line-height:1.4}.shop-modal__note{color:var(--text-muted);margin-top:.85rem;font-size:.75rem;line-height:1.45}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-form__label{color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.auth-form__input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);padding:.6rem .75rem;font-family:inherit;font-size:.95rem}.auth-form__input:focus{border-color:var(--selected);box-shadow:0 0 0 3px var(--selected-soft);outline:none}.auth-form__error{color:#ef4444;background:#fef2f2;border-radius:8px;padding:.5rem .65rem;font-size:.8rem}.auth-form__submit{justify-content:center;width:100%;margin-top:.25rem;padding:.7rem}.auth-form__toggle{color:var(--text-muted);text-align:center;margin-top:1rem;font-size:.8rem}.auth-form__link{color:var(--selected);font-weight:600;text-decoration:underline}.leaderboard__name-form{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.leaderboard__name-row{gap:.5rem;display:flex}.leaderboard__name-row .auth-form__input{flex:1}.leaderboard__guest-note{color:var(--text-muted);text-align:center;background:var(--bg);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.65rem;font-size:.85rem}.leaderboard__header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);grid-template-columns:2rem 1fr 3.5rem 3.5rem;gap:.5rem;padding:0 .65rem .4rem;font-size:.65rem;font-weight:700;display:grid}.leaderboard{flex-direction:column;gap:.35rem;max-height:320px;list-style:none;display:flex;overflow-y:auto}.leaderboard__row{border-radius:var(--radius-sm);background:var(--bg);grid-template-columns:2rem 1fr 3.5rem 3.5rem;align-items:center;gap:.5rem;padding:.55rem .65rem;display:grid}.leaderboard__row--you{background:var(--accent-soft);border:1px solid #22c55e4d}.leaderboard__rank{color:var(--text-muted);text-align:center;width:1.5rem;font-size:.85rem;font-weight:700}.leaderboard__name{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:.4rem;min-width:0;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.leaderboard__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:var(--accent-soft);border-radius:6px;flex-shrink:0;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.leaderboard__level{font-variant-numeric:tabular-nums;color:var(--text);text-align:right;font-size:.85rem;font-weight:700}.leaderboard__current{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:right;font-size:.8rem;font-weight:600}.leaderboard__loading,.leaderboard__empty{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.9rem}.leaderboard--page{max-height:none}.page{width:100%;max-width:520px;padding:0 0 2rem}.page__back{color:var(--text-muted);margin-bottom:1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.page__back:hover{color:var(--text)}.leaderboard-page__content{flex-direction:column;gap:1rem;display:flex}.leaderboard-page__header{text-align:center}.leaderboard-page__title{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.leaderboard-page__subtitle{color:var(--text-muted);margin-top:.35rem;font-size:.9rem}.leaderboard-page__you-card{background:var(--accent-soft);border-radius:var(--radius);text-align:center;border:1px solid #22c55e4d;flex-direction:column;align-items:center;gap:.2rem;padding:1rem;display:flex}.leaderboard-page__you-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.7rem;font-weight:700}.leaderboard-page__you-rank{font-size:2rem;font-weight:700;line-height:1.1}.leaderboard-page__you-stats{color:var(--text-muted);font-size:.85rem;font-weight:600}.leaderboard-page__table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:.75rem}.leaderboard-page__unavailable{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;display:flex}.leaderboard-page__unavailable p{color:var(--text-muted);font-size:.9rem}.grid-board{border:2.5px solid var(--grid-border);background:var(--surface);width:100%;max-width:100%;box-shadow:var(--shadow-md);border-radius:12px;padding:.4rem}.grid-board__inner{border:1.5px solid var(--border);background:#f3f4f6;border-radius:8px;gap:.3rem;width:100%;padding:.3rem;display:grid}.sum-indicator{font-variant-numeric:tabular-nums;color:var(--text-muted);-webkit-user-select:none;user-select:none;border:1.5px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.1rem;font-size:.8rem;font-weight:700;display:flex}.sum-indicator__value{font-size:1rem}.sum-indicator__target{opacity:.7;font-size:.7rem;font-weight:600}.sum-indicator--complete{color:var(--accent)}.sum-indicator--complete .sum-indicator__value{font-size:1.1rem}.tile{border:2.5px solid var(--tile-border);aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:100%;transition:border-color .2s,box-shadow .25s,transform .2s,background .25s;display:flex;position:relative;box-shadow:0 1px 2px #00000014}.tile__value{font-variant-numeric:tabular-nums;color:var(--text);font-size:clamp(1.35rem,11vw,2.25rem);font-weight:800}.tile:hover{box-shadow:var(--shadow-md)}.tile--selected{border-color:var(--selected);background:var(--selected-soft);box-shadow:0 0 0 3px #3b82f633, var(--shadow-md);transform:scale(1.04)}.tile--complete{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 12px var(--accent-glow), var(--shadow-sm)}.tile--complete.tile--selected{box-shadow:0 0 16px var(--accent-glow), 0 0 0 3px #3b82f633}.tile--swapping{animation:.28s ease-in-out tile-swap}.tile--hinted{box-shadow:0 0 0 3px #f59e0b40, var(--shadow-md);border-color:#f59e0b}.tile__hint-badge{color:#b45309;background:#fef3c7;border-radius:6px;padding:.1rem .35rem;font-size:.65rem;font-weight:700;line-height:1.3;position:absolute;top:.3rem;right:.35rem}@keyframes tile-swap{0%{transform:scale(1)}40%{transform:scale(1.1)}to{transform:scale(1)}}.win-screen,.game-over{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000059;justify-content:center;align-items:center;padding:1rem;animation:.3s fade-in;display:flex;position:fixed;inset:0}.win-screen__card,.game-over__card{background:var(--surface);box-shadow:var(--shadow-lg);text-align:center;z-index:2;border-radius:20px;width:100%;max-width:360px;padding:2rem 1.75rem;animation:.4s cubic-bezier(.34,1.56,.64,1) scale-in;position:relative}.win-screen__title,.game-over__title{margin-bottom:.35rem;font-size:1.5rem;font-weight:700}.win-screen__subtitle,.game-over__subtitle{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem}.win-screen__stars{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.win-screen__star{color:#d1d5db;animation:.5s backwards star-pop}.win-screen__star:first-child{animation-delay:.2s}.win-screen__star:nth-child(2){animation-delay:.35s}.win-screen__star:nth-child(3){animation-delay:.5s}.win-screen__star--filled{color:#fbbf24}.win-screen__actions,.game-over__actions{flex-direction:column;gap:.5rem;display:flex}.win-screen__actions .btn,.game-over__actions .btn{justify-content:center;width:100%;padding:.75rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}.confetti{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.confetti__particle{border-radius:2px;animation:linear forwards confetti-fall;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@media (width>=480px){.game-shell{max-width:480px;margin:0 auto}}@media (width>=768px){.game-app{justify-content:center;padding-bottom:0}.game-shell{width:100%;max-width:560px;padding:max(.5rem, env(safe-area-inset-top)) 1rem .25rem 1rem;flex:1;gap:.35rem;overflow:hidden}.game-dock{width:100%;max-width:560px;box-shadow:none;border-top:1px solid var(--border);padding:.25rem 1rem max(.5rem, env(safe-area-inset-bottom));background:0 0;flex-shrink:0;margin:0 auto;position:static}.game-secondary-bar{max-width:360px}.game-header__title{font-size:1.5rem}.game-primary-bar{gap:.5rem;padding:.5rem}.action-btn{min-height:3rem;padding:.5rem .6rem}.action-btn__label{font-size:.75rem}.action-btn__sub{font-size:.65rem}.game-secondary-bar .icon-btn{flex-direction:column;gap:.1rem;width:auto;min-width:3.25rem;height:auto;min-height:2.5rem;padding:.3rem .45rem}.game-secondary-bar .icon-btn__label{color:var(--text-muted);font-size:.55rem;font-weight:600;line-height:1;display:block}.game-shell__grid{flex:1;justify-content:center;align-items:center;min-height:0;margin-top:0;overflow:hidden}.grid-board{flex-shrink:1;width:100%;max-width:min(400px,100dvh - 11rem);min-height:0;margin:0 auto;padding:.3rem}.grid-board__inner{aspect-ratio:1/.92;width:100%;max-height:min(52vh,100dvh - 11rem)}.tile{aspect-ratio:auto;height:100%;min-height:0}.tile__value{font-size:clamp(1rem,2.5vmin,1.75rem)}.sum-indicator{font-size:.7rem}.sum-indicator__value{font-size:.85rem}}@media (width<=360px){.game-primary-bar{gap:.25rem;padding:.3rem}.action-btn__label{font-size:.62rem}.game-secondary-bar{gap:.25rem;padding:.3rem}.game-header__stat-value{font-size:1rem}.icon-btn svg{width:20px;height:20px}}