.loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.loader-wrapper>.loading-label{padding:8px}.loader{position:absolute;top:calc(50% - 60px);left:calc(50% - 60px);width:100px;height:100px;padding:1em;margin:3px;border:1px solid black;line-height:1.9em;text-align:center;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-color:#ecd800;animation:spin 2s linear infinite}.loader>span{display:block;line-height:normal;font-size:2rem;font-weight:700;font-family:sans-serif;text-transform:uppercase;color:#fff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pointing-hand{position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%);width:100px;opacity:1;transition:top 1s,left 1s,opacity 1s}.keyboard-button{display:inline-block;box-sizing:border-box;padding:10px 15px;background:#e0e0e0;border:1px solid hsl(0,0%,69%);border-radius:5px;box-shadow:2px 2px 5px #0003,inset 1px 1px 3px #fff9;font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-webkit-user-select:none;user-select:none;transition:all .1s ease-in-out}.keyboard-button.pressed{box-shadow:1px 1px 2px #0003,inset -1px -1px 5px #0003;transform:translateY(1px)}.dialog>.dialog-content>.how-to-play{height:100%;position:relative}.dialog>.dialog-content>.how-to-play>.how-to-play-content{padding:0 0 16px}.how-to-play h1,.how-to-play h2,.how-to-play h3,.how-to-play h4,.how-to-play h5{text-transform:uppercase}.sample-space{position:relative;height:240px;display:flex;justify-content:center}.sample-space .input-row,.sample-space .back-row{max-height:3rem}.sample-space .box{padding:1em}.sample-space>.overlay-space{position:relative}.sample-space>.overlay-space>.tutorial-visual{transition:opacity 1s}.sample-space>.overlay-space>.pointing-hand{position:absolute;top:25%;left:0;transform:initial;width:100px;transition:initial;animation:hand-move 3s infinite}@keyframes hand-move{0%{left:0}to{left:100px}}.sample-space .keyboard-visual{position:absolute;transform:translate(20%,50%)}.sample-space .keyboard-visual .keyboard-button{display:inline-block;box-sizing:border-box;padding:10px 15px;background:#e0e0e0;border:1px solid hsl(0,0%,69%);border-radius:5px;box-shadow:2px 2px 5px #0003,inset 1px 1px 3px #fff9;font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5);-webkit-user-select:none;user-select:none;transition:all .1s ease-in-out}.sample-space .keyboard-visual .keyboard-button.pressed{box-shadow:1px 1px 2px #0003,inset -1px -1px 5px #0003;transform:translateY(1px)}.dialog{position:fixed;top:50%;left:50%;right:0;bottom:0;z-index:101;transform:translate(-50%,-50%);background-color:var(--dialog-background-color);color:var(--text-color);border:1px solid black;width:300px;height:auto;margin:0;opacity:1;transition:transform .5s,opacity .75s}.dialog>div.dialog-content{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:2rem;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto}.dialog>div.dialog-content>div.dialog-text{height:100%;position:relative}.dialog>div.dialog-content>div.dialog-text>ul>li{margin-bottom:8px}.dialog>div.dialog-content>div.dialog-text>ul>li:last-child{margin-bottom:0}.dialog>div.dialog-content>div.dialog-text>*:last-child{padding:0 0 16px}.dialog button.close{position:absolute;top:0;right:0}.notification-area{position:fixed;top:10%;left:50%;z-index:102;transform:translate(-50%);display:flex;flex-direction:column-reverse;justify-content:center;width:60%}.notification-area>.notification{background-color:var(--notification-background-color);border:var(--notification-border);border-radius:.25rem;margin:.2rem;z-index:inherit;text-align:center;opacity:1;transition:opacity .25s}.notification-area>.notification>div.notification-content{padding:1rem 1.5rem;font-weight:700;color:var(--notification-text-color)}.knob{position:relative;width:50px;height:22px;border-radius:8em;background-color:var(--gray-2);transition:background-color .25s}.knob.enabled{background-color:var(--enabled-color)}.knob>.knob-inside{position:absolute;top:1px;left:1px;width:20px;height:20px;background-color:var(--gray-7);border-radius:8em;transition:left .25s}.knob.enabled>.knob-inside{left:29px}.slider{position:relative;width:200px;height:22px;border-radius:8em;background-color:var(--gray-2);transition:background-color .25s}.slider.enabled{background-color:var(--correct-color)}.slider>.slider-inside{position:absolute;top:1px;left:1px;width:20px;height:20px;background-color:var(--gray-7);border-radius:8em;transition:left .25s}.slider.enabled>.slider-inside{left:29px}.swipe-area{position:absolute;top:25vh;opacity:0;width:100%;height:75vh;background-color:#d3d3d3;display:flex;justify-content:center;align-items:center;font-size:24px;-webkit-user-select:none;user-select:none}.landscape-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background-color);text-align:center;font-size:24px;color:var(--text-color);z-index:9999}.landscape-overlay>.overlay-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.landscape-overlay>.overlay-content>img{height:100px}.top-menu{position:relative;background-color:var(--item-background-color);border-bottom:1px solid var(--standard-color);padding:1rem;font-size:1rem;font-family:var(--text-font-family);color:var(--text-color);display:flex;justify-content:space-between;height:160px;box-sizing:border-box}.top-menu>.title{border:2px solid goldenrod;border-radius:20px;padding:20px;box-shadow:0 4px 15px #0003;text-align:center;text-transform:uppercase}.top-menu>.title>span{font-family:Arial,sans-serif;font-size:24px;font-weight:600;color:#8b4513}.top-menu>.title>span:first-child{font-size:40px;font-weight:700;color:#d4af37}.top-menu .icon-bar>a.link-icon{text-decoration:none}.top-menu>.menu-options{display:flex;flex-direction:column;align-items:flex-end}.top-menu>.menu-options>.score-wrap-box{display:flex;justify-content:flex-end}.score-box{position:relative}body:not(.classic) .score-box,body:not(.classic) .highscore-box{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;margin:1px;min-width:50px;border-radius:4px;background-color:#e3bd8f}body:not(.classic) .score-box>.score-label,body:not(.classic) .highscore-box>.score-label{text-transform:uppercase;font-weight:700;font-size:12px;color:#685640}body:not(.classic) .score-wrap-box{gap:6px}.game-space{width:100%;display:flex;justify-content:center;position:relative;transform:translateY(-25%);height:100%;top:40%}.back-rows{position:absolute;padding:2px;background-color:var(--back-layer-color)}.base-rows{position:absolute;padding:2px}.game-wrapper{position:relative;left:50%;width:50vw;height:100%;transform:translate(-50%)}@media (max-width: 1028px){.game-wrapper{width:100%}}.input-row,.back-row{display:flex;justify-content:center;align-items:center}.box{padding:2em;margin:3px;border:1px solid black;line-height:1.9em;text-align:center;position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:transform .25s ease,top .1s ease,left .1s ease}.box .box-letter{display:block;position:absolute;line-height:normal;font-size:2rem;font-weight:700;font-family:var(--text-font-family);text-transform:uppercase;color:var(--letter-text-color)}.box.number-block{background-color:var(--block-max-color)}.box.number-block>.box-letter{color:var(--block-max-text-color)}.box.number-block.block-2{background-color:var(--block-2-color)}.box.number-block.block-2>.box-letter{color:var(--block-2-text-color)}.box.number-block.block-4{background-color:var(--block-4-color)}.box.number-block.block-4>.box-letter{color:var(--block-4-text-color)}.box.number-block.block-8{background-color:var(--block-8-color)}.box.number-block.block-8>.box-letter{color:var(--block-8-text-color)}.box.number-block.block-16{background-color:var(--block-16-color)}.box.number-block.block-16>.box-letter{color:var(--block-16-text-color)}.box.number-block.block-32{background-color:var(--block-32-color)}.box.number-block.block-32>.box-letter{color:var(--block-32-text-color)}.box.number-block.block-64{background-color:var(--block-64-color)}.box.number-block.block-64>.box-letter{color:var(--block-64-text-color)}.box.number-block.block-128{background-color:var(--block-128-color)}.box.number-block.block-128>.box-letter{color:var(--block-128-text-color)}.box.number-block.block-256{background-color:var(--block-256-color)}.box.number-block.block-256>.box-letter{color:var(--block-256-text-color)}.box.number-block.block-512{background-color:var(--block-512-color)}.box.number-block.block-512>.box-letter{color:var(--block-512-text-color)}.box.number-block.block-1024{background-color:var(--block-1024-color)}.box.number-block.block-1024>.box-letter{color:var(--block-1024-text-color)}.box.number-block.block-2048{background-color:var(--block-2048-color)}.box.number-block.block-2048>.box-letter{color:var(--block-2048-text-color)}.box.number-block.block-4096{background-color:var(--block-4096-color)}.box.number-block.block-4096>.box-letter{color:var(--block-4096-text-color)}.box.number-block.block-8192{background-color:var(--block-8192-color)}.box.number-block.block-8192>.box-letter{color:var(--block-8192-text-color)}.box.number-block.block-16384{background-color:var(--block-16384-color)}.box.number-block.block-16384>.box-letter{color:var(--block-16384-text-color)}.box.number-block.block-32768{background-color:var(--block-32768-color)}.box.number-block.block-32768>.box-letter{color:var(--block-32768-text-color)}.box.number-block.block-65536{background-color:var(--block-65536-color)}.box.number-block.block-65536>.box-letter{color:var(--block-65536-text-color)}.standard{background-color:var(--standard-color)}.box{background-color:var(--standard-block-color);border:1px solid var(--box-border-color)}.box>.box-letter{user-select:none;-webkit-user-select:none}.game.pane>.commands{position:absolute;display:flex;justify-content:flex-end;width:100%;right:0;padding:.5rem 1rem .5rem 0;z-index:1001}.game.pane>.commands>*{padding-top:.5em;margin-left:.5em}.settings.pane{font-family:var(--text-font-family)}.settings{position:relative}.settings>button.close{position:absolute;top:0;right:0}.settings>.settings-item-group{width:100%}.settings .settings-item{color:var(--text-color);display:flex;width:100%;justify-content:space-around;align-items:center;border-top:var(--settings-item-border);border-bottom:none;height:2em}.settings .settings-item:last-child{border-bottom:var(--settings-item-border)}.settings .settings-item>*{pointer-events:none}.settings .settings-item a{text-decoration:none}.settings .settings-item .settings-item-column{width:100%;display:flex;justify-content:center;align-items:baseline;gap:.5em}.settings .settings-item .settings-item-column:last-child{width:60%}.settings .settings-item .settings-item-column>.toggle{text-transform:capitalize}body .footer a.author-link{text-decoration:none}body a>.version-number,body a>.commit-hash{pointer-events:initial}body a>.commit-hash{font-size:16px}.pane>.space{flex:1}.pane .pane-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.pane{display:flex;flex-direction:column;align-items:center;margin:auto;height:calc(100% - 160px);width:100%;transform-origin:top}.pane h1,h2,h3,h4,h5{color:var(--text-color)}.pane>.footer{color:var(--text-color);text-align:center}.light{--standard-color: var(--gray-5);--standard-block-color: #cdc1b4;--box-border-color: #8f7a66;--box-border-color-highlighted: var(--gray-5);--background-color: var(--white);--dialog-background-color: var(--gray-6);--text-color: var(--black);--letter-text-color: var(--black);--letter-selected-text-color: var(--white);--notification-background-color: var(--black);--notification-text-color: var(--white);--back-layer-color: #bbada0;--block-2-color: #eee4da;--block-4-color: #ede0c8;--block-8-color: #f2b179;--block-16-color: #f59563;--block-32-color: #f67c5f;--block-64-color: #f65e3b;--block-128-color: #edcf72;--block-256-color: #edcc61;--block-512-color: #edc850;--block-1024-color: #edc53f;--block-2048-color: #edc22e;--block-4096-color: #3da5d9;--block-8192-color: #326589;--block-16384-color: #283552;--block-32768-color: #1c2235;--block-65536-color: #0f111a;--block-max-color: #12110a;--block-2-text-color: #534f4b;--block-4-text-color: #534f4b;--block-8-text-color: #534f4b;--block-16-text-color: #534f4b;--block-32-text-color: #534f4b;--block-64-text-color: #534f4b;--block-128-text-color: #534f4b;--block-256-text-color: #534f4b;--block-512-text-color: #534f4b;--block-1024-text-color: #534f4b;--block-2048-text-color: #534f4b;--block-4096-text-color: #f9f6f2;--block-8192-text-color: #f9f6f2;--block-16384-text-color: #f9f6f2;--block-32768-text-color: #f9f6f2;--block-65536-text-color: #f9f6f2;--block-max-text-color: #f9f6f2}body.light button.button{background-color:#e5e5e5;border:2px solid #e0e0e0}@media (hover){body.light button.button:hover{background-color:#f0f0f0}}body.light button.button>*{color:#5c6bc0;font-weight:700}body.light button.button.share-button>*,body.light button.button.clipboard-button>*{color:#fff}@media (hover){body.light button.button.share-button:hover,body.light button.button.clipboard-button:hover{background-color:var(--share-button-background-color-hover)}}body.light .score-box,body.light .highscore-box{background-color:#d3d3d3}body.light .score-box>.score-label,body.light .highscore-box>.score-label{color:#6b6b6b}.dark{--standard-block-color: #2a2a2a;--background-color: #1c1c1c;--dialog-background-color: var(--gray-2);--text-color: var(--white);--back-layer-color: var(--white);--block-2-color: #5f5f5f;--block-4-color: #6c6c6c;--block-8-color: #8c8c8c;--block-16-color: #a07c5a;--block-32-color: #b06c4a;--block-64-color: #c0603a;--block-128-color: #c4a444;--block-256-color: #c4a040;--block-512-color: #c4a03c;--block-1024-color: #c4a038;--block-2048-color: #c4a034;--block-4096-color: #748cab;--block-8192-color: #596d89;--block-16384-color: #3c4d68;--block-32768-color: #2b3747;--block-65536-color: #1b1f28;--block-max-color: var(--gray-2);--block-2-text-color: #e0e0e0;--block-4-text-color: #e0e0e0;--block-8-text-color: #e0e0e0;--block-16-text-color: #e0e0e0;--block-32-text-color: #e0e0e0;--block-64-text-color: #e0e0e0;--block-128-text-color: #ffffff;--block-256-text-color: #ffffff;--block-512-text-color: #ffffff;--block-1024-text-color: #ffffff;--block-2048-text-color: #ffffff;--block-4096-text-color: #ffffff;--block-8192-text-color: #ffffff;--block-16384-text-color: #ffffff;--block-32768-text-color: #ffffff;--block-65536-text-color: #ffffff;--block-max-text-color: #ffffff}body.dark button.button{background-color:#484848;border:2px solid #606060}@media (hover){body.dark button.button:hover{background-color:#5c5c5c}}body.dark button.button>*{color:#f2f2f2;font-weight:700}@media (hover){body.dark button.button.share-button:hover,body.dark button.button.clipboard-button:hover{background-color:var(--share-button-background-color-hover)}}body.dark .score-box,body.dark .highscore-box{background-color:gray}body.dark .score-box>.score-label,body.dark .highscore-box>.score-label{color:#fff}.classic{--yellow: rgba(255, 255, 0);--hovered-color: var(--yellow);--background-color: rgb(169, 169, 169);--dialog-background-color: var(--gray-7);--standard-block-color: rgb(0, 0, 0, 0);--back-layer-color: rgba(0, 0, 0, 0);--text-font-family: "Comic Sans MS", "Comic Neue", sans-serif;--notification-background-color: var(--white);--notification-border: 2px solid var(--black);--share-button-background-color: #00d600;--share-button-background-color-hover: #00ae00;--block-2-color: rgb(102, 102, 213);--block-4-color: rgb(104, 104, 211);--block-8-color: rgb(108, 108, 207);--block-16-color: rgb(116, 116, 199);--block-32-color: rgb(132, 132, 183);--block-64-color: rgb(164, 164, 151);--block-128-color: rgb(228, 228, 87);--block-256-color: rgb(356, 356, -41);--block-512-color: rgb(612, 612, -297);--block-1024-color: rgb(1124, 1124, -809);--block-2048-color: rgb(2148, 2148, -1833);--block-max-color: rgb(4196, 4196, -3881);--block-2-text-color: var(--black);--block-4-text-color: var(--black);--block-8-text-color: var(--black);--block-16-text-color: var(--black);--block-32-text-color: var(--black);--block-64-text-color: var(--black);--block-128-text-color: var(--black);--block-256-text-color: var(--black);--block-512-text-color: var(--black);--block-1024-text-color: var(--black);--block-2048-text-color: var(--black);--block-max-text-color: var(--black)}.classic.tileset-classic{--block-2-color: rgb(198, 148, 102);--block-4-color: rgb(196, 146, 104);--block-8-color: rgb(192, 142, 108);--block-16-color: rgb(184, 134, 116);--block-32-color: rgb(168, 118, 132);--block-64-color: rgb(136, 86, 164);--block-128-color: rgb(72, 22, 228);--block-256-color: rgb(-56, -106, 356);--block-512-color: rgb(-312, -362, 612);--block-1024-color: rgb(-824, -874, 1124);--block-2048-color: rgb(-1848, -1898, 2148);--block-max-color: rgb(-3896, -3946, 4196);--block-2-text-color: var(--black);--block-4-text-color: var(--black);--block-8-text-color: var(--black);--block-16-text-color: var(--black);--block-32-text-color: var(--black);--block-64-text-color: var(--black);--block-128-text-color: var(--white);--block-256-text-color: var(--white);--block-512-text-color: var(--white);--block-1024-text-color: var(--white);--block-2048-text-color: var(--white);--block-max-text-color: var(--white)}.classic.tileset-colorful{--block-2-color: rgb(0, 128, 0);--block-4-color: rgb(64, 224, 208);--block-8-color: rgb(173, 216, 230);--block-16-color: rgb(240, 248, 255);--block-32-color: rgb(0, 0, 255);--block-64-color: rgb(128, 0, 128);--block-128-color: rgb(255, 192, 203);--block-256-color: rgb(255, 255, 0);--block-512-color: rgb(255, 165, 0);--block-1024-color: rgb(255, 69, 0);--block-2048-color: rgb(255, 0, 0);--block-max-color: rgb(170, 62, 0);--block-2-text-color: var(--black);--block-4-text-color: var(--black);--block-8-text-color: var(--black);--block-16-text-color: var(--black);--block-32-text-color: var(--white);--block-64-text-color: var(--white);--block-128-text-color: var(--black);--block-256-text-color: var(--black);--block-512-text-color: var(--black);--block-1024-text-color: var(--black);--block-2048-text-color: var(--black);--block-max-text-color: var(--white)}.classic.tileset-initial-commit{--background-color: #6495ed;--block-2-color: #cacaca;--block-4-color: #8c8c8c;--block-8-color: #cb7224;--block-16-color: #435dfb;--block-32-color: #b22ae5;--block-64-color: #ff2727;--block-128-color: #cb24c2;--block-256-color: #1f9f01;--block-512-color: rgb(255, 165, 0);--block-1024-color: rgb(255, 69, 0);--block-2048-color: rgb(255, 255, 0);--block-max-color: rgba(0, 212, 187);--block-2-text-color: var(--black);--block-4-text-color: var(--black);--block-8-text-color: var(--black);--block-16-text-color: var(--black);--block-32-text-color: var(--black);--block-64-text-color: var(--black);--block-128-text-color: var(--black);--block-256-text-color: var(--black);--block-512-text-color: var(--black);--block-1024-text-color: var(--black);--block-2048-text-color: var(--black);--block-max-text-color: var(--black)}body.classic:not(.tileset-initial-commit){background-image:url(/images/CheckerboardTiles.png)}body.classic a.link-icon.disabled>*{color:revert}body.classic a.link-icon.disabled:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 45%,red 45%,red 55%,transparent 55%);pointer-events:none}@media (hover){body.classic a.link-icon:not(.disabled):hover>svg{color:var(--hovered-color)}}@media (max-width: 330px){body.classic .top-menu{padding:1rem .5rem}}body.classic .top-menu>.menu-options>.score-wrap-box{position:absolute;width:100%;background-color:orange;flex-direction:row;top:140px;left:0}body.classic .top-menu>.menu-options>.score-wrap-box>*:first-child{padding-left:1em}body.classic .top-menu>.menu-options>.score-wrap-box>*:last-child{padding-right:1em}body.classic .top-menu>.menu-options>.score-wrap-box>.space{flex:1}body.classic .top-menu>.menu-options>.commands{margin-top:20px}body.classic .top-menu>.title{display:none}body.classic .top-menu>.classic-logo{display:block!important;width:200px}body.classic .back-rows{border:2px solid black;padding:0}body.classic .pane>.footer a:hover{color:var(--hovered-color)}body.classic button.close:hover>svg{color:var(--hovered-color)}body.classic button.button{background-color:#ff0;border:2px solid black;border-radius:0}body.classic button.button>*{color:#000;font-weight:700}@media (hover){body.classic button.button:hover{background-color:#abab00;color:#fff}}body.classic button.button.share-button,body.classic button.button.clipboard-button{padding:.5em;border:2px solid black;background-color:var(--share-button-background-color)}body.classic button.button.share-button>*,body.classic button.button.clipboard-button>*{color:#000;font-weight:700}@media (hover){body.classic button.button.share-button:hover,body.classic button.button.clipboard-button:hover{background-color:var(--share-button-background-color-hover)}}body.classic button.button.new-game{padding:1em .5em}body.classic button.button.new-game>*{color:#000;font-weight:700}@media (hover){body.classic .settings .settings-item:hover *{color:var(--hovered-color)}body.classic .settings .settings-item:hover .knob:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#add8e640}body.classic .settings .settings-item:active .knob:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#32cd3266}}body.classic .box{margin:0;border:1px solid rgba(0,0,0,0)}body.classic .box.number-block{border:1px solid black}body.classic .settings.pane{font-weight:300}body.classic .box.number-block.block-4096{background-color:var(--block-max-color)}body.classic .box.number-block.block-4096>.box-letter{color:var(--block-max-text-color)}body.classic .box.number-block.block-8192{background-color:var(--block-max-color)}body.classic .box.number-block.block-8192>.box-letter{color:var(--block-max-text-color)}body.classic .box.number-block.block-16384{background-color:var(--block-max-color)}body.classic .box.number-block.block-16384>.box-letter{color:var(--block-max-text-color)}body.classic .box.number-block.block-32768{background-color:var(--block-max-color)}body.classic .box.number-block.block-32768>.box-letter{color:var(--block-max-text-color)}body.classic .box.number-block.block-65536{background-color:var(--block-max-color)}body.classic .box.number-block.block-65536>.box-letter{color:var(--block-max-text-color)}.classic-welcome-text{display:none;position:absolute;top:0;left:0;font-family:var(--text-font-family)}body.classic .dialog.game-over{background-color:#ff612e}body.classic .dialog.win{background-color:#0f0}body.classic .knob{position:relative;width:32px;height:32px;border-radius:0;background-image:url(/images/Checkbox_unchecked.png)}body.classic .knob.enabled{background-image:url(/images/Checkbox_checked.png)}body.classic .knob>.knob-inside{display:none}body.classic .landscape-overlay{background-image:url(/images/CheckerboardTiles.png)}body.classic .landscape-overlay>.overlay-content{background-color:#00000080;padding:12px}body.classic .landscape-overlay>.overlay-content>*{color:#fff}body.classic .notification-area>.notification{border-radius:0;margin:0;font-family:var(--text-font-family)}.snow{--background-color: linear-gradient(180deg, rgba(2, 0, 36, 1) 40%, rgba(9, 9, 121, 1) 100%);--fallback-background-color: rgb(2, 0, 36);--dialog-background-color: #070069;--text-color: var(--white);--standard-block-color: rgba(4, 0, 49, .6);--back-layer-color: rgba(255, 255, 255, .6);--block-2-color: #e0f7fa;--block-4-color: #b3e5fc;--block-8-color: #81d4fa;--block-16-color: #4fc3f7;--block-32-color: #29b6f6;--block-64-color: #03a9f4;--block-128-color: #0277bd;--block-256-color: #01579b;--block-512-color: #ffa726;--block-1024-color: #ffb74d;--block-2048-color: #fdd14b;--block-4096-color: #ffecb3;--block-8192-color: #fff8e1;--block-16384-color: #ffffe0;--block-32768-color: #fffde7;--block-65536-color: #ffffff;--block-max-color: #ffffff;--block-2-text-color: #2b3a67;--block-4-text-color: #2b3a67;--block-8-text-color: #2b3a67;--block-16-text-color: #2b3a67;--block-32-text-color: #2b3a67;--block-64-text-color: #2b3a67;--block-128-text-color: #ffffff;--block-256-text-color: #ffffff;--block-512-text-color: #ffffff;--block-1024-text-color: #ffffff;--block-2048-text-color: #ffffff;--block-4096-text-color: #000000;--block-8192-text-color: #000000;--block-16384-text-color: #000000;--block-32768-text-color: #000000;--block-65536-text-color: #000000;--block-max-text-color: #000000}.snow.tileset-christmas{--block-2-color: #d7ccc8;--block-4-color: #bcaaa4;--block-8-color: #a5d6a7;--block-16-color: #81c784;--block-32-color: #66bb6a;--block-64-color: #4caf50;--block-128-color: #78a678;--block-256-color: #d86e6e;--block-512-color: #ef5350;--block-1024-color: #f44336;--block-2048-color: #e53935;--block-4096-color: #d32f2f;--block-8192-color: #b71c1c;--block-16384-color: #9c1b1b;--block-32768-color: #7f1616;--block-65536-color: #5f1010;--block-max-color: #5f1010;--block-2-text-color: #2e1b0e;--block-4-text-color: #2e1b0e;--block-8-text-color: #ffffff;--block-16-text-color: #ffffff;--block-32-text-color: #ffffff;--block-64-text-color: #ffffff;--block-128-text-color: #ffffff;--block-256-text-color: #ffffff;--block-512-text-color: #ffffff;--block-1024-text-color: #ffffff;--block-2048-text-color: #ffffff;--block-4096-text-color: #ffffff;--block-8192-text-color: #ffffff;--block-16384-text-color: #ffffff;--block-32768-text-color: #ffffff;--block-65536-text-color: #ffffff;--block-max-text-color: #ffffff}body.snow button.button{background-color:#b3e5fc;border:2px solid #81d4fa}@media (hover){body.snow button.button:hover{background-color:#75d1fb}}body.snow button.button>*{color:#01579b;font-weight:700}body.snow button.button.share-button,body.snow button.button.clipboard-button{border:2px solid black}body.snow button.button.share-button>*,body.snow button.button.clipboard-button>*{color:#fff}@media (hover){body.snow button.button.share-button:hover,body.snow button.button.clipboard-button:hover{background-color:var(--share-button-background-color-hover)}}body.snow .score-box,body.snow .highscore-box{background-color:#96dbee}body.snow .score-box>.score-label,body.snow .highscore-box>.score-label{color:#01579b}body.snow .score-box>.score,body.snow .highscore-box>.highscore{color:#1c313a}body.snow .score-box>span{color:#fffb00}.embedim-snow{pointer-events:none}body .footer>.snow-theme-credits{opacity:0;pointer-events:none}body.snow .footer>.snow-theme-credits{opacity:1;pointer-events:initial}.christmas-lights-container{display:none;pointer-events:none}body.snow.tileset-christmas .christmas-lights-container{position:absolute;top:0;left:0;width:100%;border-radius:15px;display:flex;justify-content:space-around;align-items:center}body.snow.tileset-christmas .green-line{position:absolute;top:60%;left:0;width:100%;height:20px;background:none;border-top:3px solid #388e3c;border-radius:30px;transform:translateY(-50%);z-index:1}body.snow.tileset-christmas .christmas-light{width:20px;height:20px;border-radius:50%;animation:flash 7.5s infinite step-end;position:relative;z-index:2}@keyframes flash{0%{background-color:red}17%{background-color:#0f0}34%{background-color:#00f}50%{background-color:#ff0}67%{background-color:#0ff}84%{background-color:#f0f}to{background-color:red}}@keyframes flash2{0%{background-color:#00f}17%{background-color:#ff0}34%{background-color:#0ff}50%{background-color:#f0f}67%{background-color:red}84%{background-color:#0f0}to{background-color:#00f}}body.snow.tileset-christmas .christmas-light:nth-child(odd){animation-name:flash}body.snow.tileset-christmas .christmas-light:nth-child(2n){animation-name:flash2}body.block-style-compact .game-space{top:50%}body.block-style-compact .game-space .input-row,body.block-style-compact .game-space .back-row{max-height:3rem}body.block-style-compact .game-space .box{padding:1.25em}.debug-overlay{position:absolute;left:0;margin:.5em;background-color:#00000080}.debug-overlay>.debug-row{display:flex}.debug-overlay>.debug-row>*{width:120px;color:#fff}.debug-overlay>.debug-row>*:first-child{width:160px}@font-face{font-family:Comic Neue;src:url(/fonts/comicneue/ComicNeue-Regular.woff2);font-weight:400;font-style:normal}@font-face{font-family:Comic Neue;src:url(/fonts/comicneue/ComicNeue-Bold.woff2);font-weight:700;font-style:normal}:root{--green: green;--yellow: #eec039;--orange: #f5793a;--blue: #85c0f9;--black: #000;--white: #fff;--gray-1: rgb(22, 22, 22);--gray-2: #333;--gray-3: #737373;--gray-4: grey;--gray-5: #aaa;--gray-6: rgb(202, 202, 202);--gray-7: lightgrey;--beige: bisque;--darkorange: #ff7410;--lightorange: #ffc296;--standard-color: var(--gray-5);--standard-block-color: #cdc1b4;--hovered-color: var(--yellow);--enabled-color: var(--green);--box-border-color: var(--gray-3);--box-border-color-highlighted: var(--gray-5);--settings-item-border: 1px solid var(--gray-4);--background-color: var(--beige);--fallback-background-color: var(--background-color);--item-background-color: rgba(0, 0, 0, 0);--dialog-background-color: var(--beige);--text-color: var(--black);--letter-text-color: var(--white);--letter-selected-text-color: var(--white);--letter-selected-inverted-text-color: var(--white);--text-font-family: sans-serif;--notification-background-color: var(--gray-7);--notification-border: 1px solid var(--gray-7);--notification-text-color: var(--black);--share-button-background-color: var(--green);--share-button-background-color-hover: rgb(0, 82, 0);--back-layer-color: goldenrod;--block-2-color: #eee4da;--block-4-color: #ede0c8;--block-8-color: #f2b179;--block-16-color: #f59563;--block-32-color: #f67c5f;--block-64-color: #f65e3b;--block-128-color: #edcf72;--block-256-color: #edcc61;--block-512-color: #edc850;--block-1024-color: #edc53f;--block-2048-color: #edc22e;--block-4096-color: #3da5d9;--block-8192-color: #326589;--block-16384-color: #283552;--block-32768-color: #1c2235;--block-65536-color: #0f111a;--block-max-color: #ffea00;--block-2-text-color: #776e65;--block-4-text-color: #776e65;--block-8-text-color: #f9f6f2;--block-16-text-color: #f9f6f2;--block-32-text-color: #f9f6f2;--block-64-text-color: #f9f6f2;--block-128-text-color: #f9f6f2;--block-256-text-color: #f9f6f2;--block-512-text-color: #f9f6f2;--block-1024-text-color: #f9f6f2;--block-2048-text-color: #f9f6f2;--block-4096-text-color: #f9f6f2;--block-8192-text-color: #f9f6f2;--block-16384-text-color: #f9f6f2;--block-32768-text-color: #f9f6f2;--block-65536-text-color: #f9f6f2;--block-max-text-color: #f9f6f2;--classic-checkerboard-color: rgb(128, 128, 128)}html{font-size:125%;font-family:var(--text-font-family)}body{background:var(--fallback-background-color);background:var(--background-color);margin:0;overflow:hidden}svg{color:var(--text-color)}a.link-icon{position:relative}body a.link-icon.disabled>*{color:gray}button{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button.close{z-index:1;width:2.5rem;height:2.5rem;background-color:#0000;color:var(--text-color)}button.button{font-family:var(--text-font-family);margin:.5em 0;padding:1em .5em;border-radius:8em;background-color:#8f7a66;border:2px solid #bbada0}button.button:hover{background-color:#a58a71}button.button>*{color:#fff;font-weight:700}.overlay-back{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;z-index:100}body button.button.share-button,body button.button.clipboard-button{padding:.5em;border-radius:8em;background-color:var(--share-button-background-color)}button.button.share-button>*,button.button.clipboard-button>*{color:var(--letter-selected-inverted-text-color);font-weight:700}button.button.new-game{padding:1em .5em;border-radius:8em;background-color:brown}button.button.new-game>*{color:var(--letter-selected-inverted-text-color);font-weight:700}@media (hover){button.button.share-button:hover,button.button.clipboard-button:hover{background-color:var(--share-button-background-color-hover)}button.button.new-game:hover{background-color:#731b1b}}span.error-text{margin:1em}a{color:var(--text-color)}.loader>span{font-size:1.6rem}