:root{--grad-top:#16a9b9;--grad-bottom:#0a7c8c;--accent:#f6a724;--selection:#f6a724d9;--ink:#16323a;--ink-soft:#6a7b82;--surface:#fff;--cell-tile:#fafcfc;--cell-tile-alt:#eff5f6;--star:#f6a724;--font:"Baloo 2", "Trebuchet MS", system-ui, sans-serif;--shadow-e1:0 2px 6px #0b25301a;--shadow-e2:0 6px 14px #0b253024;--shadow-e3:0 12px 24px #0b253038}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg, var(--grad-top), var(--grad-bottom)) fixed;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0}#app{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}button{font-family:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:2px solid #fff}.topbar{width:100%;max-width:560px;padding:calc(env(safe-area-inset-top) + 10px) 14px 6px;justify-content:space-between;align-items:center;display:flex}.topbar__side{align-items:center;gap:6px;display:flex}.top-btn{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .12s;display:flex}.top-btn:active{background:#ffffff52}.top-btn--sound-on{color:#d7ffe9}.top-btn--bulb{color:gold}.coins{color:gold;cursor:pointer;background:#ffffff29;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:16px;font-weight:700;display:inline-flex}.coins__count{color:#fff}.ios-btn{color:#ffffffe6;border:1px solid #fff6;border-radius:999px;align-items:center;gap:4px;padding:6px 11px;font-size:12px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}.ios-btn:hover,.ios-btn:active{background:#ffffff2e}.ios-btn__arrow{font-size:11px}.stage{flex-direction:column;flex:1;align-items:center;width:100%;max-width:560px;min-height:0;padding:4px 10px 0;display:flex;overflow-y:auto}.chips-card{background:var(--surface);width:100%;box-shadow:var(--shadow-e1);border-radius:18px;padding:8px}.chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.chips__chip{background:var(--accent);color:#fff;font-family:var(--font);cursor:default;border:none;border-radius:10px;margin:0;padding:5px 12px;font-size:19px;font-weight:700;line-height:1.2}.chips__chip--found{opacity:.6;cursor:pointer;text-decoration:line-through}.selected-pill{background:var(--surface);min-height:46px;box-shadow:var(--shadow-e2);letter-spacing:1px;color:var(--ink);opacity:0;border-radius:999px;margin:10px 0 6px;padding:11px 22px;font-size:24px;font-weight:800;transition:opacity .12s,transform .12s,background .2s;transform:scale(.9)}.selected-pill--show{opacity:1;transform:scale(1)}.selected-pill--success{background:#64ff64b3;animation:.4s pill-bounce}@keyframes pill-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.15)}}.board-wrap{justify-content:center;width:100%;display:flex}.board{background:var(--surface);box-shadow:var(--shadow-e2);touch-action:none;border-radius:24px;position:relative}.board--shake{animation:.4s board-shake}@keyframes board-shake{0%,to{transform:translate(0)}12.5%,62.5%{transform:translate(-10px)}37.5%,87.5%{transform:translate(10px)}}.board__layer{pointer-events:none;position:absolute;inset:0}.board__tile{position:absolute}.board__tile--a{background:var(--cell-tile)}.board__tile--b{background:var(--cell-tile-alt)}.board__pill{position:absolute}.board__pill--in{animation:.3s pill-in}@keyframes pill-in{0%{opacity:.2}to{opacity:1}}.board__hint{background:#ffd7008c;border:2px solid orange;position:absolute}.board__letter{color:var(--ink);z-index:2;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.board__letter--found{color:#fff;font-weight:800}.board__letter--pop{animation:.22s letter-pop}@keyframes letter-pop{0%,to{transform:scale(1)}45%{transform:scale(1.16)}}.board__letter--flash{animation:.9s backwards letter-flash}@keyframes letter-flash{0%{color:#fff}25%{color:#ff6b35}50%{color:#4ecdc4}75%{color:gold}to{color:#fff}}.menu{width:100%;max-width:560px;min-height:66px;padding:6px 8px calc(env(safe-area-inset-bottom) + 6px);background:var(--surface);border-radius:24px 24px 0 0;justify-content:space-around;align-items:center;display:flex;box-shadow:0 -6px 14px #0b253024}.menu__btn{min-width:48px;height:48px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex;position:relative}.menu__btn:active{color:var(--accent);background:#f6a7241f}.menu__btn--lang{letter-spacing:.5px;font-size:17px;font-weight:800}.menu__badge{background:var(--accent);color:#fff;border-radius:999px;min-width:18px;padding:1px 5px;font-size:11px;font-weight:700;position:absolute;top:2px;right:0}.sheet-backdrop{z-index:20;opacity:0;background:#0d1c2173;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed;inset:0}.sheet-backdrop--open{opacity:1}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:78vh;box-shadow:var(--shadow-e3);padding:8px 16px calc(env(safe-area-inset-bottom) + 20px);border-radius:24px 24px 0 0;transition:transform .22s;overflow-y:auto;transform:translateY(24px)}.sheet-backdrop--open .sheet{transform:translateY(0)}.sheet__head{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.sheet__title{margin:0;font-size:20px;font-weight:700}.sheet__close{background:var(--cell-tile-alt);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border:none;border-radius:999px;font-size:15px}.sheet__row{width:100%;color:var(--ink);font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;padding:13px 10px;font-size:17px;font-weight:600;display:flex}.sheet__row:active{background:var(--cell-tile-alt)}.sheet__row-lead{font-size:22px}.sheet__row-label{flex:1}.sheet__row-check{color:var(--accent);font-weight:800}.sheet__swatch{border:1px solid #00000014;border-radius:999px;width:26px;height:26px}.sheet__empty,.sheet__about,.sheet__count{color:var(--ink-soft);margin:8px 4px 14px;font-size:15px;line-height:1.5}.sheet__chips{flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.sheet__chip{background:var(--accent);color:#fff;font-family:var(--font);cursor:pointer;border:none;border-radius:10px;padding:5px 12px;font-size:16px;font-weight:700}.sheet__links{flex-direction:column;display:flex}.sheet__links a{color:var(--ink);border-bottom:1px solid var(--cell-tile-alt);padding:12px 4px;font-weight:600;text-decoration:none}.toast{bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:30;color:#fff;opacity:0;pointer-events:none;background:#16323aeb;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;left:50%;transform:translate(-50%,10px)}.toast--in{opacity:1;transform:translate(-50%)}.win-backdrop{z-index:25;-webkit-backdrop-filter:blur(10px);opacity:0;background:#0d1c2173;justify-content:center;align-items:center;padding:24px;transition:opacity .25s;display:flex;position:fixed;inset:0}.win-backdrop--open{opacity:1}.win-card{background:var(--surface);width:100%;max-width:340px;box-shadow:var(--shadow-e3);text-align:center;border-radius:24px;padding:24px;transition:transform .32s cubic-bezier(.22,1.2,.36,1);transform:translateY(60px)}.win-backdrop--open .win-card{transform:translateY(0)}.win-card__badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.win-card__title{margin:0;font-size:24px;font-weight:800}.win-card__subtitle{color:var(--ink-soft);margin:6px 0 16px;font-size:15px}.win-card__stats{justify-content:center;gap:28px;margin-bottom:18px;display:flex}.win-card__stat{flex-direction:column;display:flex}.win-card__stat strong{font-size:24px;font-weight:800}.win-card__stat span{color:var(--ink-soft);font-size:13px}.win-card__next{background:var(--accent);color:#fff;width:100%;font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-e1);border:none;border-radius:999px;padding:14px;font-size:17px;font-weight:700}.win-card__next:active{filter:brightness(.94)}.win-card__size{width:100%;color:var(--ink-soft);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:999px;margin-top:8px;padding:12px;font-size:15px;font-weight:600}.next-bar{bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:15;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;position:fixed;left:50%;transform:translate(-50%,16px)}.next-bar--show{opacity:1;pointer-events:auto;transform:translate(-50%)}.next-bar__btn{background:var(--accent);color:#fff;font-family:var(--font);cursor:pointer;box-shadow:var(--shadow-e2);border:none;border-radius:999px;padding:12px 24px;font-size:16px;font-weight:700}.confetti{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti__p{animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(var(--spin,720deg));opacity:.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}