@font-face{font-family:'KenneyFuture';src:url('fonts/KenneyFuture.ttf') format('truetype');font-weight:normal;font-style:normal}*{box-sizing:border-box}*,*::before,*::after{user-select:none;-webkit-user-select:none;-ms-user-select:none}html,body{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;touch-action:manipulation}button,img,canvas,div{-webkit-touch-callout:none}img{-webkit-user-drag:none;user-drag:none}audio{display:none!important}::-webkit-media-controls{display:none!important}html,body{margin:0;padding:0;height:100%;overflow:hidden;scrollbar-width:none;touch-action:none;overscroll-behavior:none;font-family:"Segoe UI",Arial,sans-serif}body{background-color:white}body{padding-bottom:env(safe-area-inset-bottom,4vmin)}#rotate-warning{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;text-align:center;padding:1em;z-index:9999}#game-wrapper{display:flex;flex-direction:column;height:100%;max-width:100%;max-height:100%;background:white;overflow:hidden;padding-bottom:20px}body::-webkit-scrollbar{display:none}.top-panel,.bottom-buttons{flex-shrink:0}.top-panel-container{max-width:600px;margin:0 auto}.top-panel-container{display:flex;justify-content:space-between;align-items:center;padding:0 4%;color:#014f86;background-color:white;border-radius:0 0 10px 10px}.top-panel .currency,.top-panel .best{display:flex;align-items:center;font-size:vmin;gap:10px;font-weight:bold}.top-panel .currency img,.top-panel .best img{width:4vmin;height:4vmin;margin-left:1vmin}.top-panel .score-large{font-size:6vmin;font-weight:bold}.game-container{flex:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:5px}.grid-container{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);grid-template-rows:repeat(var(--grid-size),1fr);aspect-ratio:1 / 1;width:100%;height:auto;gap:1vmin;max-width:100%;max-height:100%;box-sizing:border-box;position:relative;background:radial-gradient(circle at center,#014f86,#2c7da0);border-radius:5px;padding:1vmin}@media (min-aspect-ratio:7/10) and (max-aspect-ratio:9/10){.grid-container{width:85%}}@media screen and (orientation:landscape),screen and (min-aspect-ratio:4/5){.grid-container{width:auto;height:100%}}.cell{display:flex;align-items:center;justify-content:center;background-color:white;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);border-radius:5px;z-index:1}.cell{position:relative;width:100%}.tile{width:100%;height:100%;border-radius:12px;transform:translate(0,0);transition:transform .15s ease;z-index:10;display:flex;justify-content:center;align-items:center}.grid-container.interactive-cursor .tile{cursor:pointer}.grid-container.interactive-cursor .tile{transition:transform .2s,box-shadow .2s}.grid-container.interactive-cursor .tile:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(249,217,118,.6)}.cell::before{content:"";display:block;padding-bottom:100%}.tile{position:absolute;inset:0;width:100%;height:100%}.tile-animation-layer{position:absolute;top:0;left:0;width:var(--tile-size);height:var(--tile-size);pointer-events:none;z-index:100}.animation-tile{width:100%;height:100%;border-radius:12px;position:absolute;pointer-events:none;z-index:100}@media (orientation:portrait){}.tile-inner{width:100%;height:100%;border-radius:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:center;align-items:center}.tile-sprite{width:85%;height:85%;background-size:contain;background-repeat:no-repeat;background-position:center}.tile-level{display:flex;align-items:center;justify-content:center;background:rgba(109,38,38,.4);color:white;padding:0 6px 0 10px;border-radius:7px;position:absolute;bottom:.9vmin;right:.9vmin;font-family:'KenneyFuture',sans-serif;font-size:5vmin;font-weight:bold}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.1)}100%{transform:scale(1)}}.dice.pop{animation:pop .2s ease}.overlay{position:absolute;top:1%;left:1%;width:98%;height:98%;background:rgba(55,42,27,.85);z-index:20;display:flex;justify-content:center;align-items:center;border-radius:16px}.overlay.hidden{display:none}.overlay-content{text-align:center;color:#fff6e5}.overlay-content h1{font-size:12svmin;margin-bottom:1vmin}.overlay-content p{font-size:8vmin;margin-bottom:3vmin}.overlay-content button{font-size:6vmin;padding:3vmin 6vmin;border:none;border-radius:8px;background:#f6b73c;color:white;font-weight:bold;cursor:pointer;transition:background .2s ease}.overlay-content button:hover{background:#e09e20}.bottom-buttons{margin-top:5vmin}.bottom-buttons-container{display:flex;justify-content:center;align-items:center;gap:1vmin}.icon-button{position:relative;background:none;border:none;padding:1vmin;border-radius:50%;background-color:#fdf3dd;box-shadow:0 4px 8px rgba(0,0,0,.2);cursor:pointer;width:12vmin;height:auto;display:flex;justify-content:center;align-items:center;transition:transform .1s ease;aspect-ratio:1 / 1}@media screen and (max-aspect-ratio:3/4){.icon-button{width:18%;padding:1px}}.icon-button:hover{transform:scale(1.1)}.icon-button:active{background-color:#ccc;transform:scale(.98)}.icon-button img{width:100%;height:100%;object-fit:contain}.tile-destroying{z-index:100;animation:destroyTile .4s ease-out forwards}@keyframes destroyTile{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2) rotate(5deg);opacity:.7}100%{transform:scale(0) rotate(-10deg);opacity:0}}.tile.destroying{animation:shake .25s ease-in-out,explode 1s ease-in-out .25s forwards;z-index:20}@keyframes shake{0%{transform:translate(0,0) scale(1) rotate(0deg);opacity:1}10%{transform:translate(-2px,1px) scale(1.05) rotate(2deg)}20%{transform:translate(2px,-2px) scale(1.05) rotate(-2deg)}30%{transform:translate(-2px,2px) rotate(2deg)}40%{transform:translate(2px,-1px) rotate(-2deg)}50%{transform:translate(-1px,2px) rotate(1deg)}60%{transform:translate(1px,-1px) rotate(-1deg)}70%{transform:translate(0,0) rotate(0deg)}85%{transform:scale(1.2) rotate(10deg);opacity:.8}100%{transform:scale(0) rotate(90deg);opacity:0}}@keyframes explode{0%{opacity:1;transform:scale(1);filter:brightness(1)}100%{opacity:0;transform:scale(2);filter:brightness(3)}}.particle{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#3f3f3f,#0c0b0b);border-radius:50%;box-shadow:0 0 8px gold;pointer-events:none;z-index:9999}@keyframes pulse{0%{box-shadow:0 0 2vmin rgba(255,215,0,.7)}50%{box-shadow:0 0 1vmin rgb(253,253,253)}100%{box-shadow:0 0 2vmin rgba(255,215,0,.7)}}@keyframes ulsulse-red{0%{box-shadow:0 0 3vmin rgba(244,71,8,.7)}50%{box-shadow:0 0 4vmin rgba(255,50,50,.9)}100%{box-shadow:0 0 3vmin rgba(244,71,8,.7)}}.dice.selected{animation:ulsulse-red 1s infinite;transform:scale(.9);z-index:20}.destroy-panel,.swap-panel,.helper-panel{position:absolute;top:0;left:0;width:100%;height:17vmin;background:rgba(0,180,216,.95);display:flex;align-items:center;justify-content:center;gap:2vmin;font-size:4vmin;font-weight:bold;color:#5c4633;z-index:30;pointer-events:auto}.destroy-panel.hidden,.swap-panel.hidden{display:none}.cat-icon{height:10vmin;width:auto}.helper-panel-1{position:absolute;top:0;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.9);padding:1vmin 2vmin;border-radius:1vmin;text-align:center;z-index:10;box-shadow:0 0 1vmin rgba(0,0,0,.2);display:flex;align-items:center;gap:1vmin}.helper-panel.hidden{display:none}.helper-panel img.helper-img{height:10vmin;width:auto}@keyframes popup-glow{0%{box-shadow:0 0 1.5vmin rgba(255,215,100,.6)}50%{box-shadow:0 0 3vmin rgba(255,215,100,1)}100%{box-shadow:0 0 1.5vmin rgba(255,215,100,.6)}}#settings-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(55,42,27,.9);z-index:100;display:flex;justify-content:center;align-items:center}#settings-overlay.hidden{display:none}.settings-content{background:#fdf3dd;background:linear-gradient(135deg,#468faf,#89c2d9);border-radius:2vmin;padding:5vmin 4vmin;text-align:center;display:flex;flex-direction:column;gap:3vmin;align-items:center;box-shadow:0 0 2vmin rgba(0,0,0,.3);border-width:5px;max-width:80%}.settings-content button{width:100%;display:flex;align-items:center;gap:2vmin;font-size:5vmin;padding:2vmin 4vmin;background:radial-gradient(circle at center,#3b7b96,#1972b1);color:white;font-weight:bold;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease}.icon-wrapper{position:relative}#go-destroy,#go-swap,#go-undo,#no-currency-watch-ad,#watch-ad-btn{background:radial-gradient(circle at center,#2c7da0,#014f86);animation:pulse 2s infinite}#go-restart{font-size:4.4vmin}.settings-content button:hover{background:#e09e20;background:linear-gradient(135deg,#023e8a,#03045e);transform:scale(1.1)}.settings-content button:active{background-color:#ccc;transform:scale(.98)}.settings-content button img{width:6vmin;height:6vmin}.settings-content .actions-row{display:flex;justify-content:center;gap:2vmin}#go-undo,#go-destroy,#go-swap{border:none;padding:0;margin:0 1vmin;cursor:pointer}.icon-wrapper{width:12vmin;height:12vmin;display:flex;align-items:center;justify-content:center}.actions-row .icon-wrapper img{width:80%;height:auto;object-fit:contain}#go-undo,#go-destroy,#go-swap{display:inline-block}.settings-cat{width:15vmin;height:auto}@keyframes pulse-cat{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.gradient-text{background:linear-gradient(to bottom,#f9d976,#f39f86);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.reward-label{position:absolute;bottom:-1vmin;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:rgba(255,255,255,.7);padding:.5vmin 1vmin;border-radius:1vmin;font-size:2vmin;font-weight:bold;box-shadow:0 .3vmin .6vmin rgba(0,0,0,.2);z-index:2}.reward-label img{width:2vmin;height:2vmin;margin-right:.5vmin}#game-over-overlay .reward-label{bottom:.1vmin;background:rgba(255,255,255,.5)}#game-over-overlay .reward-label img{width:1.9vmin;height:1.9vmin}#game-over-overlay .reward-label span.price{color:rgb(26,25,25)}.reward-amount{color:#ff4d4d;font-weight:bold;text-shadow:0 0 1vmin rgba(255,0,0,.4)}@media screen and (max-aspect-ratio:3/4){.reward-label{font-size:3vmin}.reward-label img{width:3vmin;height:3vmin}}#game-over-overlay p,#game-over-overlay img{margin:0}.game-stats{margin:3vmin 0;padding:5vmin 2vmin;width:100%;background:radial-gradient(circle at center,#3b7b96,#1972b1);border-radius:2vmin;color:#03045e;font-size:4vmin;font-weight:bold;display:grid;grid-template-columns:auto auto auto;gap:1vmin 2vmin;justify-content:center;text-align:left}.label-col,.colon-col,.value-col{display:flex;flex-direction:column;gap:1vmin}.colon-col{text-align:center;width:1em}.value-col{display:flex;flex-direction:column;gap:1vmin;align-items:flex-end;text-align:right}.win-particle{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#ffcc00,#ff0080);border-radius:50%;pointer-events:none;z-index:9999}.game-container.display-level .tile::after,.game-container.display-level .animation-tile::after{content:attr(data-level)}.game-container.display-value .tile::after,.game-container.display-value .animation-tile::after{content:attr(data-value)}.tile::after,.animation-tile::after{position:absolute;font-size:5vmin;font-weight:bold;color:white;pointer-events:none;background:rgba(109,38,38,.4);padding:0 6px 0 10px;border-radius:7px;bottom:.9vmin;right:.9vmin;font-family:'KenneyFuture',sans-serif;font-size:5vmin;font-weight:bold}.game-container.display-value .tile::after,.game-container.display-value .animation-tile::after{font-weight:normal;padding:0 0 0 7px;bottom:.5vmin;right:.5vmin}.game-container div::after{font-size:4vmin}.game-container.display-value .len-3::after,.game-container.display-value .len-4::after,.game-container.display-value .len-5::after{font-size:3vmin}.game-container.display-value .len-6::after{font-size:2.7vmin}@media (max-width:768px){.game-container div::after{font-size:7vmin}.game-container.display-value .len-1::after{font-size:8vmin}.game-container.display-value .len-2::after,.game-container.display-value .len-3::after{font-size:7vmin}.game-container.display-value .len-4::after,.game-container.display-value .len-5::after{font-size:5vmin}}.setting-row{width:100%;font-size:5vmin;padding:2vmin 4vmin;background:radial-gradient(circle at center,#3b7b96,#1972b1);color:white;font-weight:bold;border:none;border-radius:12px;cursor:pointer}.select-wrapper{position:relative;width:100%;background:radial-gradient(circle at center,#3b7b96,#1972b1);border-radius:12px;padding:1.5vmin 4vmin;overflow:hidden;transition:background .2s ease}.select-wrapper:hover{background:linear-gradient(135deg,#023e8a,#03045e)}.select-wrapper select{position:absolute;inset:0;opacity:0;z-index:2;cursor:pointer;width:100%;height:100%}#display-mode-fake{display:block;font-size:5vmin;font-weight:bold;z-index:1;pointer-events:none;background-image:linear-gradient(to bottom,#f9d976,#f39f86);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.select-arrow{position:absolute;right:2vmin;top:50%;transform:translateY(-50%);color:white;z-index:1;font-size:4vmin}@media screen and (min-aspect-ratio:4/5){.settings-content button{gap:2vmin;font-size:4vmin;padding:1vmin 3vmin}.setting-row{font-size:4vmin;padding:1vmin 3vmin}.select-wrapper{font-size:4vmin;padding:1vmin 3vmin}#display-mode-fake{font-size:4vmin}}.heart{position:absolute;width:24px;height:24px;background-image:url("images/heart.png");background-size:cover;pointer-events:none;z-index:1000}.pulse-cat{animation:pulse-cat 2s infinite ease-in-out}.clickable{cursor:pointer}.tile-sprite{filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.dice{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:90%;height:90%;padding:12%;background:#fff;border-radius:12px;position:relative;box-sizing:border-box}.animation-dice{margin:5%;position:absolute;pointer-events:none;z-index:100}.dice .dot{width:65%;height:65%;background:#000;border-radius:50%;justify-self:center;align-self:center;display:none;position:relative}.dice-1 .dot:nth-child(1){grid-column:2;grid-row:2;display:block}.dice-2 .dot:nth-child(1){grid-column:1;grid-row:1;display:block}.dice-2 .dot:nth-child(2){grid-column:3;grid-row:3;display:block}.dice-3 .dot:nth-child(1){grid-column:1;grid-row:1;display:block}.dice-3 .dot:nth-child(2){grid-column:2;grid-row:2;display:block}.dice-3 .dot:nth-child(3){grid-column:3;grid-row:3;display:block}.dice-4 .dot:nth-child(1){grid-column:1;grid-row:1;display:block}.dice-4 .dot:nth-child(2){grid-column:3;grid-row:1;display:block}.dice-4 .dot:nth-child(3){grid-column:1;grid-row:3;display:block}.dice-4 .dot:nth-child(4){grid-column:3;grid-row:3;display:block}.dice-5 .dot:nth-child(1){grid-column:1;grid-row:1;display:block}.dice-5 .dot:nth-child(2){grid-column:3;grid-row:1;display:block}.dice-5 .dot:nth-child(3){grid-column:2;grid-row:2;display:block}.dice-5 .dot:nth-child(4){grid-column:1;grid-row:3;display:block}.dice-5 .dot:nth-child(5){grid-column:3;grid-row:3;display:block}.dice-7 .dot:nth-child(1),.dice-6 .dot:nth-child(1){grid-column:1;grid-row:1;display:block}.dice-7 .dot:nth-child(2),.dice-6 .dot:nth-child(2){grid-column:1;grid-row:2;display:block}.dice-7 .dot:nth-child(3),.dice-6 .dot:nth-child(3){grid-column:1;grid-row:3;display:block}.dice-7 .dot:nth-child(4),.dice-6 .dot:nth-child(4){grid-column:3;grid-row:1;display:block}.dice-7 .dot:nth-child(5),.dice-6 .dot:nth-child(5){grid-column:3;grid-row:2;display:block}.dice-7 .dot:nth-child(6),.dice-6 .dot:nth-child(6){grid-column:3;grid-row:3;display:block}