@import"https://fonts.googleapis.com/css2?family=Figtree:wght@100;200;300;400;500;600;700;900&display=swap";html,body{font-family:Figtree;width:100%;height:100%;overflow:hidden;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}body:not(.page-ready) #grid,body:not(.page-ready) #stack,body:not(.page-ready) #nextLevel,body:not(.page-ready) .grid-container,body:not(.page-ready) .stack-container,body:not(.page-ready) .displayLevels,body:not(.page-ready) .author,body:not(.page-ready) .author2,body:not(.page-ready) .logo-title h1{opacity:0}body.page-ready #grid,body.page-ready #stack,body.page-ready #nextLevel,body.page-ready .grid-container,body.page-ready .stack-container,body.page-ready .displayLevels,body.page-ready .author,body.page-ready .author2,body.page-ready .logo-title h1{opacity:1;transition:opacity 0s ease-out}@keyframes content-reveal-fallback{to{opacity:1}}body:not(.page-ready) #grid,body:not(.page-ready) #stack,body:not(.page-ready) #nextLevel,body:not(.page-ready) .grid-container,body:not(.page-ready) .stack-container,body:not(.page-ready) .displayLevels,body:not(.page-ready) .author,body:not(.page-ready) .author2,body:not(.page-ready) .logo-title h1{animation:content-reveal-fallback 0s 1s forwards}:root{--cellSize: 50px;--cardRotation: 0deg;--counter-font-size: 24px;--drawer-width:300px;--card-transition-time:.01s;--drawer-top: 50px;--nav-top: 50px;--logo-mid-size: 70px;--lock-icon-size: 20px;--color-blind-icon-size: calc(var(--cellSize) * .3);--color-blind-icon-stroke: calc(var(--cellSize) * .05);--color-blind-cyan: #008888;--color-blind-magenta: #990099;--color-blind-yellow: #997700;--color-blind-black: #444444;--color-blind-cyan-alt: #5545ac;--color-blind-magenta-alt: #007458;--color-blind-yellow-alt: #b87a10;--color-blind-black-alt: #b85a10;--bg-color: #e9e9e9;--text-color: #000000;--nav-bg: rgb(243, 243, 243);--nav-border: rgba(208, 208, 208, 1);--drawer-bg: #f4f4f4;--painter-drawer-bg: #f8f8f8;--button-bg: white;--button-border: #555555;--card-shadow: rgb(0, 0, 0);--grid-lines: grey;--counter-color: #4d4d4d;--counter-color-black: #ffffff;--color-cyan: #0ff;--color-magenta: #f0f;--color-yellow: #ff0;--color-black: #000;--color-cyan-alt: #8575fc;--color-magenta-alt: #00B487;--color-yellow-alt: #FFC548;--color-black-alt: #ff852e;--bg-color-alt: #DBC8FE;--nav-bg-alt: #B9A6FC;--drawer-bg-alt: #C9B8FD;--color-white-alt: #eee5ff;--color-grey: grey;--color-cell: rgb(0, 255, 110);--color-always-black: #000000;--color-always-white: #ffffff;--stack-bg: rgba(200, 200, 200, .25);--link-color: #0066cc;--link-hover-color: #004499;--link-visited-color: #663399;--clue-opacity: .6;--clue-black-opacity: .6;--lock-icon-filter: invert(.8)}[data-theme=dark]{--bg-color: #000;--text-color: #ffffff;--nav-bg: #1f1f1f;--nav-border: #404040;--drawer-bg: #2d2d2d;--painter-drawer-bg: #2d2d2d;--button-bg: #8b8b8b;--button-inactive-bg: #555555;--button-border: #666666;--card-shadow: rgb(0, 0, 0);--grid-lines: #9c9c9c;--counter-color: #ffffff;--counter-color-black: #000000;--color-always-white: #ffffff;--stack-bg: rgba(60, 60, 60, .4);--link-color: #66b3ff;--link-hover-color: #99ccff;--link-visited-color: #cc99ff;--color-cyan: #0ff;--color-magenta: #f0f;--color-yellow: #ff0;--color-black: rgb(128, 128, 128);--color-blind-cyan: #006666;--color-blind-magenta: #770077;--color-blind-yellow: #886600;--color-blind-black: #aaaaaa;--color-cyan-alt: #8575fc;--color-magenta-alt: #00B487;--color-yellow-alt: #FFC548;--color-black-alt: #ff852e;--bg-color-alt: #484A9D;--nav-bg-alt: #373068;--drawer-bg-alt: #3F3A7D;--color-white: #000;--color-grey: #666;--color-cell: rgb(0, 200, 80);--clue-opacity: .6;--clue-black-opacity: .6;--lock-icon-filter: invert(0)}[data-color-palette=alternative]{--color-cyan: var(--color-cyan-alt);--color-magenta: var(--color-magenta-alt);--color-yellow: var(--color-yellow-alt);--color-black: var(--color-black-alt);--bg-color: var(--bg-color-alt);--nav-bg: var(--nav-bg-alt);--drawer-bg: var(--drawer-bg-alt);--color-white: var(--color-white-alt);--stack-bg: rgba(150, 130, 200, .25)}[data-theme=dark][data-color-palette=alternative]{--color-cyan: var(--color-cyan-alt);--color-magenta: var(--color-magenta-alt);--color-yellow: var(--color-yellow-alt);--color-black: var(--color-black-alt);--bg-color: var(--bg-color-alt);--nav-bg: var(--nav-bg-alt);--drawer-bg: var(--drawer-bg-alt);--color-white: var(--nav-bg-alt);--grid-lines: #9c9c9c;--stack-bg: rgba(117, 94, 175, .35)}@media screen and (max-width: 690px){:root{--grid-top: 12%;--stack-top: 12%;--grid-margin-bottom: 2%}.drawer{left:0;right:auto;bottom:-100%;height:35%!important;transition:bottom .3s ease;border-left:none;border-top:1px solid #ddd;width:100%!important;top:auto!important;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f}.drawer.open{bottom:0;right:auto!important}#accessibility-drawer{left:0!important;right:auto!important;bottom:-100%;height:35%!important;width:100%!important;top:auto!important;transition:bottom .3s ease;border-left:none;border-top:1px solid var(--nav-border);box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f}#accessibility-drawer.open{bottom:0;right:auto!important}}@media screen and (min-width: 690px) and (max-width: 940px){:root{--grid-top: 12%;--stack-top: 12%;--grid-margin-bottom: 2%}}@media screen and (min-width: 940px){:root{--grid-top: 12%;--stack-top: 12%;--grid-margin-bottom: 1%}}@media screen and (max-height: 720px){:root{--logo-size: 100px;--logo-mid-size:50px;--grid-container-margin: 50px auto;--grid-top: 12%;--stack-top: 12%;--grid-margin-bottom: 1%}}@media screen and (min-height: 721px) and (max-height: 849px){:root{--logo-size: 140px;--logo-mid-size:70px;--grid-container-margin: 75px auto;--grid-top: 12%;--stack-top: 12%;--grid-margin-bottom: 1%}}@media screen and (min-height: 850px){:root{--logo-size: 200px;--logo-mid-size:80px;--grid-container-margin: 120px auto;--grid-margin-bottom: 2%}}#grid{position:relative;top:max(calc(var(--cellSize)),calc(var(--grid-top)));border:1px solid var(--text-color);background-image:linear-gradient(to right,var(--grid-lines) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-lines) 1px,transparent 1px);background-size:var(--cellSize) var(--cellSize);margin:0 auto;margin-bottom:var(--grid-margin-bottom);opacity:0}#grid,#stack{transition:top .3s ease-out,width .2s ease-out,height .2s ease-out}.card{position:relative;box-shadow:1px 1px 2px var(--card-shadow);background-color:transparent;transition:box-shadow .3s ease,width .2s ease-out,height .2s ease-out}.card-no-shadow{box-shadow:none}.card:hover:not(.dragging){box-shadow:2px 2px 5px var(--card-shadow);transform:rotate(0) scale(1.02);transition:transform .3s ease}.card .card-inner{position:relative;transform-origin:var(--cellSize) var(--cellSize);rotate:var(--cardRotation)}.card.disabled{pointer-events:none}.placeholder{transition:all .3s ease;opacity:0;pointer-events:none;background-color:transparent;border:none;box-shadow:none;cursor:default}.cell{position:absolute;background-color:var(--color-cell);width:var(--cellSize);height:var(--cellSize);transition:top .2s ease-out,left .2s ease-out,width .2s ease-out,height .2s ease-out}.cell:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.cell .card-counter{pointer-events:none;width:100%;height:100%;z-index:2;line-height:var(--cellSize);position:absolute;text-align:center;vertical-align:middle;font-size:var(--counter-font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100;color:var(--counter-color);font-family:Figtree;font-weight:400}.cell .card-counter.black{color:var(--counter-color-black)}.cell .card-counter.dots-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px;padding:2px}.cell .card-counter.dots-container .dot{width:5px;height:5px;border-radius:50%;background-color:var(--counter-color)}.cell .card-counter.black.dots-container .dot{background-color:var(--counter-color-black)}.cell .card-counter .card-counter-corners{position:absolute;top:0;right:0;bottom:0;left:0}.cell .card-counter .card-counter-corners .corner{position:absolute;width:calc(var(--cellSize) * .2);height:calc(var(--cellSize) * .2);border-style:solid;border-width:calc(var(--cellSize) * .03);border-color:var(--counter-color);border-right:0;border-bottom:0;opacity:0;transition:opacity .2s ease}.cell .card-counter .card-counter-corners .corner.tl{top:0;left:0}.cell .card-counter .card-counter-corners .corner.tr{top:0;right:0;transform:rotate(90deg)}.cell .card-counter .card-counter-corners .corner.bl{bottom:0;left:0;transform:rotate(270deg)}.cell .card-counter .card-counter-corners .corner.br{bottom:0;right:0;transform:rotate(180deg)}.cell .card-counter .card-counter-corners .corner[data-visible=true]{opacity:1}.cell .card-counter.black .card-counter-corners .corner{border-color:var(--counter-color-black)}.cell .card-counter .card-counter-corners.corner-dots .corner-dot{position:absolute;width:calc(var(--cellSize) * .08);height:calc(var(--cellSize) * .08);border-radius:50%;background-color:var(--counter-color);opacity:0;transition:opacity .15s ease}.cell .card-counter .card-counter-corners.corner-dots .corner-dot.tl{top:calc(var(--cellSize) * .04);left:calc(var(--cellSize) * .04)}.cell .card-counter .card-counter-corners.corner-dots .corner-dot.tr{top:calc(var(--cellSize) * .04);right:calc(var(--cellSize) * .04)}.cell .card-counter .card-counter-corners.corner-dots .corner-dot.bl{bottom:calc(var(--cellSize) * .04);left:calc(var(--cellSize) * .04)}.cell .card-counter .card-counter-corners.corner-dots .corner-dot.br{bottom:calc(var(--cellSize) * .04);right:calc(var(--cellSize) * .04)}.cell .card-counter .card-counter-corners.corner-dots .corner-dot[data-visible=true]{opacity:1}.cell .card-counter.black .card-counter-corners.corner-dots .corner-dot{background-color:var(--counter-color-black)}.cell .card-counter .card-counter-corners.corner-arcs .corner-arc{position:absolute;width:4px;height:4px;background-color:var(--counter-color);opacity:0;transition:opacity .15s ease}.cell .card-counter .card-counter-corners.corner-arcs .corner-arc.tl{top:0;left:0;border-bottom-right-radius:100%}.cell .card-counter .card-counter-corners.corner-arcs .corner-arc.tr{top:0;right:0;border-bottom-left-radius:100%}.cell .card-counter .card-counter-corners.corner-arcs .corner-arc.bl{bottom:0;left:0;border-top-right-radius:100%}.cell .card-counter .card-counter-corners.corner-arcs .corner-arc.br{bottom:0;right:0;border-top-left-radius:100%}.cell .card-counter .card-counter-corners.corner-arcs .corner-arc[data-visible=true]{opacity:1}.cell .card-counter.black .card-counter-corners.corner-arcs .corner-arc{background-color:var(--counter-color-black)}:root{--diamond-percent: 20%}.cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond{position:absolute;width:var(--diamond-percent);height:var(--diamond-percent);background-color:var(--counter-color);opacity:0;transition:opacity 1s ease;z-index:1}.cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.tl{top:0;left:0;clip-path:polygon(0 0,100% 0,0 100%)}.cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.tr{top:0;right:0;clip-path:polygon(0 0,100% 0,100% 100%)}.cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.bl{bottom:0;left:0;clip-path:polygon(0 0,100% 100%,0 100%)}.cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.br{bottom:0;right:0;clip-path:polygon(100% 0,100% 100%,0 100%)}.cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond[data-visible=true]{opacity:1}[data-theme=dark] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond{background-color:#4b4b4b}[data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.tl{background-color:var(--color-blind-cyan)}[data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.tr{background-color:var(--color-blind-magenta)}[data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.bl{background-color:var(--color-blind-yellow)}[data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.br{background-color:var(--color-blind-black)}[data-color-palette=alternative][data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.tl{background-color:var(--color-blind-cyan-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.tr{background-color:var(--color-blind-magenta-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.bl{background-color:var(--color-blind-yellow-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .cell .card-counter .card-counter-corners.corner-diamonds .corner-diamond.br{background-color:var(--color-blind-black-alt)}[data-cell-hint-mode=diamonds] .card{background-color:transparent}[data-cell-hint-mode=diamonds] .card .card-inner .cell:nth-child(1){clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--diamond-percent)),calc(100% - var(--diamond-percent)) 100%,0% 100%)}[data-cell-hint-mode=diamonds] .card .card-inner .cell:nth-child(2){clip-path:polygon(0% 0%,100% 0%,100% 100%,var(--diamond-percent) 100%,0% calc(100% - var(--diamond-percent)))}[data-cell-hint-mode=diamonds] .card .card-inner .cell:nth-child(3){clip-path:polygon(0% 0%,calc(100% - var(--diamond-percent)) 0%,100% var(--diamond-percent),100% 100%,0% 100%)}[data-cell-hint-mode=diamonds] .card .card-inner .cell:nth-child(4){clip-path:polygon(var(--diamond-percent) 0%,100% 0%,100% 100%,0% 100%,0% var(--diamond-percent))}[data-cell-hint-mode=diamonds] #grid-cards .card{background-color:var(--color-grey)}[data-cell-hint-mode=diamonds] #grid-cards .card .cell{clip-path:none}.card .cell{pointer-events:none}#hold{width:15px;height:15px;pointer-events:none;position:absolute;z-index:200}#hold .card{margin:calc(-1 * var(--cellSize)) calc(-1 * var(--cellSize));box-shadow:4px 4px 7px #000;transition:var(--card-transition-time) ease-out,box-shadow 1s ease-out}#stack{position:relative;top:var(--stack-top);margin:0 auto;background-color:var(--stack-bg);border-radius:5px;padding:10px;max-width:920px;opacity:0;font-size:0}#stack .card{margin:var(--cardMargin, 5px);display:inline-block;font-size:initial}#grid-cards .card{position:absolute}.push-to-front{position:relative;z-index:50}@keyframes shake{0%{transform:translate(0)}12.5%{transform:translate(-10px)}25%{transform:translate(10px)}37.5%{transform:translate(-7px)}50%{transform:translate(7px)}62.5%{transform:translate(-4px)}75%{transform:translate(4px)}87.5%{transform:translate(-3px)}to{transform:translate(0)}}.card.shake{animation:shake .7s;box-shadow:3px 3px 20px red;transition:box-shadow .1s ease}.card-animating{transition:transform var(--card-transition-time) cubic-bezier(.4,0,.2,1),rotate .4s cubic-bezier(.4,0,.2,1);will-change:transform}#clueStack{position:absolute;left:50%;transform:translate(-50%);top:max(40px,calc(var(--grid-top) - 100px));margin:0;padding:10px 0;max-width:300px;width:calc(5* var(--cellSize));height:50px;opacity:1;transition:ease-out .3s;z-index:10}.clue-tool{position:relative;width:var(--cellSize);height:var(--cellSize);display:inline-block;cursor:pointer;line-height:var(--cellSize);transition:transform .2s ease,box-shadow .3s ease}.clue-tool:hover{transform:scale(1.1);box-shadow:2px 2px 5px #00000080}.clue-tool:hover:after{transform:translate(-50%,-50%) scale(1)}.clue-tool.remove-tool{background-color:transparent;border:2px solid var(--text-color);position:relative;box-sizing:border-box}.clue-tool.remove-tool:before{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2em;font-weight:700;color:var(--text-color);line-height:1}.clue-tool.remove-tool.active:before{font-weight:900;font-size:1.4em}.clue-tool.active:after{content:"✚";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1em;font-weight:bolder;color:#000;transition:none}.clue-tool.remove-tool.active:after{content:none}.clue-tool[data-color="3"].active:after{color:#fff}[data-color-blind-mode=on] .clue-tool[data-color="0"]:before,[data-color-blind-mode=on] .clue-tool[data-color="1"]:before,[data-color-blind-mode=on] .clue-tool[data-color="2"]:before,[data-color-blind-mode=on] .clue-tool[data-color="3"]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;pointer-events:none}[data-color-blind-mode=on] .clue-tool[data-color="0"]:before{width:var(--color-blind-icon-size);height:var(--color-blind-icon-size);background-color:var(--color-blind-cyan)}[data-color-blind-mode=on] .clue-tool[data-color="1"]:before{width:var(--color-blind-icon-stroke);height:calc(var(--color-blind-icon-size) * 1.5);background-color:var(--color-blind-magenta);transform:translate(-50%,-50%) rotate(45deg)}[data-color-blind-mode=on] .clue-tool[data-color="2"]:before{width:calc(var(--color-blind-icon-size) * 1.25);height:calc(var(--color-blind-icon-size) * 1.25);border-radius:50%;border:var(--color-blind-icon-stroke) solid var(--color-blind-yellow);background-color:transparent!important;box-sizing:border-box}[data-color-blind-mode=on] .clue-tool[data-color="3"]:before{width:0;height:0;border-left:calc(var(--color-blind-icon-size) * .6) solid transparent;border-right:calc(var(--color-blind-icon-size) * .6) solid transparent;border-bottom:calc(var(--color-blind-icon-size) * 1.1) solid var(--color-blind-black);background-color:transparent}[data-color-palette=alternative][data-color-blind-mode=on] .clue-tool[data-color="0"]:before{background-color:var(--color-blind-cyan-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .clue-tool[data-color="1"]:before{background-color:var(--color-blind-magenta-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .clue-tool[data-color="2"]:before{border-color:var(--color-blind-yellow-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .clue-tool[data-color="3"]:before{border-bottom-color:var(--color-blind-black-alt)}.cell[data-clue-color="0"]:not([data-clue-color="-1"]):before{background-color:var(--color-cyan);opacity:var(--clue-opacity)}.cell[data-clue-color="1"]:not([data-clue-color="-1"]):before{background-color:var(--color-magenta);opacity:var(--clue-opacity)}.cell[data-clue-color="2"]:not([data-clue-color="-1"]):before{background-color:var(--color-yellow);opacity:var(--clue-opacity)}.cell[data-clue-color="3"]:not([data-clue-color="-1"]):before{background-color:var(--color-black);opacity:var(--clue-black-opacity)}[data-color-blind-mode=on] .cell[data-clue-color="0"]:not([data-clue-color="-1"]):after,[data-color-blind-mode=on] .cell[data-clue-color="1"]:not([data-clue-color="-1"]):after,[data-color-blind-mode=on] .cell[data-clue-color="2"]:not([data-clue-color="-1"]):after,[data-color-blind-mode=on] .cell[data-clue-color="3"]:not([data-clue-color="-1"]):after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(calc(-1 * var(--cardRotation, 0deg)));z-index:101;pointer-events:none;color:var(--counter-color)}[data-color-blind-mode=on] .cell[data-clue-color="0"]:not([data-clue-color="-1"]):after{width:var(--color-blind-icon-size);height:var(--color-blind-icon-size);background-color:var(--color-blind-cyan)}[data-color-blind-mode=on] .cell[data-clue-color="1"]:not([data-clue-color="-1"]):after{width:var(--color-blind-icon-stroke);height:calc(var(--color-blind-icon-size) * 1.5);background-color:var(--color-blind-magenta);transform:translate(-50%,-50%) rotate(calc(-1 * var(--cardRotation, 0deg) + 45deg))}[data-color-blind-mode=on] .cell[data-clue-color="2"]:not([data-clue-color="-1"]):after{width:calc(var(--color-blind-icon-size) * 1.25);height:calc(var(--color-blind-icon-size) * 1.25);border-radius:50%;border:var(--color-blind-icon-stroke) solid var(--color-blind-yellow);background-color:transparent!important;box-sizing:border-box}[data-color-blind-mode=on] .cell[data-clue-color="3"]:not([data-clue-color="-1"]):after{width:0;height:0;border-left:calc(var(--color-blind-icon-size) * .6) solid transparent;border-right:calc(var(--color-blind-icon-size) * .6) solid transparent;border-bottom:calc(var(--color-blind-icon-size) * 1.1) solid var(--color-blind-black);background-color:transparent}[data-color-blind-mode=on] .cell[data-cell-color="0"]:after,[data-color-blind-mode=on] .cell[data-cell-color="1"]:after,[data-color-blind-mode=on] .cell[data-cell-color="2"]:after,[data-color-blind-mode=on] .cell[data-cell-color="3"]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(calc(-1 * var(--cardRotation, 0deg)));z-index:200;pointer-events:none}[data-color-blind-mode=on] .cell[data-cell-color="0"]:after{width:var(--color-blind-icon-size);height:var(--color-blind-icon-size);background-color:var(--color-blind-cyan)}[data-color-blind-mode=on] .cell[data-cell-color="1"]:after{width:var(--color-blind-icon-stroke);height:calc(var(--color-blind-icon-size) * 1.5);background-color:var(--color-blind-magenta);transform:translate(-50%,-50%) rotate(calc(-1 * var(--cardRotation, 0deg) + 45deg))}[data-color-blind-mode=on] .cell[data-cell-color="2"]:after{width:calc(var(--color-blind-icon-size) * 1.25);height:calc(var(--color-blind-icon-size) * 1.25);border-radius:50%;border:var(--color-blind-icon-stroke) solid var(--color-blind-yellow);background-color:transparent!important;box-sizing:border-box}[data-color-blind-mode=on] .cell[data-cell-color="3"]:after{width:0;height:0;border-left:calc(var(--color-blind-icon-size) * .6) solid transparent;border-right:calc(var(--color-blind-icon-size) * .6) solid transparent;border-bottom:calc(var(--color-blind-icon-size) * 1.1) solid var(--color-blind-black);background-color:transparent}[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-cell-color="0"]:after,[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-clue-color="0"]:after{background-color:var(--color-blind-cyan-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-cell-color="1"]:after,[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-clue-color="1"]:after{background-color:var(--color-blind-magenta-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-cell-color="2"]:after,[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-clue-color="2"]:after{border-color:var(--color-blind-yellow-alt)}[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-cell-color="3"]:after,[data-color-palette=alternative][data-color-blind-mode=on] .cell[data-clue-color="3"]:after{border-bottom-color:var(--color-blind-black-alt)}.display{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px;margin:0 auto}.displayLevels{margin-top:60px;padding:20px}.button{background-color:var(--button-bg);color:var(--color-always-black);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease;padding:15px 32px;border:2px solid var(--button-border);text-align:center;font-size:16px;font-family:Figtree;margin:40px auto 0;cursor:pointer;align-self:center;position:relative;overflow:hidden}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button:hover{box-shadow:0 4px 8px #0003;transform:rotate(0) scale(1.02);transition:transform .3s ease}.button:hover:before{left:100%}h1{font-size:60px;font-weight:900;margin-bottom:0}.logoBig{width:var(--logo-size);height:var(--logo-size);transition:width .5s ease,height .5s ease}.bigoctoghost{width:var(--logo-mid-size);height:var(--logo-mid-size);transition:width .5s ease,height .5s ease;margin:10px;fill:var(--text-color)}#cmyk-landing-page{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow:hidden;margin:0;padding:0}#cmyk-landing-page .grid-container{display:flex;position:relative;justify-content:space-around;width:50%;margin:var(--grid-container-margin);min-width:400px;max-width:400px;transition:margin .5s ease}#cmyk-landing-page .grid-section{position:relative;text-align:center;top:0%}#cmyk-landing-page .grid{position:relative;top:10%;border:1px black solid;background-image:linear-gradient(to right,grey 1px,transparent 1px),linear-gradient(to bottom,grey 1px,transparent 1px);background-size:var(--cellSize) var(--cellSize);margin:0 auto}#cmyk-landing-page .stack-container{display:flex;position:relative;top:0%;margin:0 auto}#cmyk-landing-page #stack{position:relative;top:10%;margin:0 auto;width:100%;background-color:transparent}#levelSelect{overflow:auto}nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-top);background-color:var(--nav-bg);padding:10px;border-bottom:1px solid var(--nav-border);z-index:1000;box-sizing:border-box;display:flex;justify-content:space-between}nav h1{margin:0;font-size:16px}.logo-title{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;flex:1;justify-content:center;max-width:200px;gap:20px}.logo{width:20px;height:20px;vertical-align:middle}.minioctoghost{width:25px;height:25px;vertical-align:middle;fill:var(--text-color)}.drawerIcons{width:35px;height:35px;vertical-align:middle}.drawerIcons2{width:30px;height:30px;vertical-align:middle}.drawerIcons3{width:20;height:20px;vertical-align:middle}html[data-theme=dark] img.drawerIcons:not([src*=CMYKLogoPlain]),html[data-theme=dark] img.drawerIcons2:not([src*=CMYKLogoPlain]){filter:invert(1)!important}nav button{font-size:12px;border:none;cursor:pointer;color:var(--text-color)}nav button:hover{color:var(--text-color);opacity:.7}.arrow-button{font-size:12px;color:var(--text-color);border:none;padding:5px 12px;border-radius:8px;background-color:transparent;font-weight:200;font-family:Figtree}#back-button{padding-left:6px;padding-right:6px}.nav-left{display:flex;align-items:center;gap:0px}.nav-right{display:flex;align-items:center}.level-group{display:flex;flex-direction:column;gap:0px;align-items:center}.level-group h2{margin:0;padding:10px;font-size:1.5em;border-bottom:2px solid var(--nav-border);max-width:1000px}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0px;max-width:200px;min-width:200px;margin:0 auto;padding:20px}.level-card{width:50px;height:50px;background-color:var(--button-bg);border-radius:0;box-shadow:0 2px 4px #0000001a;padding:0;cursor:pointer;transition:box-shadow .3s ease;box-sizing:border-box;color:var(--color-always-black)}.level-card:hover{box-shadow:0 4px 8px #0003;transform:rotate(0) scale(1.02);transition:transform .3s ease}.level-card-content{display:flex;align-items:center;justify-content:center;width:95%;height:100%;box-sizing:border-box}.level-info{display:flex;align-items:center}.level-details h3{margin:0;font-size:18px;font-weight:400}.level-card{border-left:5px solid var(--nav-border)}.level-card.easy{border-left:5px solid var(--color-cyan)}.level-card.medium{border-left:5px solid var(--color-magenta)}.level-card.hard{border-left:5px solid var(--color-yellow)}.level-card.boss{border-left:5px solid var(--color-always-black);border-radius:0}.level-card.completed{border-left:5px solid var(--nav-border);background:linear-gradient(135deg,var(--color-white),var(--nav-border));background-size:400% 400%;animation:shimmer 10s ease infinite}.level-card.easy.completed{border-left:5px solid var(--color-cyan);background:var(--color-cyan);background-size:400% 400%;animation:shimmer 10s ease infinite;color:var(--color-always-black)}.level-card.medium.completed{border-left:5px solid var(--color-magenta);background:var(--color-magenta);background-size:400% 400%;animation:shimmer 10s ease infinite;color:var(--color-always-black)}.level-card.hard.completed{border-left:5px solid var(--color-yellow);background:var(--color-yellow);background-size:400% 400%;animation:shimmer 10s ease infinite;color:var(--color-always-black)}.level-card.boss.completed{border-left:5px solid var(--color-always-black);background:var(--color-always-black);background-size:400% 400%;animation:shimmer 10s ease infinite;color:var(--color-always-white)}.level-card.boss.completed p{color:var(--text-color)}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.level-card.locked{opacity:.4;position:relative;background-color:var(--button-inactive-bg);color:var(--text-color)}.level-lock{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.level-lock-icon{width:var(--lock-icon-size);height:var(--lock-icon-size);filter:var(--lock-icon-filter)}.author{position:fixed;bottom:0;right:0;padding:10px 20px;font-size:.6em;color:var(--text-color);opacity:.6;font-family:Figtree;display:none}.author2{position:fixed;bottom:0;left:0;padding:10px 20px;font-size:.6em;color:var(--text-color);opacity:.6;font-family:Figtree;display:none}.blackHeart{width:1em;height:1em;vertical-align:middle;fill:var(--text-color)}.author-mobile{bottom:0;align-self:flex-start;padding:10px 0;font-size:10px;color:var(--text-color);opacity:.6;font-family:Figtree}.blur-fade{opacity:1;filter:blur(0px);transition:filter .5s ease-out,opacity .5s ease-out}.blur-fade.active{opacity:0;filter:blur(5px)}.drawer{position:fixed;right:calc(-1 * var(--drawer-width));top:var(--drawer-top);width:var(--drawer-width);height:calc(100% - var(--drawer-top));background-color:var(--drawer-bg);border-left:1px solid var(--nav-border);transition:right .3s ease;z-index:1000;font-family:Figtree;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:none;display:block}.drawer--with-shadow{box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f}.drawer.open{right:0}.drawer-content{padding:20px;overflow-y:auto}.drawer-settings{margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--nav-border)}.drawer-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--text-color);margin:8px 0 14px}.drawer-setting-row select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;border:1px solid var(--nav-border);background:var(--button-bg);color:var(--text-color);border-radius:10px;padding:8px 10px;font-family:Figtree;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}.toggle-switch input{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;pointer-events:auto;z-index:2;cursor:pointer}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--nav-border);transition:.3s;border-radius:24px;pointer-events:none}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--button-bg);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-cyan)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}[data-color-palette=alternative] .toggle-switch input:checked+.toggle-slider{background-color:var(--color-cyan-alt)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px var(--button-border)}.drawer h2{margin:10px 0;font-size:18px;color:var(--text-color);font-weight:bolder}.drawer h3{margin:10px 0;font-size:14px;color:var(--text-color);font-weight:700}.drawer p{margin-bottom:20px;font-size:14px;color:var(--text-color);opacity:.8}.instruction{margin-bottom:20px;font-size:14px;color:var(--text-color)}.instruction.highlight{background-color:var(--color-white);font-size:14px;font-weight:700}.instruction.color-blind-warning-alert{color:#dc3545;font-weight:700;background-color:#dc35451a;padding:8px 12px;border-radius:4px;border-left:3px solid #dc3545}.instruction-header{margin-bottom:20px;font-size:16px;color:var(--text-color);font-weight:700}.instruction-footer{bottom:0;position:fixed;background-color:var(--drawer-bg);padding-bottom:10px;font-size:14px;color:var(--text-color);text-align:center;font-weight:700;z-index:1}.instruction-footer-mobile{bottom:0;background-color:var(--drawer-bg);padding:30px 0 0;font-size:14px;color:var(--text-color);align-self:flex-start;font-weight:700;z-index:1}.drawer-toggle{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:0;z-index:1001;transition:right .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.drawer-toggle svg{width:20px;height:20px;color:inherit;fill:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.drawer-toggle svg:hover{fill:var(--text-color);opacity:.7}.drawer-button{color:var(--text-color);border-radius:6px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease;font-size:10px;font-family:Figtree;cursor:pointer;width:70%;padding:5px,0px;margin-bottom:20px;background-color:var(--drawer-bg)}.drawer-button:hover{box-shadow:0 4px 8px #0003;transform:rotate(0) scale(1.02);transition:transform .3s ease;color:var(--color-grey)}.data-management-dropdown{margin-top:20px}.dropdown-toggle{width:100%;border:none;text-align:left;cursor:pointer;background-color:var(--drawer-bg);color:var(--text-color);padding:0;font-family:Figtree}.dropdown-content{display:none;margin-top:10px;background-color:var(--drawer-bg)}.dropdown-content.show{display:block}#nextLevel{position:relative;display:none;align-items:center;justify-content:center;top:var(--stack-top);max-width:200px;margin:50px auto;animation:slideInFromBottom .8s cubic-bezier(.25,.46,.45,.94) forwards;transform:translateY(30px);opacity:0}@keyframes slideInFromBottom{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.nextLevel-button{background-color:var(--button-bg);color:var(--color-always-black);border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease;padding:15px 32px;border:2px solid var(--button-border);text-align:center;font-size:16px;font-family:Figtree;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.nextLevel-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nextLevel-button:hover{box-shadow:0 4px 8px #0003;transform:rotate(0) scale(1.02);transition:transform .3s ease}.nextLevel-button:hover:before{left:100%}.nextLevel-button:active{transform:translateY(0) scale(1.02);transition:all .1s}.nextLevel-button span:last-child{font-size:18px;transition:transform .3s ease}.nextLevel-button:hover span:last-child{transform:translate(4px)}@keyframes pulse{0%{box-shadow:0 2px 4px #0000001a}50%{box-shadow:0 4px 8px #00000026}to{box-shadow:0 2px 4px #0000001a}}.nextLevel-button{animation:pulse 2s infinite,celebration .6s ease-out .3s}@keyframes celebration{0%{transform:scale(.8) rotate(-5deg)}25%{transform:scale(1.1) rotate(2deg)}50%{transform:scale(.95) rotate(-1deg)}75%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0)}}.nextLevel-button:after{content:"✨";position:absolute;top:-8px;right:-8px;font-size:12px;animation:sparkle 1.5s ease-in-out infinite;pointer-events:none}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.side-buttons{position:absolute;top:var(--grid-top);left:50%;transform:translate(-50%);align-items:flex-start;width:100%;max-width:960px;margin:0 auto;display:flex;justify-content:space-between;z-index:1;transition:transform .2s ease;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.left-buttons{display:flex;flex-direction:column;gap:5px;pointer-events:auto;align-self:start}.right-buttons{display:flex;flex-direction:column;gap:5px;pointer-events:auto}.game-button{pointer-events:auto;top:var(--grid-top);background-color:var(--color-white);border:1px solid var(--nav-border);padding:calc(var(--cellSize) * .2);cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;width:var(--cellSize);height:var(--cellSize);box-shadow:0 1px 2px #0003;outline:none}.game-button svg{fill:var(--text-color)}#restart-button,#undo-button{border-radius:0 calc(var(--cellSize) * .3) calc(var(--cellSize) * .3) 0}.painter-button-icon{width:24px;height:24px}#painter-button{border-radius:calc(var(--cellSize) * .3) 0 0 calc(var(--cellSize) * .3)}.game-button svg{width:var(--cellSize);height:var(--cellSize)}.game-button.pressed{transform:scale(.95)}.game-button.disabled{cursor:not-allowed;filter:invert(.4) brightness(1.5)}.card-returning{transition:transform .3s cubic-bezier(.25,.1,.25,1);pointer-events:none;z-index:1000;will-change:transform}.contact-container{position:absolute;top:0%;right:0%;margin:5px;display:flex;flex-direction:column;align-items:end}.contact-container-left{position:absolute;top:5px;left:5px;width:38px;height:85px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;vertical-align:middle;margin:0;gap:8px}.logo-social{width:30px;height:30px;vertical-align:middle;pointer-events:all;cursor:pointer;transition:opacity .3s ease}.logo-social:hover{opacity:.7}.logo-social{color:var(--text-color);transition:color .3s ease}.logo-social svg{color:inherit}.logo-social path{fill:currentColor}#game-status{position:absolute;display:flex;flex-direction:column;justify-content:space-around;margin-bottom:10px;background-color:var(--drawer-bg);padding:10px;border-radius:5px;top:10%;left:50%;transform:translate(-50%);width:150px}.status-item{font-weight:700}#game-over-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:20px;border-radius:10px;text-align:center;z-index:1000}.accessibility-toggle{background:none;border:none;padding:5px;cursor:pointer;color:var(--text-color);display:flex;align-items:center;justify-content:center}.accessibility-toggle-icon{width:24px;height:24px;transition:transform .3s ease}.accessibility-toggle:hover{color:var(--text-color)!important;background:none!important}.accessibility-toggle:hover .accessibility-toggle-icon{transform:scale(1.1)}.theme-toggle{background:none;border:none;padding:0;cursor:pointer;color:var(--text-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background-color .3s;vertical-align:middle}.theme-toggle:hover{color:var(--text-color)!important;background:none!important}.palette-toggle{background:none;border:none;padding:0;cursor:pointer;color:var(--text-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .3s;margin-left:0}.contact-container-left .palette-toggle{margin:0}.palette-toggle:hover{color:var(--text-color)!important;background:none!important;transform:scale(1.1)}.color-blind-toggle{background:none;border:none;padding:0;cursor:pointer;color:var(--text-color);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .3s;margin-left:0}.contact-container-left .color-blind-toggle{margin:0}.color-blind-toggle:hover{color:var(--text-color)!important;background:none!important;transform:scale(1.1)}.color-blind-toggle-icon{width:24px;height:24px;transition:transform .3s;pointer-events:none}[data-color-blind-mode=on] .color-blind-toggle-icon .color-blind-shapes{opacity:1}.color-blind-toggle--clicked{transform:scale(.95)}.color-blind-toggle.color-blind-active .color-blind-toggle-icon .color-blind-shapes{opacity:1}#palette-toggle{margin-bottom:0;vertical-align:middle;box-shadow:none}.palette-toggle-icon{width:24px;height:24px;transition:transform .3s}.palette-toggle-icon .palette-alternative{display:block}.palette-toggle-icon .palette-standard,[data-color-palette=alternative] .palette-toggle-icon .palette-alternative{display:none}[data-color-palette=alternative] .palette-toggle-icon .palette-standard{display:block}[data-color-palette=alternative] .palette-toggle-icon .palette-standard rect:nth-child(1){fill:#0ff}[data-color-palette=alternative] .palette-toggle-icon .palette-standard rect:nth-child(2){fill:#f0f}[data-color-palette=alternative] .palette-toggle-icon .palette-standard rect:nth-child(3){fill:#ff0}[data-color-palette=alternative] .palette-toggle-icon .palette-standard rect:nth-child(4){fill:#000}[data-theme=dark][data-color-palette=alternative] .palette-toggle-icon .palette-standard rect:nth-child(4){fill:gray}.palette-toggle--clicked{animation:palette-click .5s ease}@keyframes palette-click{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.theme-toggle-icon{width:24px;height:24px;stroke:currentColor;stroke-width:2px;fill:none;transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-icon .sun{fill:currentColor;transform-origin:center center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-icon .sun-beams{stroke:currentColor;stroke-width:2px;transform-origin:center center;transition:transform .5s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .theme-toggle-icon{transform:rotate(40deg)}[data-theme=dark] .theme-toggle-icon .sun{transform:scale(1)}[data-theme=dark] .theme-toggle-icon .sun-beams{opacity:0;transform:rotate(45deg)}[data-theme=dark] .theme-toggle-icon circle{-webkit-mask:url(#moon-mask);mask:url(#moon-mask)}[data-theme=light] .theme-toggle-icon .moon{display:none!important}[data-theme=light] .theme-toggle-icon .sun,[data-theme=light] .theme-toggle-icon .sun-beams{display:block!important}[data-theme=dark] .theme-toggle-icon .sun,[data-theme=dark] .theme-toggle-icon .sun-beams{display:none!important}[data-theme=dark] .theme-toggle-icon .moon{display:block!important}.theme-toggle-icon .moon{display:none}.theme-toggle-icon .sun,.theme-toggle-icon .sun-beams{display:block}.painter-drawer{position:absolute;top:calc(var(--cellSize) + 10px);right:0;display:flex;flex-direction:column;background:transparent;border-radius:8px;box-shadow:none;padding:0;z-index:1002;opacity:1;transition:opacity .2s,transform .2s;pointer-events:auto;min-width:var(--cellSize);gap:0}.painter-drawer.closed{opacity:0;pointer-events:none;transform:translateY(-10px)}.painter-drawer.closing{animation:drawerFadeOut .57s ease-out forwards;background:transparent;box-shadow:none}.painter-drawer.closing .clue-tool{animation:toolCascadeUp .15s ease-out forwards}.painter-drawer.closing .clue-tool:nth-child(5){animation-delay:0ms}.painter-drawer.closing .clue-tool:nth-child(4){animation-delay:80ms}.painter-drawer.closing .clue-tool:nth-child(3){animation-delay:.16s}.painter-drawer.closing .clue-tool:nth-child(2){animation-delay:.24s}.painter-drawer.closing .clue-tool:nth-child(1){animation-delay:.32s}@keyframes drawerFadeOut{0%{opacity:1}80%{opacity:.2}to{opacity:0;pointer-events:none}}@keyframes toolCascadeUp{0%{opacity:1;transform:translateY(0)}60%{opacity:.8;transform:translateY(-8px)}to{opacity:0;transform:translateY(-16px)}}.painter-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.painter-drawer .clue-tool{margin:0 auto;display:block}a{color:var(--link-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--link-hover-color);text-decoration:underline}a:visited{color:var(--link-visited-color)}a:active{color:var(--link-hover-color)}#grid-width-input::-webkit-inner-spin-button,#grid-width-input::-webkit-outer-spin-button,#grid-height-input::-webkit-inner-spin-button,#grid-height-input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}#grid-width-input[type=number],#grid-height-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}