@font-face{font-family:Fredoka;src:url(./fredoka-DOQG_Jwn.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}:root{--bg-1: #1b1238;--bg-2: #0e0a22;--panel: rgba(255, 255, 255, .05);--text: #f4f0ff;--text-dim: #a99fce;--gold: #ffce3a;--accent: #b06bff;--accent-2: #ff4d6b;--font: "Fredoka", "Trebuchet MS", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,#34206b 0%,transparent 60%),radial-gradient(800px 500px at 90% 110%,#3d1140 0%,transparent 55%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto}#hud{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) 18px 6px;min-height:64px}.hud-block{display:flex;flex-direction:column;min-width:86px}.hud-right{align-items:flex-end}.hud-center{align-items:center;flex:1}.hud-label{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.hud-value{font-size:28px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}#hud-moves.low{color:var(--accent-2);animation:pulse-low .9s ease-in-out infinite}@keyframes pulse-low{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.hud-chain{font-size:18px;font-weight:600;color:var(--gold);opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.hud-chain.show{opacity:1;transform:scale(1)}#board-wrap{flex:1;position:relative;min-height:0}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;opacity:1;transition:opacity .3s ease,visibility .3s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}#screen-title{background:radial-gradient(900px 500px at 50% -10%,#3b2579 0%,transparent 60%),linear-gradient(180deg,#221647,#0e0a22)}#screen-over{background:#0a061ac7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.title-inner{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;animation:rise-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes rise-in{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.logo{text-align:center;font-weight:700;font-size:clamp(52px,16vw,76px);line-height:.95;letter-spacing:.01em;display:flex;flex-direction:column}.logo span{background:linear-gradient(180deg,#ffe9a8 0%,var(--gold) 55%,#ff9d3d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.logo .logo-2{background:linear-gradient(180deg,#e2c8ff 0%,var(--accent) 55%,#6d3df0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.title-gems{display:flex;gap:6px;align-items:center}.title-gems canvas{width:44px;height:44px;animation:gem-bob 2.2s ease-in-out infinite}.title-gems canvas:nth-child(2){animation-delay:.15s}.title-gems canvas:nth-child(3){animation-delay:.3s}.title-gems canvas:nth-child(4){animation-delay:.45s}.title-gems canvas:nth-child(5){animation-delay:.6s}.title-gems canvas:nth-child(6){animation-delay:.75s}@keyframes gem-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tagline{color:var(--text-dim);font-size:16px;font-weight:500}.howto{color:var(--text-dim);font-size:13px;font-weight:400}.best-line{color:var(--gold);font-size:15px;font-weight:600;min-height:1.2em}.credit{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));color:#a99fce80;font-size:12px}.btn{font-family:var(--font);font-weight:600;border:none;border-radius:18px;cursor:pointer;color:#2b1606;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.btn-big{font-size:24px;padding:16px 64px;background:linear-gradient(180deg,#ffe9a8 0%,var(--gold) 60%,#ffb13d 100%);box-shadow:0 6px #b97f14,0 12px 24px #00000073}.btn-big:active{transform:translateY(4px);box-shadow:0 2px #b97f14,0 6px 14px #00000073}.btn-ghost{font-size:17px;padding:12px 36px;background:#ffffff17;color:var(--text);box-shadow:inset 0 0 0 1.5px #ffffff38}.btn-ghost:active{transform:translateY(2px);background:#ffffff29}.over-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 44px;border-radius:28px;background:linear-gradient(180deg,#3a286eeb,#1e1440eb);box-shadow:inset 0 1px #ffffff2e,0 24px 60px #00000080;animation:pop-in .4s cubic-bezier(.34,1.56,.64,1);margin:0 20px}@keyframes pop-in{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.over-title{font-size:40px;font-weight:700;background:linear-gradient(180deg,#ffd9e1 0%,var(--accent-2) 70%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.over-label{margin-top:6px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.over-score{font-size:52px;font-weight:700;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}.over-best{font-size:15px;font-weight:600;color:var(--text-dim);min-height:1.3em}.over-best.record{color:var(--gold);animation:pulse-low .8s ease-in-out infinite}.over-buttons{display:flex;flex-direction:column;gap:12px;margin-top:16px;align-items:center}.mute-btn{position:fixed;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:20;width:42px;height:42px;border-radius:50%;border:none;font-size:18px;background:#ffffff17;box-shadow:inset 0 0 0 1.5px #ffffff2e;cursor:pointer;transition:transform .1s ease}.mute-btn:active{transform:scale(.88)}.mute-btn.muted{opacity:.55}