@font-face{font-family:"Baloo 2";src:url(fonts/Baloo2-Variable.woff2) format("woff2-variations"),url(fonts/Baloo2-Variable.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(fonts/Nunito-Variable.woff2) format("woff2-variations"),url(fonts/Nunito-Variable.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}:root{--font-display: "Baloo 2", ui-rounded, "SF Pro Rounded", "Segoe UI", "Nunito", system-ui, -apple-system, sans-serif;--font-body: "Nunito", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--bg-top: #eafff2;--bg-bottom: #b8ecc9;--ink: #204034;--ink-soft: #4d6a5d;--card: #ffffff;--line: #2b3a34;--n1: #449193;--n1-dk: #397a7b;--n2: #ad8437;--n2-dk: #916f2e;--n3: #ba7b97;--n3-dk: #9c677f;--n4: #d86556;--n4-dk: #b55548;--n5: #6e9952;--n5-dk: #5c8145;--pos: #449193;--neg: #d86556;--shadow: 0 6px 0 rgba(0, 0, 0, .14)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;font-family:var(--font-body);background:radial-gradient(circle at 50% 0%,var(--bg-top),var(--bg-bottom) 75%);color:var(--ink);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none}.stage{position:fixed;top:50%;left:50%;width:460px;display:flex;flex-direction:column;transition:transform .15s ease}.board-area{display:flex;flex-direction:column;padding:calc(5px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}#preloader{position:fixed;inset:0;z-index:999;background:radial-gradient(circle at 50% 35%,#d6ffe6,#93dcaf 80%);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s ease,visibility .6s ease}#preloader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-badges{display:flex;gap:10px;margin-bottom:26px}.loader-badge{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:22px;color:#fff;box-shadow:var(--shadow);animation:badgeBounce 1.1s ease-in-out infinite}.loader-badge:nth-child(1){background:var(--n3);animation-delay:0s}.loader-badge:nth-child(2){background:var(--n2);animation-delay:.12s}.loader-badge:nth-child(3){background:var(--n5);animation-delay:.24s}.loader-badge:nth-child(4){background:var(--n4);animation-delay:.36s}.loader-badge:nth-child(5){background:var(--n1);animation-delay:.48s}@keyframes badgeBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-16px)}}.loader-title{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--ink);letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.loader-sub{font-size:13px;color:var(--ink-soft);margin-bottom:22px;font-weight:700}.loader-track{width:200px;height:10px;border-radius:999px;background:#20403426;overflow:hidden}.loader-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--n1),var(--n5));transition:width .18s ease}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.brand{display:flex;flex-direction:column}.brand-name{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--ink);text-transform:uppercase}.brand-tag{font-size:11px;font-weight:700;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}.icon-btn{width:48px;height:48px;border-radius:12px;border:none;background:#fff;box-shadow:0 3px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;color:var(--ink);transition:transform .12s ease}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #0000001f}.header-actions{display:flex;gap:6px}.icon-btn:focus-visible,.modal-btn:focus-visible,.close-x:focus-visible,.chip:focus-visible,.tile:focus-visible{outline:3px solid #2b6cff;outline-offset:2px}.chip.chip-selected{transform:scale(1.12);box-shadow:0 0 0 3px #2b6cff,0 5px #00000029}.score-card{background:var(--card);border-radius:18px;padding:5px 18px;text-align:center;box-shadow:var(--shadow);margin-bottom:16px;position:relative;overflow:hidden}.stat-value.bump{transform:scale(1.18);color:var(--n5-dk)}.score-fx{position:fixed;font-family:var(--font-display);font-weight:800;color:var(--n5-dk);font-size:16px;pointer-events:none;animation:floatUp .9s ease forwards}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.8)}to{opacity:0;transform:translateY(-40px) scale(1.15)}}.score-card.celebrate{animation:recordGlow 1.1s ease}@keyframes recordGlow{0%{box-shadow:0 0 #f0b84ce6,var(--shadow);transform:scale(1)}35%{transform:scale(1.05)}60%{box-shadow:0 0 0 16px #f0b84c00,var(--shadow)}to{box-shadow:var(--shadow);transform:scale(1)}}.confetti-piece{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:650;animation:confettiBurst .9s cubic-bezier(.25,.8,.35,1) forwards}@keyframes confettiBurst{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.score-card{display:flex;align-items:center;flex-wrap:wrap;row-gap:4px;gap:12px;padding:10px 18px}.stat{display:flex;align-items:baseline;gap:8px}.stat-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;margin:0}.stat-value{font-family:var(--font-display);font-size:1.3rem;font-weight:800;color:var(--ink);white-space:nowrap;margin:0}.stat-best .stat-value{color:var(--ink-soft);font-weight:700}.stat-best{margin-left:auto}.grid-wrap{background:#ffffff59;border-radius:24px;padding:12px;box-shadow:inset 0 0 0 2px #ffffff80;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tile{position:relative;aspect-ratio:1/1;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:clamp(20px,6vw,28px);color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.35),1px -1px 0 rgba(0,0,0,.35),-1px 1px 0 rgba(0,0,0,.35),1px 1px 0 rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.25);box-shadow:var(--shadow);transition:background .18s ease,transform .12s ease;cursor:pointer;will-change:transform}.tile:after{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,#ffffff47,#fff0 55%);pointer-events:none}.tile.n1{background:var(--n1);box-shadow:0 6px 0 var(--n1-dk)}.tile.n2{background:var(--n2);box-shadow:0 6px 0 var(--n2-dk)}.tile.n3{background:var(--n3);box-shadow:0 6px 0 var(--n3-dk)}.tile.n4{background:var(--n4);box-shadow:0 6px 0 var(--n4-dk)}.tile.n5{background:var(--n5);box-shadow:0 6px 0 var(--n5-dk)}.tile.dropready{transform:scale(1.08);filter:brightness(1.1)}.tile.pulse{animation:pulseTile .32s ease}@keyframes pulseTile{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.tile.clearing{animation:clearTile .38s ease forwards}@keyframes clearTile{0%{transform:scale(1) rotate(0);opacity:1}60%{transform:scale(1.25) rotate(8deg);opacity:.8}to{transform:scale(0) rotate(20deg);opacity:0}}.tile.popin{animation:popIn .34s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.tray-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tray-heading span{font-size:12px;font-weight:800;color:var(--ink-soft);letter-spacing:1px}.chip-count{background:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800;color:var(--ink);box-shadow:0 2px #0000001a}.tray{position:relative;background:#ffffff59;border-radius:20px;padding:12px 14px;box-shadow:inset 0 0 0 2px #ffffff80;height:90px}.tray-track{position:relative;display:flex;flex-wrap:nowrap;gap:12px;padding:2px 4px;overflow-x:auto;overflow-y:hidden;justify-content:center;justify-content:safe center}.tray-track{scrollbar-width:none}.tray-track::-webkit-scrollbar{height:5px}.tray-track::-webkit-scrollbar-track{background:transparent}.tray-track::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.tray-track:hover::-webkit-scrollbar-thumb,.tray-track:active::-webkit-scrollbar-thumb{background:var(--n1)}.chip{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.35),1px -1px 0 rgba(0,0,0,.35),-1px 1px 0 rgba(0,0,0,.35),1px 1px 0 rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.25);cursor:grab;position:relative;z-index:2;box-shadow:0 5px #00000029;touch-action:pan-x;transition:transform .15s ease}.chip.pos{background:var(--pos)}.chip.neg{background:var(--neg)}.chip.dragging{position:fixed;z-index:500;pointer-events:none;box-shadow:0 10px 18px #00000040;transform:scale(1.15)}.chip.newchip{animation:chipEnter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes chipEnter{0%{transform:translate(-26px) scale(.3);opacity:0}70%{transform:translate(2px) scale(1.1);opacity:1}to{transform:translate(0) scale(1)}}.chip.usedfade{animation:chipUsed .28s ease forwards}@keyframes chipUsed{to{opacity:0;transform:scale(.3)}}.chip.bonus-offer{background:linear-gradient(160deg,var(--n2),var(--n2-dk));cursor:pointer;font-size:14px;animation:chipEnter .4s cubic-bezier(.34,1.56,.64,1),bonusPulse 1.8s ease-in-out .5s infinite}.chip.bonus-offer.loading{opacity:.55;pointer-events:none;animation:none}@keyframes bonusPulse{0%,to{box-shadow:0 5px 0 var(--n2-dk),0 0 #f0b84c80}50%{box-shadow:0 5px 0 var(--n2-dk),0 0 0 6px #f0b84c00}}.tray-empty-msg{font-size:12px;font-weight:700;color:var(--ink-soft);text-align:center;padding:10px 0;flex:1 1 auto;width:100%}.overlay{position:fixed;inset:0;background:#1428208c;display:flex;align-items:center;justify-content:center;z-index:600;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.show{opacity:1;pointer-events:auto}.modal{background:#fff;border-radius:24px;max-width:380px;width:100%;box-shadow:0 20px 40px #00000040;transform:translateY(16px) scale(.96);transition:transform .28s cubic-bezier(.34,1.56,.64,1);max-height:86vh;max-height:86dvh;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal-head{flex:0 0 auto;padding:26px 24px 4px;position:relative}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 24px;scrollbar-width:thin;scrollbar-color:var(--n1) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--n1);border-radius:999px}.modal-foot{flex:0 0 auto;padding:12px 24px 24px}.overlay.show .modal{transform:translateY(0) scale(1)}.modal h2{font-family:var(--font-display);font-size:24px;margin:0 0 4px;color:var(--ink)}#goOverlay .modal h2{text-transform:uppercase}.modal p{font-size:14px;line-height:1.55;color:var(--ink-soft);margin:8px 0}.htp-row{display:flex;align-items:center;gap:12px;margin:14px 0;background:#f4fbf6;border-radius:14px;padding:10px 12px}.htp-icon{width:40px;height:40px;border-radius:12px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--n1)}.htp-row:nth-child(1) .htp-icon{background:var(--n1)}.htp-row:nth-child(2) .htp-icon{background:var(--n3)}.htp-row:nth-child(3) .htp-icon{background:var(--n5)}.htp-row p{margin:0;font-size:13px}.htp-row strong{color:var(--ink)}.modal-btn{width:100%;border:none;border-radius:14px;padding:14px;font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff;background:var(--n1);box-shadow:0 5px 0 var(--n1-dk);cursor:pointer;margin-top:8px;transition:transform .12s ease}.modal-btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--n1-dk)}.modal-btn.secondary{background:#eef6f0;color:var(--ink);box-shadow:0 5px #d7e6da;margin-top:10px}.modal-btn.ad-btn{background:var(--n2);box-shadow:0 5px 0 var(--n2-dk)}.modal-btn.ad-btn:active{box-shadow:0 2px 0 var(--n2-dk)}.modal-btn:disabled{opacity:.6;cursor:default;pointer-events:none}.close-x{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;color:var(--ink-soft);cursor:pointer}.pause-modal{text-align:center}.go-score{text-align:center;font-family:var(--font-display);font-weight:800;font-size:40px;margin:6px 0 0}.go-best{text-align:center;font-size:13px;color:var(--ink-soft);font-weight:700;margin-bottom:6px;text-transform:uppercase}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(10px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;opacity:0;transition:all .25s ease;z-index:700;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition-duration:1ms!important}}