@font-face{font-family:Clear Sans;src:url(./ClearSans-Light-webfont-77ef51b0.eot);src:url(./ClearSans-Light-webfont-77ef51b0.eot?#iefix) format("embedded-opentype"),url(./ClearSans-Light-webfont-5080487c.svg#clear_sans_lightregular) format("svg"),url(./ClearSans-Light-webfont-465697ff.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Clear Sans;src:url(./ClearSans-Regular-webfont-4d1fe136.eot);src:url(./ClearSans-Regular-webfont-4d1fe136.eot?#iefix) format("embedded-opentype"),url(./ClearSans-Regular-webfont-5d7fbc7a.svg#clear_sansregular) format("svg"),url(./ClearSans-Regular-webfont-8c94cd2f.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Clear Sans;src:url(./ClearSans-Bold-webfont-820a4c29.eot);src:url(./ClearSans-Bold-webfont-820a4c29.eot?#iefix) format("embedded-opentype"),url(./ClearSans-Bold-webfont-a669c919.svg#clear_sansbold) format("svg"),url(./ClearSans-Bold-webfont-b16e36cc.woff) format("woff");font-weight:700;font-style:normal}:root{--field-width: 500px;--grid-gap: 15px;--grid-size: 4;--grid-size-max: 5;--tile-size: calc( calc(var(--field-width) - calc(var(--grid-gap) * calc(var(--grid-size) + 1))) / var(--grid-size) );--tile-border-radius: 3px;--action-btn-color: #f9f6f2;--break-button-background-false: #c00;--break-button-color-false: #222;--break-button-background-true: #0c0;--break-button-color-true: #ddd}html,body{margin:0;padding:0;min-height:100vh;background:#131313;color:#776e65;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;font-size:18px;font-display:swap;background-attachment:fixed;background-repeat:no-repeat;background-position:top center;accent-color:var(--button-background)}.noscript{background-color:#8f7a66;color:#faf8ef;position:fixed;top:0;left:0;right:0;text-align:center}.noscript p{margin:0}.heading:after{content:"";display:block;clear:both}.countdown-div{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:350px;padding-top:320px}.countdown{font-size:80px}h1.title{font-size:45px;font-weight:700;margin:0;display:block;float:left;transition:.25s color}h1.title.dark{color:#e6d2bf}@keyframes popdown{0%{margin-top:-50vh;opacity:0}to{margin-top:0;opacity:1}}@keyframes darken{0%{opacity:0}to{opacity:1}}.lb-popup{background-color:#0006;z-index:200;position:fixed;left:0;top:0;width:100%;height:100%;animation-name:darken;animation-duration:.4s;display:flex;justify-content:center;align-items:center}.lb-popup-container{background-color:#faf8ef;min-width:min(450px,100vw);margin:0;animation-name:popdown;animation-duration:.4s;border-radius:6px}.lb-header{padding:0 20px;display:-webkit-flex;display:flex;justify-content:space-between}.lb-buttons{display:-webkit-flex;display:flex;padding-top:17px}.lb-buttons *{text-decoration:none;font-size:30px}.lb-buttons img{padding:10px 10px 0 0;width:30px;height:30px}.lb-content{margin:0;padding:0 20px 20px}.lb-stats{padding-left:0;counter-reset:leaderboard}.lb-stat{display:-webkit-flex;display:flex;justify-content:space-between}.lb-stat:not(:last-child){margin-bottom:10px}.lb-stat .lb-stat-label:before{counter-increment:leaderboard;content:counter(leaderboard) ". "}.form-title-container{display:flex}.tooltip{position:relative;display:inline-block;padding-left:5px}.tooltip .tooltiptext{visibility:hidden;width:120px;background-color:#555353;color:#fff;text-align:center;padding:5px;border-radius:6px;font-size:small;position:absolute;z-index:1}.tooltip:hover .tooltiptext,.tooltip:active .tooltiptext{visibility:visible}.tooltip .tooltiptext{width:120px;bottom:100%;left:50%;margin-left:-60px}.form-container hr{padding:0;margin:0 0 20px}.closerhr{padding:15px 0}.name-form-title{margin:0 0 10px}.name-form{display:-webkit-flex;display:flex;justify-content:space-between}.form-container{margin-bottom:20px}.name-form-container{padding-bottom:10px}.lb-error{color:red;font-size:small}.lb-disclaimer{padding-top:25px;font-size:small;text-align:center}.underbar-container{display:-webkit-flex;display:flex;width:100%;margin-top:.5em;gap:1em}.underbar-container .button-container{display:flex;gap:.5em}.kurin-palautus-container{justify-content:center;flex:1;display:-webkit-flex;display:flex;text-align:center;min-height:30px;position:relative}.kurin-palautus{background-color:#c00;cursor:pointer;width:fit-content;transition:1s background,1s color;display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:.5em .3em}.HAC-container{position:relative;background:#bbada0;padding:15px;font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:3px;color:#fff;text-align:center}.HAC-container:after{content:"HAC";position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}.HAC-status{cursor:default}.parin-kulautus{text-transform:uppercase;padding:0 1em;margin-bottom:0;text-decoration:none;color:#eee;font-size:11px;letter-spacing:.055em;transition:1s background,1s color}.disclaimer{margin-top:60px;font-size:small;text-align:center}.disclaimer p{margin-bottom:20px}.discord{margin-top:40px;font-size:small;text-align:center}@-webkit-keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}@-moz-keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}@keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}.scores-container{float:right;text-align:right;margin-bottom:20px;min-width:20px;max-width:50%}.score-container,.best-container{position:relative;background:#bbada0;padding:15px 20px;font-size:20px;height:25px;line-height:47px;font-weight:700;border-radius:3px;color:#fff;text-align:center;flex:1;min-width:50px}.score-container:after,.best-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#eee4da}.score-container .score-addition,.best-container .score-addition{position:absolute;right:30px;color:red;font-size:25px;line-height:25px;font-weight:700;color:#776e65e6;z-index:100;-webkit-animation:move-up .6s ease-in;-moz-animation:move-up .6s ease-in;animation:move-up .6s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.score-container:after{content:var(--c, "Arvosana")}.best-container:after{content:var(--c, "Paras Halla")}p{margin-top:0;margin-bottom:10px;line-height:1.65}a{color:#776e65;font-weight:700;text-decoration:underline;cursor:pointer}strong.important{text-transform:uppercase}hr{border:none;border-bottom:1px solid #d8d4d0;margin-top:20px;margin-bottom:30px}.container{width:500px;margin:0 auto;padding-top:40px}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@-moz-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-moz-keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fade-in-out{0%{opacity:0}50%{opacity:1}to{opacity:0}}.tile-2 .tile-inner{background-image:url(/img/2.webp)}.tile-4 .tile-inner{background-image:url(/img/4.webp)}.tile-8 .tile-inner{background-image:url(/img/8.webp)}.tile-16 .tile-inner{background-image:url(/img/16.webp)}.tile-32 .tile-inner{background-image:url(/img/32.webp)}.tile-64 .tile-inner{background-image:url(/img/64.webp)}.tile-128 .tile-inner{background-image:url(/img/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.tile-256 .tile-inner{background-image:url(/img/256.webp);box-shadow:0 0 15px -4px #fffb62}.tile-512 .tile-inner{background-image:url(/img/512.webp);box-shadow:0 0 15px -3px #ffa600}.tile-1024 .tile-inner{background-image:url(/img/1024.webp);box-shadow:0 0 15px -1px #5000ff}.tile-2048 .tile-inner{background-image:url(/img/2048.webp);box-shadow:0 0 15px #ff4646}.tile-4096 .tile-inner{background-image:url(/img/4096.webp);box-shadow:0 0 15px #ff9b00}.tile-8192 .tile-inner{background-image:url(/img/8192.webp);box-shadow:0 0 15px #00ff13}.tile-16384 .tile-inner{background-image:url(/img/16384.webp);box-shadow:0 0 15px 1px #ffc600}.tile-32768 .tile-inner{background-image:url(/img/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.game-container .kurin-palautus-viesti{width:94%;position:absolute;top:25px;display:-webkit-flex;display:flex;justify-content:center;z-index:1000;pointer-events:none}.game-container .kurin-palautus-viesti img{width:300px;-webkit-animation:fade-in-out 4s ease-out;-moz-animation:fade-in-out 4s ease-out;animation:fade-in-out 4s ease-out;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.game-container{margin-top:40px;margin-left:auto;margin-right:auto;position:relative;padding:var(--grid-gap);cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;touch-action:none;background:#bbada0;transition:all .25s;border-radius:6px;width:500px;height:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,.8);z-index:100;text-align:center;-webkit-animation:fade-in .8s ease 1.2s;-moz-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.game-container .game-message p{line-height:60px;font-weight:700;text-shadow:0 0 1em var(--background)}.game-container .game-message .tilanne{font-size:60px;margin-top:180px}.game-container .game-message .kurinpalautukset{font-size:20px}.game-container .game-message .lower{display:block;margin-top:59px}.game-container .game-message a{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2!important;height:40px;line-height:42px;flex:content;margin-left:9px}.game-container .game-message a.keep-playing-button{display:none}.game-container .game-message .button{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2!important;height:40px;line-height:42px;flex:content;margin-left:9px}.game-container .game-message .button.keep-playing-button{display:none}.game-container .game-message.game-won{background:rgba(237,194,46,.5);color:#f9f6f2}.game-container .game-message.game-won .keep-playing-button{display:inline-block}.game-container .game-message.game-won,.game-container .game-message.game-over{display:block}.grid-container{position:absolute;z-index:1;overflow:hidden;display:grid;grid-template-rows:repeat(var(--grid-size-max),var(--tile-size));grid-template-columns:repeat(var(--grid-size-max),var(--tile-size));gap:var(--grid-gap);height:calc(100% - var(--grid-gap) * 2);width:calc(100% - var(--grid-gap) * 2);transition:all .25s}.grid-row{display:grid;grid-template-columns:repeat(var(--grid-size),var(--tile-size));gap:var(--grid-gap);overflow:hidden}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{width:var(--tile-size);height:var(--tile-size);margin-right:var(--grid-gap);transition:all .25s;border-radius:var(--tile-border-radius);background:rgba(238,228,218,.35)}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{width:var(--tile-size);height:var(--tile-size);line-height:var(--tile-size);image-rendering:auto}.tile.tile-position-1-1{--x: 1;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-2{--x: 1;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-3{--x: 1;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-4{--x: 1;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-5{--x: 1;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-6{--x: 1;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-7{--x: 1;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-8{--x: 1;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-9{--x: 1;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-10{--x: 1;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-1{--x: 2;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-2{--x: 2;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-3{--x: 2;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-4{--x: 2;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-5{--x: 2;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-6{--x: 2;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-7{--x: 2;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-8{--x: 2;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-9{--x: 2;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-10{--x: 2;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-1{--x: 3;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-2{--x: 3;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-3{--x: 3;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-4{--x: 3;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-5{--x: 3;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-6{--x: 3;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-7{--x: 3;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-8{--x: 3;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-9{--x: 3;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-10{--x: 3;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-1{--x: 4;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-2{--x: 4;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-3{--x: 4;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-4{--x: 4;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-5{--x: 4;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-6{--x: 4;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-7{--x: 4;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-8{--x: 4;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-9{--x: 4;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-10{--x: 4;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-1{--x: 5;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-2{--x: 5;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-3{--x: 5;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-4{--x: 5;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-5{--x: 5;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-6{--x: 5;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-7{--x: 5;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-8{--x: 5;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-9{--x: 5;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-10{--x: 5;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-1{--x: 6;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-2{--x: 6;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-3{--x: 6;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-4{--x: 6;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-5{--x: 6;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-6{--x: 6;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-7{--x: 6;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-8{--x: 6;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-9{--x: 6;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-10{--x: 6;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-1{--x: 7;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-2{--x: 7;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-3{--x: 7;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-4{--x: 7;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-5{--x: 7;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-6{--x: 7;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-7{--x: 7;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-8{--x: 7;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-9{--x: 7;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-10{--x: 7;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-1{--x: 8;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-2{--x: 8;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-3{--x: 8;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-4{--x: 8;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-5{--x: 8;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-6{--x: 8;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-7{--x: 8;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-8{--x: 8;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-9{--x: 8;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-10{--x: 8;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-1{--x: 9;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-2{--x: 9;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-3{--x: 9;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-4{--x: 9;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-5{--x: 9;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-6{--x: 9;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-7{--x: 9;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-8{--x: 9;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-9{--x: 9;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-10{--x: 9;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-1{--x: 10;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-2{--x: 10;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-3{--x: 10;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-4{--x: 10;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-5{--x: 10;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-6{--x: 10;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-7{--x: 10;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-8{--x: 10;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-9{--x: 10;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-10{--x: 10;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile{position:absolute;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform}.tile .tile-inner{background-image:url(../../../img/tile_unknown.png);border-radius:3px;text-align:center;font-weight:700;z-index:10;font-size:55px;background-size:cover}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes appear{0%{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.tile-new .tile-inner{-webkit-animation:appear .2s ease .1s;-moz-animation:appear .2s ease .1s;animation:appear .2s ease .1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}@-webkit-keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-moz-keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@keyframes pop{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.tile-merged .tile-inner{z-index:20;-webkit-animation:pop .2s ease .1s;-moz-animation:pop .2s ease .1s;animation:pop .2s ease .1s;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;animation-fill-mode:backwards}.new-above-game{display:-webkit-flex;display:flex;gap:1em}.above-game-left{display:-webkit-flex;display:flex;flex-direction:column;flex:1}.above-game-left p{float:left;line-height:42px;margin-bottom:0;font-size:smaller}.above-game-right{display:-webkit-flex;display:flex;flex-direction:row;gap:.5em;flex:1;flex-wrap:wrap;align-content:center}.above-game:after{content:"";display:block;clear:both}.restart-button{display:inline-block;background:#8f7a66;border-radius:3px;text-decoration:none;color:#f9f6f2!important;height:40px;line-height:42px;flex:content;text-align:center;display:flex;overflow:hidden;padding:0;height:50px;line-height:52px}.restart-button .uusi-jakso{transition:all .25s ease;transform:translate(0);flex:1;overflow:hidden}.restart-button .size-selector{transform:translate(100%);transition:all .25s ease;flex:0;overflow:hidden;padding:2px;display:-webkit-flex;display:flex}.restart-button .size-selector button{flex:1;font-size:1em;border:none;border-radius:3px;margin:3px;cursor:pointer;overflow:hidden;background:#ddd;color:#000}.restart-button .size-selector button:hover{background:#ccc}.restart-button .size-selector button.restart-4x4:after{content:"oletus";display:block;line-height:40%;font-size:75%;margin-top:-1.5px}.restart-button .size-selector button.restart-3x3:after{content:" ";display:block;line-height:40%;font-size:75%;margin-top:-1.5px}.restart-button.open .uusi-jakso{transform:translate(-100%);flex:0}.restart-button.open .size-selector{transform:translate(0);flex:1}.pwa-add-button{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2!important;height:40px;line-height:42px;flex:content}.game-explanation{margin-top:50px}@media screen and (max-width: 520px){:root{--field-width: 320px;--grid-gap: 10px;--tile-border-radius: 3px}html,body{font-size:15px;padding:0;margin:0;background-image:none!important}h1.title{font-size:38px;margin-top:15px;max-width:50%;word-wrap:normal}.container{width:320px;margin:0 auto;padding:20px 0}.heading{margin-bottom:10px}.game-container{margin-top:17px;margin-left:auto;margin-right:auto;position:relative;padding:var(--grid-gap);cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-ms-touch-action:none;touch-action:none;background:#bbada0;transition:all .25s;border-radius:6px;width:320px;height:320px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.game-container .game-message{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(238,228,218,.8);z-index:100;text-align:center;-webkit-animation:fade-in .8s ease 1.2s;-moz-animation:fade-in .8s ease 1.2s;animation:fade-in .8s ease 1.2s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.game-container .game-message p{line-height:60px;font-weight:700;text-shadow:0 0 1em var(--background)}.game-container .game-message .tilanne{font-size:60px;margin-top:180px}.game-container .game-message .kurinpalautukset{font-size:20px}.game-container .game-message .lower{display:block;margin-top:59px}.game-container .game-message a{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2!important;height:40px;line-height:42px;flex:content;margin-left:9px}.game-container .game-message a.keep-playing-button{display:none}.game-container .game-message .button{display:inline-block;background:#8f7a66;border-radius:3px;padding:0 20px;text-decoration:none;color:#f9f6f2!important;height:40px;line-height:42px;flex:content;margin-left:9px}.game-container .game-message .button.keep-playing-button{display:none}.game-container .game-message.game-won{background:rgba(237,194,46,.5);color:#f9f6f2}.game-container .game-message.game-won .keep-playing-button{display:inline-block}.game-container .game-message.game-won,.game-container .game-message.game-over{display:block}.grid-container{position:absolute;z-index:1;overflow:hidden;display:grid;grid-template-rows:repeat(var(--grid-size-max),var(--tile-size));grid-template-columns:repeat(var(--grid-size-max),var(--tile-size));gap:var(--grid-gap);height:calc(100% - var(--grid-gap) * 2);width:calc(100% - var(--grid-gap) * 2);transition:all .25s}.grid-row{display:grid;grid-template-columns:repeat(var(--grid-size),var(--tile-size));gap:var(--grid-gap);overflow:hidden}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{width:var(--tile-size);height:var(--tile-size);margin-right:var(--grid-gap);transition:all .25s;border-radius:var(--tile-border-radius);background:rgba(238,228,218,.35)}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{width:var(--tile-size);height:var(--tile-size);line-height:var(--tile-size);image-rendering:auto}.tile.tile-position-1-1{--x: 1;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-2{--x: 1;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-3{--x: 1;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-4{--x: 1;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-5{--x: 1;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-6{--x: 1;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-7{--x: 1;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-8{--x: 1;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-9{--x: 1;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-1-10{--x: 1;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-1{--x: 2;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-2{--x: 2;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-3{--x: 2;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-4{--x: 2;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-5{--x: 2;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-6{--x: 2;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-7{--x: 2;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-8{--x: 2;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-9{--x: 2;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-2-10{--x: 2;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-1{--x: 3;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-2{--x: 3;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-3{--x: 3;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-4{--x: 3;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-5{--x: 3;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-6{--x: 3;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-7{--x: 3;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-8{--x: 3;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-9{--x: 3;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-3-10{--x: 3;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-1{--x: 4;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-2{--x: 4;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-3{--x: 4;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-4{--x: 4;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-5{--x: 4;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-6{--x: 4;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-7{--x: 4;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-8{--x: 4;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-9{--x: 4;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-4-10{--x: 4;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-1{--x: 5;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-2{--x: 5;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-3{--x: 5;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-4{--x: 5;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-5{--x: 5;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-6{--x: 5;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-7{--x: 5;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-8{--x: 5;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-9{--x: 5;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-5-10{--x: 5;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-1{--x: 6;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-2{--x: 6;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-3{--x: 6;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-4{--x: 6;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-5{--x: 6;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-6{--x: 6;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-7{--x: 6;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-8{--x: 6;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-9{--x: 6;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-6-10{--x: 6;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-1{--x: 7;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-2{--x: 7;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-3{--x: 7;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-4{--x: 7;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-5{--x: 7;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-6{--x: 7;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-7{--x: 7;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-8{--x: 7;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-9{--x: 7;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-7-10{--x: 7;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-1{--x: 8;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-2{--x: 8;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-3{--x: 8;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-4{--x: 8;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-5{--x: 8;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-6{--x: 8;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-7{--x: 8;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-8{--x: 8;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-9{--x: 8;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-8-10{--x: 8;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-1{--x: 9;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-2{--x: 9;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-3{--x: 9;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-4{--x: 9;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-5{--x: 9;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-6{--x: 9;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-7{--x: 9;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-8{--x: 9;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-9{--x: 9;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-9-10{--x: 9;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-1{--x: 10;--y: 1;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-2{--x: 10;--y: 2;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-3{--x: 10;--y: 3;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-4{--x: 10;--y: 4;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-5{--x: 10;--y: 5;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-6{--x: 10;--y: 6;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-7{--x: 10;--y: 7;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-8{--x: 10;--y: 8;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-9{--x: 10;--y: 9;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile.tile-position-10-10{--x: 10;--y: 10;--xpos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--x) - 1));--ypos: calc(calc(var(--tile-size) + var(--grid-gap)) * calc(var(--y) - 1));-webkit-transform:translate(var(--xpos),var(--ypos));-moz-transform:translate(var(--xpos),var(--ypos));-ms-transform:translate(var(--xpos),var(--ypos));transform:translate(var(--xpos),var(--ypos))}.tile .tile-inner{font-size:35px}.game-message a{padding:0 10px!important}.game-message .tilanne{font-size:40px!important;height:30px!important;line-height:30px!important;margin-top:90px!important}.game-message .kurinpalautukset{font-size:20px!important}.game-message .lower{margin-top:10px!important}.game-message .lower .keep-playing-button{margin-bottom:10px!important}.game-container .kurin-palautus-viesti{top:20px}.game-container .kurin-palautus-viesti img{width:170px}.underbar-container .button-container{gap:.2em}}.theme-0 .color-button img{filter:invert(86%) sepia(34%) saturate(170%) hue-rotate(341deg) brightness(97%) contrast(86%)}.theme-1 .color-button img{filter:invert(43%) sepia(4%) saturate(922%) hue-rotate(349deg) brightness(99%) contrast(93%)}.theme-3 .color-button img{filter:invert(79%) sepia(81%) saturate(3152%) hue-rotate(347deg) brightness(101%) contrast(91%)}.theme-5 .color-button{--color: #3f3b37}.theme-14 .color-button img{filter:invert(86%) sepia(34%) saturate(170%) hue-rotate(341deg) brightness(97%) contrast(86%)}.theme-4,.theme-5{image-rendering:pixelated}.theme-0 .tile-2 .tile-inner{background-image:url(../../../img/theme-0/2.webp)}.theme-0 .tile-4 .tile-inner{background-image:url(../../../img/theme-0/4.webp)}.theme-0 .tile-8 .tile-inner{background-image:url(../../../img/theme-0/8.webp)}.theme-0 .tile-16 .tile-inner{background-image:url(../../../img/theme-0/16.webp)}.theme-0 .tile-32 .tile-inner{background-image:url(../../../img/theme-0/32.webp)}.theme-0 .tile-64 .tile-inner{background-image:url(../../../img/theme-0/64.webp)}.theme-0 .tile-128 .tile-inner{background-image:url(../../../img/theme-0/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-0 .tile-256 .tile-inner{background-image:url(../../../img/theme-0/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-0 .tile-512 .tile-inner{background-image:url(../../../img/theme-0/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-0 .tile-1024 .tile-inner{background-image:url(../../../img/theme-0/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-0 .tile-2048 .tile-inner{background-image:url(../../../img/theme-0/2048.webp);box-shadow:0 0 15px #ff4646}.theme-0 .tile-4096 .tile-inner{background-image:url(../../../img/theme-0/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-0 .tile-8192 .tile-inner{background-image:url(../../../img/theme-0/8192.webp);box-shadow:0 0 15px #00ff13}.theme-0 .tile-16384 .tile-inner{background-image:url(../../../img/theme-0/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-0 .tile-32768 .tile-inner{background-image:url(../../../img/theme-0/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-0{--color-scheme: dark;color-scheme:var(--color-scheme, "light");--background: #161817;--background-inverted: #e9e7e8;--color: #776e65;--color: #eee;--container-background: #faf8ef;--container-background: #3e3933;--button-background: #8f7a66;--button-background: #365ca6;background:#161817}.theme-0 .parin-kulautus,.theme-0 .kurin-palautus{background:#a63636;color:#ddd}.theme-0 .parin-kulautus.allowed,.theme-0 .kurin-palautus.allowed{background:#49a636;color:#dfdfdf}.theme-0 body{background-image:url(../../../img/theme-0/OispaHallaTausta.webp);color:#eee;background-color:#161817}.theme-0 body a{color:#e6d2bf}.theme-0 body .lb-popup-container{background-color:#3e3933}.theme-0 body .game-container,.theme-0 body .score-container,.theme-0 body .best-container,.theme-0 body .HAC-container{background:#3e3933}.theme-0 body .game-message.game-over{background:rgba(22,24,23,.8)}.theme-0 body .restart-button,.theme-0 body .lower>*{background:#365ca6!important}.theme-1 .tile-2 .tile-inner{background-image:url(../../../img/theme-1/2.webp)}.theme-1 .tile-4 .tile-inner{background-image:url(../../../img/theme-1/4.webp)}.theme-1 .tile-8 .tile-inner{background-image:url(../../../img/theme-1/8.webp)}.theme-1 .tile-16 .tile-inner{background-image:url(../../../img/theme-1/16.webp)}.theme-1 .tile-32 .tile-inner{background-image:url(../../../img/theme-1/32.webp)}.theme-1 .tile-64 .tile-inner{background-image:url(../../../img/theme-1/64.webp)}.theme-1 .tile-128 .tile-inner{background-image:url(../../../img/theme-1/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-1 .tile-256 .tile-inner{background-image:url(../../../img/theme-1/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-1 .tile-512 .tile-inner{background-image:url(../../../img/theme-1/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-1 .tile-1024 .tile-inner{background-image:url(../../../img/theme-1/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-1 .tile-2048 .tile-inner{background-image:url(../../../img/theme-1/2048.webp);box-shadow:0 0 15px #ff4646}.theme-1 .tile-4096 .tile-inner{background-image:url(../../../img/theme-1/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-1 .tile-8192 .tile-inner{background-image:url(../../../img/theme-1/8192.webp);box-shadow:0 0 15px #00ff13}.theme-1 .tile-16384 .tile-inner{background-image:url(../../../img/theme-1/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-1 .tile-32768 .tile-inner{background-image:url(../../../img/theme-1/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-1{--color-scheme: light;color-scheme:var(--color-scheme, "light");--background: #faf8ef;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66;background:#faf8ef}.theme-1 .parin-kulautus,.theme-1 .kurin-palautus{background:#cc0000;color:#ddd}.theme-1 .parin-kulautus.allowed,.theme-1 .kurin-palautus.allowed{background:#00cc00;color:#dfdfdf}.theme-1 body{background-image:url(../../../img/theme-1/OispaHallaTausta.webp);background-color:#faf8ef}.theme-1 body .game-message.game-over{background:rgba(250,248,239,.8)}.theme-1 body .restart-button,.theme-1 body .lower>*{background:!important}.theme-2 .tile-2 .tile-inner{background-image:url(../../../img/theme-2/2.webp)}.theme-2 .tile-4 .tile-inner{background-image:url(../../../img/theme-2/4.webp)}.theme-2 .tile-8 .tile-inner{background-image:url(../../../img/theme-2/8.webp)}.theme-2 .tile-16 .tile-inner{background-image:url(../../../img/theme-2/16.webp)}.theme-2 .tile-32 .tile-inner{background-image:url(../../../img/theme-2/32.webp)}.theme-2 .tile-64 .tile-inner{background-image:url(../../../img/theme-2/64.webp)}.theme-2 .tile-128 .tile-inner{background-image:url(../../../img/theme-2/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-2 .tile-256 .tile-inner{background-image:url(../../../img/theme-2/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-2 .tile-512 .tile-inner{background-image:url(../../../img/theme-2/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-2 .tile-1024 .tile-inner{background-image:url(../../../img/theme-2/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-2 .tile-2048 .tile-inner{background-image:url(../../../img/theme-2/2048.webp);box-shadow:0 0 15px #ff4646}.theme-2 .tile-4096 .tile-inner{background-image:url(../../../img/theme-2/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-2 .tile-8192 .tile-inner{background-image:url(../../../img/theme-2/8192.webp);box-shadow:0 0 15px #00ff13}.theme-2 .tile-16384 .tile-inner{background-image:url(/img/theme-2/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-2 .tile-32768 .tile-inner{background-image:url(/img/theme-2/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-2{--color-scheme: dark;color-scheme:var(--color-scheme, "light");--background: #161817;--background-inverted: #e9e7e8;--color: #776e65;--color: #eee;--container-background: #faf8ef;--container-background: #3e3933;--button-background: #8f7a66;--button-background: #974f23;background:#161817}.theme-2 .parin-kulautus,.theme-2 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-2 .parin-kulautus.allowed,.theme-2 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-2 body{background-image:url(../../../img/theme-2/OispaHallaTausta.webp);color:#eee;background-color:#161817}.theme-2 body a{color:#e6d2bf}.theme-2 body .lb-popup-container{background-color:#3e3933}.theme-2 body .game-container,.theme-2 body .score-container,.theme-2 body .best-container,.theme-2 body .HAC-container{background:#3e3933}.theme-2 body .game-message.game-over{background:rgba(22,24,23,.8)}.theme-2 body .restart-button,.theme-2 body .lower>*{background:#974f23!important}.theme-3 .tile-2 .tile-inner{background-image:url(../../../img/theme-3/2.webp)}.theme-3 .tile-4 .tile-inner{background-image:url(../../../img/theme-3/4.webp)}.theme-3 .tile-8 .tile-inner{background-image:url(../../../img/theme-3/8.webp)}.theme-3 .tile-16 .tile-inner{background-image:url(../../../img/theme-3/16.webp)}.theme-3 .tile-32 .tile-inner{background-image:url(../../../img/theme-3/32.webp)}.theme-3 .tile-64 .tile-inner{background-image:url(../../../img/theme-3/64.webp)}.theme-3 .tile-128 .tile-inner{background-image:url(../../../img/theme-3/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-3 .tile-256 .tile-inner{background-image:url(../../../img/theme-3/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-3 .tile-512 .tile-inner{background-image:url(../../../img/theme-3/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-3 .tile-1024 .tile-inner{background-image:url(../../../img/theme-3/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-3 .tile-2048 .tile-inner{background-image:url(../../../img/theme-3/2048.webp);box-shadow:0 0 15px #ff4646}.theme-3 .tile-4096 .tile-inner{background-image:url(../../../img/theme-3/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-3 .tile-8192 .tile-inner{background-image:url(../../../img/theme-3/8192.webp);box-shadow:0 0 15px #00ff13}.theme-3 .tile-16384 .tile-inner{background-image:url(../../../img/theme-3/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-3 .tile-32768 .tile-inner{background-image:url(/img/theme-3/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-3{--color-scheme: dark;color-scheme:var(--color-scheme, "light");--background: #460811;--background-inverted: #b9f7ee;--color: #776e65;--color: #dfdfdf;--container-background: #faf8ef;--container-background: #8b0f17;--button-background: #8f7a66;--button-background: #146b3a;background:#460811}.theme-3 .parin-kulautus,.theme-3 .kurin-palautus{background:#8b0f17;color:#ddd}.theme-3 .parin-kulautus.allowed,.theme-3 .kurin-palautus.allowed{background:#146b3a;color:#dfdfdf}.theme-3 body{background-image:url(../../../img/theme-3/OispaHallaTausta.webp);color:#dfdfdf;background-color:#460811}.theme-3 body a{color:#f4ab1d}.theme-3 body .lb-popup-container{background-color:#8b0f17}.theme-3 body .grid-cell{background-color:#cc3f3f59}.theme-3 body .game-container,.theme-3 body .score-container,.theme-3 body .best-container,.theme-3 body .HAC-container{background:#8b0f17}.theme-3 body .game-message.game-over{background:rgba(70,8,17,.8)}.theme-3 body .restart-button,.theme-3 body .lower>*{background:#146b3a!important}.theme-4 .tile-2 .tile-inner{background-image:url(../../../img/theme-4/2.webp)}.theme-4 .tile-4 .tile-inner{background-image:url(../../../img/theme-4/4.webp)}.theme-4 .tile-8 .tile-inner{background-image:url(../../../img/theme-4/8.webp)}.theme-4 .tile-16 .tile-inner{background-image:url(../../../img/theme-4/16.webp)}.theme-4 .tile-32 .tile-inner{background-image:url(../../../img/theme-4/32.webp)}.theme-4 .tile-64 .tile-inner{background-image:url(../../../img/theme-4/64.webp)}.theme-4 .tile-128 .tile-inner{background-image:url(../../../img/theme-4/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-4 .tile-256 .tile-inner{background-image:url(../../../img/theme-4/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-4 .tile-512 .tile-inner{background-image:url(../../../img/theme-4/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-4 .tile-1024 .tile-inner{background-image:url(../../../img/theme-4/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-4 .tile-2048 .tile-inner{background-image:url(../../../img/theme-4/2048.webp);box-shadow:0 0 15px #ff4646}.theme-4 .tile-4096 .tile-inner{background-image:url(../../../img/theme-4/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-4 .tile-8192 .tile-inner{background-image:url(../../../img/theme-4/8192.webp);box-shadow:0 0 15px #00ff13}.theme-4 .tile-16384 .tile-inner{background-image:url(../../../img/theme-4/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-4 .tile-32768 .tile-inner{background-image:url(../../../img/theme-4/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-4{--color-scheme: dark;color-scheme:var(--color-scheme, "light");--background: #202614;--background-inverted: #e9e7e8;--color: #776e65;--color: #eee;--container-background: #faf8ef;--container-background: #3e3933;--button-background: #8f7a66;--button-background: #365ca6;background:#202614}.theme-4 .parin-kulautus,.theme-4 .kurin-palautus{background:#a63636;color:#ddd}.theme-4 .parin-kulautus.allowed,.theme-4 .kurin-palautus.allowed{background:#49a636;color:#dfdfdf}.theme-4 body{background-image:url(../../../img/theme-4/OispaHallaTausta.webp);color:#eee;background-color:#202614}.theme-4 body a{color:#e6d2bf}.theme-4 body .lb-popup-container{background-color:#3e3933}.theme-4 body .game-container,.theme-4 body .score-container,.theme-4 body .best-container,.theme-4 body .HAC-container{background:#3e3933}.theme-4 body .game-message.game-over{background:rgba(32,38,20,.8)}.theme-4 body .restart-button,.theme-4 body .lower>*{background:#365ca6!important}.theme-5 .tile-2 .tile-inner{background-image:url(../../../img/theme-5/2.webp)}.theme-5 .tile-4 .tile-inner{background-image:url(../../../img/theme-5/4.webp)}.theme-5 .tile-8 .tile-inner{background-image:url(../../../img/theme-5/8.webp)}.theme-5 .tile-16 .tile-inner{background-image:url(../../../img/theme-5/16.webp)}.theme-5 .tile-32 .tile-inner{background-image:url(../../../img/theme-5/32.webp)}.theme-5 .tile-64 .tile-inner{background-image:url(../../../img/theme-5/64.webp)}.theme-5 .tile-128 .tile-inner{background-image:url(../../../img/theme-5/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-5 .tile-256 .tile-inner{background-image:url(../../../img/theme-5/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-5 .tile-512 .tile-inner{background-image:url(../../../img/theme-5/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-5 .tile-1024 .tile-inner{background-image:url(../../../img/theme-5/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-5 .tile-2048 .tile-inner{background-image:url(../../../img/theme-5/2048.webp);box-shadow:0 0 15px #ff4646}.theme-5 .tile-4096 .tile-inner{background-image:url(../../../img/theme-5/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-5 .tile-8192 .tile-inner{background-image:url(../../../img/theme-5/8192.webp);box-shadow:0 0 15px #00ff13}.theme-5 .tile-16384 .tile-inner{background-image:url(../../../img/theme-5/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-5 .tile-32768 .tile-inner{background-image:url(../../../img/theme-5/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-5{--color-scheme: light;color-scheme:var(--color-scheme, "light");--background: #89c2d9;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66;background:#89c2d9}.theme-5 .parin-kulautus,.theme-5 .kurin-palautus{background:#cc0000;color:#ddd}.theme-5 .parin-kulautus.allowed,.theme-5 .kurin-palautus.allowed{background:#00cc00;color:#dfdfdf}.theme-5 body{background-image:url(../../../img/theme-5/OispaHallaTausta.webp);background-color:#89c2d9}.theme-5 body a{color:#534d48}.theme-5 body .game-message.game-over{background:rgba(137,194,217,.8)}.theme-5 body .restart-button,.theme-5 body .lower>*{background:!important}.theme-6 .tile-2 .tile-inner{background-image:url(../../../img/theme-6/2.webp)}.theme-6 .tile-4 .tile-inner{background-image:url(../../../img/theme-6/4.webp)}.theme-6 .tile-8 .tile-inner{background-image:url(../../../img/theme-6/8.webp)}.theme-6 .tile-16 .tile-inner{background-image:url(../../../img/theme-6/16.webp)}.theme-6 .tile-32 .tile-inner{background-image:url(../../../img/theme-6/32.webp)}.theme-6 .tile-64 .tile-inner{background-image:url(../../../img/theme-6/64.webp)}.theme-6 .tile-128 .tile-inner{background-image:url(../../../img/theme-6/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-6 .tile-256 .tile-inner{background-image:url(../../../img/theme-6/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-6 .tile-512 .tile-inner{background-image:url(../../../img/theme-6/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-6 .tile-1024 .tile-inner{background-image:url(../../../img/theme-6/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-6 .tile-2048 .tile-inner{background-image:url(../../../img/theme-6/2048.webp);box-shadow:0 0 15px #ff4646}.theme-6 .tile-4096 .tile-inner{background-image:url(../../../img/theme-6/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-6 .tile-8192 .tile-inner{background-image:url(../../../img/theme-6/8192.webp);box-shadow:0 0 15px #00ff13}.theme-6 .tile-16384 .tile-inner{background-image:url(../../../img/theme-6/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-6 .tile-32768 .tile-inner{background-image:url(../../../img/theme-6/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-6{--color-scheme: dark;color-scheme:var(--color-scheme, "light");--background: #202614;--background-inverted: #e9e7e8;--color: #776e65;--color: #eee;--container-background: #faf8ef;--container-background: #3e3933;--button-background: #8f7a66;--button-background: #365ca6;background:#202614}.theme-6 .parin-kulautus,.theme-6 .kurin-palautus{background:#a63636;color:#ddd}.theme-6 .parin-kulautus.allowed,.theme-6 .kurin-palautus.allowed{background:#49a636;color:#dfdfdf}.theme-6 body{background-image:url(../../../img/theme-6/OispaHallaTausta.webp);color:#eee;background-color:#202614}.theme-6 body a{color:#e6d2bf}.theme-6 body .lb-popup-container{background-color:#3e3933}.theme-6 body .game-container,.theme-6 body .score-container,.theme-6 body .best-container,.theme-6 body .HAC-container{background:#3e3933}.theme-6 body .game-message.game-over{background:rgba(32,38,20,.8)}.theme-6 body .restart-button,.theme-6 body .lower>*{background:#365ca6!important}.theme-7 .tile-2 .tile-inner{background-image:url(/img/theme-7/2.webp)}.theme-7 .tile-4 .tile-inner{background-image:url(/img/theme-7/4.webp)}.theme-7 .tile-8 .tile-inner{background-image:url(/img/theme-7/8.webp)}.theme-7 .tile-16 .tile-inner{background-image:url(/img/theme-7/16.webp)}.theme-7 .tile-32 .tile-inner{background-image:url(/img/theme-7/32.webp)}.theme-7 .tile-64 .tile-inner{background-image:url(/img/theme-7/64.webp)}.theme-7 .tile-128 .tile-inner{background-image:url(/img/theme-7/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-7 .tile-256 .tile-inner{background-image:url(/img/theme-7/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-7 .tile-512 .tile-inner{background-image:url(/img/theme-7/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-7 .tile-1024 .tile-inner{background-image:url(/img/theme-7/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-7 .tile-2048 .tile-inner{background-image:url(/img/theme-7/2048.webp);box-shadow:0 0 15px #ff4646}.theme-7 .tile-4096 .tile-inner{background-image:url(/img/theme-7/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-7 .tile-8192 .tile-inner{background-image:url(/img/theme-7/8192.webp);box-shadow:0 0 15px #00ff13}.theme-7 .tile-16384 .tile-inner{background-image:url(/img/theme-7/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-7 .tile-32768 .tile-inner{background-image:url(/img/theme-7/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-7{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-7 .parin-kulautus,.theme-7 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-7 .parin-kulautus.allowed,.theme-7 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-7 body{background-image:url(/img/theme-7/OispaHallaTausta.webp)}.theme-8 .tile-2 .tile-inner{background-image:url(/img/theme-8/2.webp)}.theme-8 .tile-4 .tile-inner{background-image:url(/img/theme-8/4.webp)}.theme-8 .tile-8 .tile-inner{background-image:url(/img/theme-8/8.webp)}.theme-8 .tile-16 .tile-inner{background-image:url(/img/theme-8/16.webp)}.theme-8 .tile-32 .tile-inner{background-image:url(/img/theme-8/32.webp)}.theme-8 .tile-64 .tile-inner{background-image:url(/img/theme-8/64.webp)}.theme-8 .tile-128 .tile-inner{background-image:url(/img/theme-8/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-8 .tile-256 .tile-inner{background-image:url(/img/theme-8/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-8 .tile-512 .tile-inner{background-image:url(/img/theme-8/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-8 .tile-1024 .tile-inner{background-image:url(/img/theme-8/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-8 .tile-2048 .tile-inner{background-image:url(/img/theme-8/2048.webp);box-shadow:0 0 15px #ff4646}.theme-8 .tile-4096 .tile-inner{background-image:url(/img/theme-8/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-8 .tile-8192 .tile-inner{background-image:url(/img/theme-8/8192.webp);box-shadow:0 0 15px #00ff13}.theme-8 .tile-16384 .tile-inner{background-image:url(/img/theme-8/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-8 .tile-32768 .tile-inner{background-image:url(/img/theme-8/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-8{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-8 .parin-kulautus,.theme-8 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-8 .parin-kulautus.allowed,.theme-8 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-8 body{background-image:url(/img/theme-8/OispaHallaTausta.webp)}.theme-9 .tile-2 .tile-inner{background-image:url(../../../img/theme-9/2.webp)}.theme-9 .tile-4 .tile-inner{background-image:url(../../../img/theme-9/4.webp)}.theme-9 .tile-8 .tile-inner{background-image:url(../../../img/theme-9/8.webp)}.theme-9 .tile-16 .tile-inner{background-image:url(../../../img/theme-9/16.webp)}.theme-9 .tile-32 .tile-inner{background-image:url(../../../img/theme-9/32.webp)}.theme-9 .tile-64 .tile-inner{background-image:url(../../../img/theme-9/64.webp)}.theme-9 .tile-128 .tile-inner{background-image:url(../../../img/theme-9/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-9 .tile-256 .tile-inner{background-image:url(../../../img/theme-9/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-9 .tile-512 .tile-inner{background-image:url(../../../img/theme-9/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-9 .tile-1024 .tile-inner{background-image:url(../../../img/theme-9/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-9 .tile-2048 .tile-inner{background-image:url(../../../img/theme-9/2048.webp);box-shadow:0 0 15px #ff4646}.theme-9 .tile-4096 .tile-inner{background-image:url(/img/theme-9/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-9 .tile-8192 .tile-inner{background-image:url(/img/theme-9/8192.webp);box-shadow:0 0 15px #00ff13}.theme-9 .tile-16384 .tile-inner{background-image:url(/img/theme-9/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-9 .tile-32768 .tile-inner{background-image:url(/img/theme-9/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-9{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-9 .parin-kulautus,.theme-9 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-9 .parin-kulautus.allowed,.theme-9 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-9 body{background-image:url(../../../img/theme-9/OispaHallaTausta.webp)}.theme-10 .tile-2 .tile-inner{background-image:url(/img/theme-10/2.webp)}.theme-10 .tile-4 .tile-inner{background-image:url(/img/theme-10/4.webp)}.theme-10 .tile-8 .tile-inner{background-image:url(/img/theme-10/8.webp)}.theme-10 .tile-16 .tile-inner{background-image:url(/img/theme-10/16.webp)}.theme-10 .tile-32 .tile-inner{background-image:url(/img/theme-10/32.webp)}.theme-10 .tile-64 .tile-inner{background-image:url(/img/theme-10/64.webp)}.theme-10 .tile-128 .tile-inner{background-image:url(/img/theme-10/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-10 .tile-256 .tile-inner{background-image:url(/img/theme-10/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-10 .tile-512 .tile-inner{background-image:url(/img/theme-10/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-10 .tile-1024 .tile-inner{background-image:url(/img/theme-10/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-10 .tile-2048 .tile-inner{background-image:url(/img/theme-10/2048.webp);box-shadow:0 0 15px #ff4646}.theme-10 .tile-4096 .tile-inner{background-image:url(/img/theme-10/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-10 .tile-8192 .tile-inner{background-image:url(/img/theme-10/8192.webp);box-shadow:0 0 15px #00ff13}.theme-10 .tile-16384 .tile-inner{background-image:url(/img/theme-10/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-10 .tile-32768 .tile-inner{background-image:url(/img/theme-10/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-10{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-10 .parin-kulautus,.theme-10 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-10 .parin-kulautus.allowed,.theme-10 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-10 body{background-image:url(/img/theme-10/OispaHallaTausta.webp)}.theme-11 .tile-2 .tile-inner{background-image:url(/img/theme-11/2.webp)}.theme-11 .tile-4 .tile-inner{background-image:url(/img/theme-11/4.webp)}.theme-11 .tile-8 .tile-inner{background-image:url(/img/theme-11/8.webp)}.theme-11 .tile-16 .tile-inner{background-image:url(/img/theme-11/16.webp)}.theme-11 .tile-32 .tile-inner{background-image:url(/img/theme-11/32.webp)}.theme-11 .tile-64 .tile-inner{background-image:url(/img/theme-11/64.webp)}.theme-11 .tile-128 .tile-inner{background-image:url(/img/theme-11/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-11 .tile-256 .tile-inner{background-image:url(/img/theme-11/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-11 .tile-512 .tile-inner{background-image:url(/img/theme-11/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-11 .tile-1024 .tile-inner{background-image:url(/img/theme-11/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-11 .tile-2048 .tile-inner{background-image:url(/img/theme-11/2048.webp);box-shadow:0 0 15px #ff4646}.theme-11 .tile-4096 .tile-inner{background-image:url(/img/theme-11/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-11 .tile-8192 .tile-inner{background-image:url(/img/theme-11/8192.webp);box-shadow:0 0 15px #00ff13}.theme-11 .tile-16384 .tile-inner{background-image:url(/img/theme-11/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-11 .tile-32768 .tile-inner{background-image:url(/img/theme-11/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-11{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-11 .parin-kulautus,.theme-11 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-11 .parin-kulautus.allowed,.theme-11 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-11 body{background-image:url(/img/theme-11/OispaHallaTausta.webp)}.theme-12 .tile-2 .tile-inner{background-image:url(/img/theme-12/2.webp)}.theme-12 .tile-4 .tile-inner{background-image:url(/img/theme-12/4.webp)}.theme-12 .tile-8 .tile-inner{background-image:url(/img/theme-12/8.webp)}.theme-12 .tile-16 .tile-inner{background-image:url(/img/theme-12/16.webp)}.theme-12 .tile-32 .tile-inner{background-image:url(/img/theme-12/32.webp)}.theme-12 .tile-64 .tile-inner{background-image:url(/img/theme-12/64.webp)}.theme-12 .tile-128 .tile-inner{background-image:url(/img/theme-12/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-12 .tile-256 .tile-inner{background-image:url(/img/theme-12/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-12 .tile-512 .tile-inner{background-image:url(/img/theme-12/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-12 .tile-1024 .tile-inner{background-image:url(/img/theme-12/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-12 .tile-2048 .tile-inner{background-image:url(/img/theme-12/2048.webp);box-shadow:0 0 15px #ff4646}.theme-12 .tile-4096 .tile-inner{background-image:url(/img/theme-12/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-12 .tile-8192 .tile-inner{background-image:url(/img/theme-12/8192.webp);box-shadow:0 0 15px #00ff13}.theme-12 .tile-16384 .tile-inner{background-image:url(/img/theme-12/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-12 .tile-32768 .tile-inner{background-image:url(/img/theme-12/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-12{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-12 .parin-kulautus,.theme-12 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-12 .parin-kulautus.allowed,.theme-12 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-12 body{background-image:url(/img/theme-12/OispaHallaTausta.webp)}.theme-13 .tile-2 .tile-inner{background-image:url(/img/theme-13/2.webp)}.theme-13 .tile-4 .tile-inner{background-image:url(/img/theme-13/4.webp)}.theme-13 .tile-8 .tile-inner{background-image:url(/img/theme-13/8.webp)}.theme-13 .tile-16 .tile-inner{background-image:url(/img/theme-13/16.webp)}.theme-13 .tile-32 .tile-inner{background-image:url(/img/theme-13/32.webp)}.theme-13 .tile-64 .tile-inner{background-image:url(/img/theme-13/64.webp)}.theme-13 .tile-128 .tile-inner{background-image:url(/img/theme-13/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-13 .tile-256 .tile-inner{background-image:url(/img/theme-13/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-13 .tile-512 .tile-inner{background-image:url(/img/theme-13/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-13 .tile-1024 .tile-inner{background-image:url(/img/theme-13/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-13 .tile-2048 .tile-inner{background-image:url(/img/theme-13/2048.webp);box-shadow:0 0 15px #ff4646}.theme-13 .tile-4096 .tile-inner{background-image:url(/img/theme-13/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-13 .tile-8192 .tile-inner{background-image:url(/img/theme-13/8192.webp);box-shadow:0 0 15px #00ff13}.theme-13 .tile-16384 .tile-inner{background-image:url(/img/theme-13/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-13 .tile-32768 .tile-inner{background-image:url(/img/theme-13/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-13{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-13 .parin-kulautus,.theme-13 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-13 .parin-kulautus.allowed,.theme-13 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-13 body{background-image:url(../../../img/theme-13/OispaHallaTausta.webp)}.theme-14 .tile-2 .tile-inner{background-image:url(/img/theme-14/2.webp)}.theme-14 .tile-4 .tile-inner{background-image:url(/img/theme-14/4.webp)}.theme-14 .tile-8 .tile-inner{background-image:url(/img/theme-14/8.webp)}.theme-14 .tile-16 .tile-inner{background-image:url(/img/theme-14/16.webp)}.theme-14 .tile-32 .tile-inner{background-image:url(/img/theme-14/32.webp)}.theme-14 .tile-64 .tile-inner{background-image:url(/img/theme-14/64.webp)}.theme-14 .tile-128 .tile-inner{background-image:url(/img/theme-14/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-14 .tile-256 .tile-inner{background-image:url(/img/theme-14/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-14 .tile-512 .tile-inner{background-image:url(/img/theme-14/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-14 .tile-1024 .tile-inner{background-image:url(/img/theme-14/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-14 .tile-2048 .tile-inner{background-image:url(/img/theme-14/2048.webp);box-shadow:0 0 15px #ff4646}.theme-14 .tile-4096 .tile-inner{background-image:url(/img/theme-14/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-14 .tile-8192 .tile-inner{background-image:url(/img/theme-14/8192.webp);box-shadow:0 0 15px #00ff13}.theme-14 .tile-16384 .tile-inner{background-image:url(/img/theme-14/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-14 .tile-32768 .tile-inner{background-image:url(/img/theme-14/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-14{--color-scheme: dark;color-scheme:var(--color-scheme, "light");--background: #161817;--background-inverted: #e9e7e8;--color: #776e65;--color: #eee;--container-background: #faf8ef;--container-background: #3e3933;--button-background: #8f7a66;--button-background: #365ca6;background:#161817}.theme-14 .parin-kulautus,.theme-14 .kurin-palautus{background:#a63636;color:#ddd}.theme-14 .parin-kulautus.allowed,.theme-14 .kurin-palautus.allowed{background:#49a636;color:#dfdfdf}.theme-14 body{background-image:url(/img/theme-14/OispaHallaTausta.webp);color:#eee;background-color:#161817}.theme-14 body a{color:#e6d2bf}.theme-14 body .lb-popup-container{background-color:#3e3933}.theme-14 body .game-container,.theme-14 body .score-container,.theme-14 body .best-container,.theme-14 body .HAC-container{background:#3e3933}.theme-14 body .game-message.game-over{background:rgba(22,24,23,.8)}.theme-14 body .restart-button,.theme-14 body .lower>*{background:#365ca6!important}.theme-15 .tile-2 .tile-inner{background-image:url(/img/theme-15/2.webp)}.theme-15 .tile-4 .tile-inner{background-image:url(/img/theme-15/4.webp)}.theme-15 .tile-8 .tile-inner{background-image:url(/img/theme-15/8.webp)}.theme-15 .tile-16 .tile-inner{background-image:url(/img/theme-15/16.webp)}.theme-15 .tile-32 .tile-inner{background-image:url(/img/theme-15/32.webp)}.theme-15 .tile-64 .tile-inner{background-image:url(/img/theme-15/64.webp)}.theme-15 .tile-128 .tile-inner{background-image:url(/img/theme-15/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-15 .tile-256 .tile-inner{background-image:url(/img/theme-15/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-15 .tile-512 .tile-inner{background-image:url(/img/theme-15/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-15 .tile-1024 .tile-inner{background-image:url(/img/theme-15/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-15 .tile-2048 .tile-inner{background-image:url(/img/theme-15/2048.webp);box-shadow:0 0 15px #ff4646}.theme-15 .tile-4096 .tile-inner{background-image:url(/img/theme-15/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-15 .tile-8192 .tile-inner{background-image:url(/img/theme-15/8192.webp);box-shadow:0 0 15px #00ff13}.theme-15 .tile-16384 .tile-inner{background-image:url(/img/theme-15/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-15 .tile-32768 .tile-inner{background-image:url(/img/theme-15/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-15{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-15 .parin-kulautus,.theme-15 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-15 .parin-kulautus.allowed,.theme-15 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-15 body{background-image:url(/img/theme-15/OispaHallaTausta.webp)}.theme-16 .tile-2 .tile-inner{background-image:url(../../../img/theme-16/2.webp)}.theme-16 .tile-4 .tile-inner{background-image:url(../../../img/theme-16/4.webp)}.theme-16 .tile-8 .tile-inner{background-image:url(../../../img/theme-16/8.webp)}.theme-16 .tile-16 .tile-inner{background-image:url(../../../img/theme-16/16.webp)}.theme-16 .tile-32 .tile-inner{background-image:url(../../../img/theme-16/32.webp)}.theme-16 .tile-64 .tile-inner{background-image:url(../../../img/theme-16/64.webp)}.theme-16 .tile-128 .tile-inner{background-image:url(../../../img/theme-16/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-16 .tile-256 .tile-inner{background-image:url(../../../img/theme-16/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-16 .tile-512 .tile-inner{background-image:url(../../../img/theme-16/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-16 .tile-1024 .tile-inner{background-image:url(../../../img/theme-16/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-16 .tile-2048 .tile-inner{background-image:url(../../../img/theme-16/2048.webp);box-shadow:0 0 15px #ff4646}.theme-16 .tile-4096 .tile-inner{background-image:url(../../../img/theme-16/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-16 .tile-8192 .tile-inner{background-image:url(../../../img/theme-16/8192.webp);box-shadow:0 0 15px #00ff13}.theme-16 .tile-16384 .tile-inner{background-image:url(/img/theme-16/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-16 .tile-32768 .tile-inner{background-image:url(/img/theme-16/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-16{--color-scheme: light;color-scheme:var(--color-scheme, "light");--background: #faf8ef;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66;background:#faf8ef}.theme-16 .parin-kulautus,.theme-16 .kurin-palautus{background:#a63636;color:#ddd}.theme-16 .parin-kulautus.allowed,.theme-16 .kurin-palautus.allowed{background:#49a636;color:#dfdfdf}.theme-16 body{background-image:url(/img/theme-16/OispaHallaTausta.webp);background-color:#faf8ef}.theme-16 body .game-message.game-over{background:rgba(250,248,239,.8)}.theme-16 body .restart-button,.theme-16 body .lower>*{background:!important}.theme-17 .tile-2 .tile-inner{background-image:url(/img/theme-17/2.webp)}.theme-17 .tile-4 .tile-inner{background-image:url(/img/theme-17/4.webp)}.theme-17 .tile-8 .tile-inner{background-image:url(/img/theme-17/8.webp)}.theme-17 .tile-16 .tile-inner{background-image:url(/img/theme-17/16.webp)}.theme-17 .tile-32 .tile-inner{background-image:url(/img/theme-17/32.webp)}.theme-17 .tile-64 .tile-inner{background-image:url(/img/theme-17/64.webp)}.theme-17 .tile-128 .tile-inner{background-image:url(/img/theme-17/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-17 .tile-256 .tile-inner{background-image:url(/img/theme-17/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-17 .tile-512 .tile-inner{background-image:url(/img/theme-17/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-17 .tile-1024 .tile-inner{background-image:url(/img/theme-17/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-17 .tile-2048 .tile-inner{background-image:url(/img/theme-17/2048.webp);box-shadow:0 0 15px #ff4646}.theme-17 .tile-4096 .tile-inner{background-image:url(/img/theme-17/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-17 .tile-8192 .tile-inner{background-image:url(/img/theme-17/8192.webp);box-shadow:0 0 15px #00ff13}.theme-17 .tile-16384 .tile-inner{background-image:url(/img/theme-17/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-17 .tile-32768 .tile-inner{background-image:url(/img/theme-17/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-17{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-17 .parin-kulautus,.theme-17 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-17 .parin-kulautus.allowed,.theme-17 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-17 body{background-image:url(/img/theme-17/OispaHallaTausta.webp)}.theme-18 .tile-2 .tile-inner{background-image:url(/img/theme-18/2.webp)}.theme-18 .tile-4 .tile-inner{background-image:url(/img/theme-18/4.webp)}.theme-18 .tile-8 .tile-inner{background-image:url(/img/theme-18/8.webp)}.theme-18 .tile-16 .tile-inner{background-image:url(/img/theme-18/16.webp)}.theme-18 .tile-32 .tile-inner{background-image:url(/img/theme-18/32.webp)}.theme-18 .tile-64 .tile-inner{background-image:url(/img/theme-18/64.webp)}.theme-18 .tile-128 .tile-inner{background-image:url(/img/theme-18/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-18 .tile-256 .tile-inner{background-image:url(/img/theme-18/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-18 .tile-512 .tile-inner{background-image:url(/img/theme-18/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-18 .tile-1024 .tile-inner{background-image:url(/img/theme-18/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-18 .tile-2048 .tile-inner{background-image:url(/img/theme-18/2048.webp);box-shadow:0 0 15px #ff4646}.theme-18 .tile-4096 .tile-inner{background-image:url(/img/theme-18/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-18 .tile-8192 .tile-inner{background-image:url(/img/theme-18/8192.webp);box-shadow:0 0 15px #00ff13}.theme-18 .tile-16384 .tile-inner{background-image:url(/img/theme-18/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-18 .tile-32768 .tile-inner{background-image:url(/img/theme-18/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-18{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-18 .parin-kulautus,.theme-18 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-18 .parin-kulautus.allowed,.theme-18 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-18 body{background-image:url(/img/theme-18/OispaHallaTausta.webp)}.theme-19 .tile-2 .tile-inner{background-image:url(/img/theme-19/2.webp)}.theme-19 .tile-4 .tile-inner{background-image:url(/img/theme-19/4.webp)}.theme-19 .tile-8 .tile-inner{background-image:url(/img/theme-19/8.webp)}.theme-19 .tile-16 .tile-inner{background-image:url(/img/theme-19/16.webp)}.theme-19 .tile-32 .tile-inner{background-image:url(/img/theme-19/32.webp)}.theme-19 .tile-64 .tile-inner{background-image:url(/img/theme-19/64.webp)}.theme-19 .tile-128 .tile-inner{background-image:url(/img/theme-19/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-19 .tile-256 .tile-inner{background-image:url(/img/theme-19/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-19 .tile-512 .tile-inner{background-image:url(/img/theme-19/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-19 .tile-1024 .tile-inner{background-image:url(/img/theme-19/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-19 .tile-2048 .tile-inner{background-image:url(/img/theme-19/2048.webp);box-shadow:0 0 15px #ff4646}.theme-19 .tile-4096 .tile-inner{background-image:url(/img/theme-19/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-19 .tile-8192 .tile-inner{background-image:url(/img/theme-19/8192.webp);box-shadow:0 0 15px #00ff13}.theme-19 .tile-16384 .tile-inner{background-image:url(/img/theme-19/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-19 .tile-32768 .tile-inner{background-image:url(/img/theme-19/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-19{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-19 .parin-kulautus,.theme-19 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-19 .parin-kulautus.allowed,.theme-19 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-19 body{background-image:url(/img/theme-19/OispaHallaTausta.webp)}.theme-20 .tile-2 .tile-inner{background-image:url(/img/theme-20/2.webp)}.theme-20 .tile-4 .tile-inner{background-image:url(/img/theme-20/4.webp)}.theme-20 .tile-8 .tile-inner{background-image:url(/img/theme-20/8.webp)}.theme-20 .tile-16 .tile-inner{background-image:url(/img/theme-20/16.webp)}.theme-20 .tile-32 .tile-inner{background-image:url(/img/theme-20/32.webp)}.theme-20 .tile-64 .tile-inner{background-image:url(/img/theme-20/64.webp)}.theme-20 .tile-128 .tile-inner{background-image:url(/img/theme-20/128.webp);box-shadow:0 0 15px -4px #a8fa8a}.theme-20 .tile-256 .tile-inner{background-image:url(/img/theme-20/256.webp);box-shadow:0 0 15px -4px #fffb62}.theme-20 .tile-512 .tile-inner{background-image:url(/img/theme-20/512.webp);box-shadow:0 0 15px -3px #ffa600}.theme-20 .tile-1024 .tile-inner{background-image:url(/img/theme-20/1024.webp);box-shadow:0 0 15px -1px #5000ff}.theme-20 .tile-2048 .tile-inner{background-image:url(/img/theme-20/2048.webp);box-shadow:0 0 15px #ff4646}.theme-20 .tile-4096 .tile-inner{background-image:url(/img/theme-20/4096.webp);box-shadow:0 0 15px #ff9b00}.theme-20 .tile-8192 .tile-inner{background-image:url(/img/theme-20/8192.webp);box-shadow:0 0 15px #00ff13}.theme-20 .tile-16384 .tile-inner{background-image:url(/img/theme-20/16384.webp);box-shadow:0 0 15px 1px #ffc600}.theme-20 .tile-32768 .tile-inner{background-image:url(/img/theme-20/32768.webp);box-shadow:0 0 15px 2px #0b00ff}.theme-20{--background: ;--background-inverted: ;--color: #776e65;--container-background: #faf8ef;--button-background: #8f7a66}.theme-20 .parin-kulautus,.theme-20 .kurin-palautus{background:var(--break-button-background-false);color:var(--break-button-color-false)}.theme-20 .parin-kulautus.allowed,.theme-20 .kurin-palautus.allowed{background:var(--break-button-background-true);color:var(--break-button-color-true)}.theme-20 body{background-image:url(/img/theme-20/OispaHallaTausta.webp)}.event-button{text-decoration:none!important;background:transparent;border:none;outline:none;font-size:1em}#darkmode-icon{filter:saturate(0) invert(1)}#darkmode-icon.dark{filter:saturate(0)}.button{border:none;border-radius:3px;font-weight:700;font-size:1em;font-family:Clear Sans;cursor:pointer}.icon-button{font-size:1.25em;height:100%}.background-none{background:none}.action-btn{padding:.75em;color:var(--action-btn-color);background:var(--button-background);border:1px solid var(--button-background);transition:transform .2s}.action-btn:hover{transform:scale(1.03)}.action-btn:active{transform:scale(.97)}.action-btn:disabled{filter:saturate(0)}.discouradge{background:transparent;color:inherit}.badge{border-radius:999px;border:1px solid var(--color);background:var(--color);color:var(--container-background, var(--background));padding-inline:1em}.blurry-bg{background-image:url(../../../img/ABC/blur_night.webp)!important;background-size:cover!important}.theme-1 .blurry-bg,.theme-5 .blurry-bg,.theme-16 .blurry-bg{background-image:url(../../../img/ABC/blur.webp)!important}@keyframes svelte-19co85y-load{0%{height:2.5px;transform:translate(-100%)}to{height:2.5px;transform:translate(0)}}main.svelte-19co85y{position:absolute;left:0;right:0;top:0;background-color:var(--button-background);animation:5s svelte-19co85y-load;animation-fill-mode:forwards;animation-delay:.5s}.ctmblock-div.svelte-1hn3gwb.svelte-1hn3gwb{min-height:100vh;background-attachment:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column}.ctmblock-div.svelte-1hn3gwb .svelte-1hn3gwb{margin:0}
