:root{--bg:#fff4e0;--bg-deep:#ffe7c2;--text:#2d2440;--text-soft:#6b5e8a;--purple:#7c5cfc;--pink:#ff5c8a;--yellow:#ffd15c;--blue:#5cc8ff;--green:#6fe3a0;--tile-radius:28px;--shadow:0 10px 24px #7c5cfc2e;--shadow-press:0 4px 10px #7c5cfc38;--font:"Baloo 2", "Comic Sans MS", "Segoe UI Rounded", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font);color:var(--text);background:linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{flex-direction:column;min-height:100vh;display:flex}[hidden]{display:none!important}button{cursor:pointer;touch-action:manipulation;border:none;font-family:inherit}button:focus-visible,.tile:focus-visible{outline:4px solid var(--purple);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shelf{flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;padding:28px 20px 48px;display:flex}.shelf__header{text-align:center;margin-bottom:20px}.shelf__title{color:var(--purple);text-shadow:0 3px #ffffffb3;margin:0;font-size:clamp(2rem,9vw,3rem)}.shelf__subtitle{color:var(--text-soft);margin:10px 0 0;font-size:1.15rem;font-weight:600}.shelf__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-top:16px;display:grid}.tile{--tile-color:var(--purple);aspect-ratio:1;border-radius:var(--tile-radius);background:var(--tile-color);color:#fff;min-height:128px;box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:transform .15s,box-shadow .15s;display:flex}.tile:hover{transform:translateY(-4px)scale(1.03)}.tile:active{box-shadow:var(--shadow-press);transform:scale(.96)}.tile__emoji{font-size:3rem;line-height:1}.tile__title{text-align:center;padding:0 10px;font-size:1.15rem;font-weight:800}.game-view{z-index:10;background:linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);flex-direction:column;display:flex;position:fixed;inset:0}.game-view__back{color:var(--purple);box-shadow:var(--shadow);background:#fff;border-radius:999px;align-self:flex-start;margin:14px;padding:12px 20px;font-size:1rem;font-weight:800;transition:transform .1s}.game-view__back:active{box-shadow:var(--shadow-press);transform:scale(.97)}.game-view__container{flex:1;position:relative;overflow:hidden}.game-error,.game-loading{text-align:center;height:100%;color:var(--text);justify-content:center;align-items:center;padding:24px;font-size:1.4rem;font-weight:700;display:flex}.game-loading{animation:0s linear .3s both game-loading-appear}@keyframes game-loading-appear{0%{visibility:hidden}to{visibility:visible}}.shelf__settings{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.shelf__difficulty{background:#fff9;border-radius:999px;gap:6px;padding:4px;display:flex}.shelf__difficulty-btn{color:var(--text-soft);background:0 0;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:700;transition:transform .1s}.shelf__difficulty-btn.is-active{background:var(--purple);color:#fff}.shelf__difficulty-btn:active{transform:scale(.95)}.shelf__mute-btn{background:#fff9;border-radius:999px;width:40px;height:40px;font-size:1.1rem;transition:transform .1s}.shelf__mute-btn:active{transform:scale(.92)}@keyframes juice-shake-kf{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px,2px)}40%,60%{transform:translate(4px,-2px)}}.juice-shake{animation:.4s juice-shake-kf}@keyframes juice-squash-kf{0%{transform:scale(1)}30%{transform:scale(1.18,.82)}55%{transform:scale(.92,1.1)}to{transform:scale(1)}}.juice-squash{animation:.22s juice-squash-kf}.signin-overlay{z-index:50;background:#28143c73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.signin-card{border-radius:var(--tile-radius,22px);width:100%;max-width:360px;box-shadow:var(--shadow,0 10px 30px #0003);background:#fff;padding:26px 24px 24px;position:relative}.signin-card__close{background:var(--bg,#f3eefc);width:36px;height:36px;color:var(--text-soft,#6b5b8a);border-radius:999px;font-size:1rem;font-weight:800;position:absolute;top:12px;right:12px}.signin-card__title{color:var(--purple,#7c4dff);margin:0 0 6px;font-size:1.4rem}.signin-card__hint{color:var(--text-soft,#6b5b8a);margin:0 0 18px;font-size:.95rem;font-weight:600}.signin-form{flex-direction:column;gap:6px;display:flex}.signin-form__label{color:var(--text,#38294f);margin-top:8px;font-size:.9rem;font-weight:800}.signin-form__input{border:2px solid var(--bg-deep,#e4d8fb);background:var(--bg,#f7f3ff);border-radius:14px;padding:12px 14px;font-size:1rem}.signin-form__input:focus{border-color:var(--purple,#7c4dff);outline:none}.signin-form__error{color:#d23c5a;margin-top:10px;font-size:.9rem;font-weight:700}.signin-form__submit{background:var(--purple,#7c4dff);color:#fff;box-shadow:var(--shadow,0 6px 16px #7c4dff66);border-radius:999px;margin-top:18px;padding:14px;font-size:1.05rem;font-weight:800;transition:transform .1s}.signin-form__submit:active{transform:scale(.97)}.signin-form__submit:disabled{opacity:.6}.shelf__account{color:var(--text-soft,#6b5b8a);justify-content:center;align-items:center;gap:10px;margin-top:14px;font-weight:700;display:flex}.shelf__account-btn{color:var(--purple,#7c4dff);box-shadow:var(--shadow,0 4px 12px #0000001f);background:#fff;border-radius:999px;padding:8px 16px;font-size:.95rem;font-weight:800}.shelf__account-btn:active{transform:scale(.97)}.trophy-shelf{border-radius:var(--tile-radius);box-shadow:var(--shadow);background:#fff9;margin:18px 0 4px;padding:14px 16px}.trophy-shelf__stars{color:var(--purple);margin-bottom:10px;font-size:1rem;font-weight:800}.trophy-shelf__row{-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:2px;display:flex;overflow-x:auto}.trophy-shelf__trophy{background:#ffffffb3;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:4px;width:76px;padding:8px 4px;display:flex}.trophy-shelf__trophy.is-locked{opacity:.45;filter:grayscale(.4)}.trophy-shelf__emoji{font-size:1.8rem;line-height:1}.trophy-shelf__label{text-align:center;color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.68rem;font-weight:700;overflow:hidden}