#tower-of-threes{background:var(--game-bg,#111);color:var(--game-text,#eee);font-size:calc(var(--game-width,100vw)*3*.01);box-sizing:border-box;font-family:Roboto Mono,sans-serif;position:absolute}#tower-of-threes button{background:var(--game-button-bg,#4d4c4c4d);color:var(--game-button-text,#eee);opacity:.8;aspect-ratio:1;padding:calc(var(--game-width,100vw)*2*.01);font-size:calc(var(--game-width,100vw)*3*.01);border:calc(var(--game-width,100vw)*.2*.01)solid var(--game-button-border,#eeeeeeab);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}#tower-of-threes button:hover{opacity:1}#tower-of-threes button i{left:calc(var(--game-width,100vw)*.2*.01);margin:0;padding:0;position:relative}#tower-of-threes .score{font-size:calc(var(--game-width,100vw)*5.5*.01);top:calc(var(--game-width,100vw)*5*.01);left:calc(var(--game-width,100vw)*5*.01);text-align:left;position:absolute}#tower-of-threes .seen{top:calc(var(--game-width,100vw)*12*.01);left:calc(var(--game-width,100vw)*5*.01);word-spacing:calc(var(--game-width,100vw)*.1*.01);text-align:left;opacity:.6;position:absolute}#tower-of-threes .tower-container{height:calc(var(--game-height,100vh)*60*.01);width:calc(var(--game-width,100vw)*100*.01);bottom:calc(var(--game-width,100vw)*30*.01);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;font-family:Play,sans-serif;display:flex;position:absolute}#tower-of-threes .attempt{border:calc(var(--game-width,100vw)*.5*.01)solid var(--game-border,#888);border-radius:calc(var(--game-width,100vw)*5*.01);height:calc(var(--game-width,100vw)*10*.01)}#tower-of-threes .attempt,#tower-of-threes .hint{bottom:calc(var(--game-width,100vw)*18.5*.01);font-size:calc(var(--game-width,100vw)*8*.01);letter-spacing:calc(var(--game-width,100vw)*1*.01);height:calc(var(--game-width,100vw)*10*.01);width:calc(var(--game-width,100vw)*40*.01);margin:0 calc(var(--game-width,100vw)*30*.01);text-align:center;position:absolute}@media (min-aspect-ratio:.35){#tower-of-threes .attempt,#tower-of-threes .hint{bottom:calc(var(--game-width,100vw)*20.5*.01)}}#tower-of-threes .hint{opacity:.5;z-index:10}#tower-of-threes .result-message{bottom:calc(var(--game-height,100vh)*(var(--tower-btm) - 32)*.01);font-size:calc(var(--game-height,100vh)*5.6*.01);pointer-events:none;text-align:center;pointer-events:none;width:100%;color:var(--game-success,#7e7e7e);position:absolute}@media (min-aspect-ratio:.7){#tower-of-threes .result-message{bottom:calc(var(--game-height,100vh)*(var(--tower-btm) - 42)*.01);font-size:calc(var(--game-width,100vw)*8*.01)}}#tower-of-threes.failed .rack,#tower-of-threes.failed .tower-container,#tower-of-threes.complete .rack{pointer-events:none;display:none}#tower-of-threes.failed .result-message{color:var(--game-error,#81212c);transform:translateY(calc(var(--game-width,100vw)*-10*.01));font-size:calc(var(--game-height,100vh)*5*.01)}@media (min-aspect-ratio:.35){#tower-of-threes.failed .result-message{transform:translateY(calc(var(--game-width,100vw)*-4*.01))}}@media (min-aspect-ratio:.7){#tower-of-threes.failed .result-message{transform:translateY(calc(var(--game-width,100vw)*-1*.01));font-size:calc(var(--game-width,100vw)*7*.01)}}#tower-of-threes.failed ul{top:calc(var(--game-height,100vh)*13*.01);text-align:center;margin:calc(var(--game-width,100vw)*10*.01);width:calc(var(--game-width,100vw)*80*.01);column-count:2;padding:0;list-style:none;position:absolute}#tower-of-threes.failed ul li.word{font-size:calc(var(--game-height,100vh)*6*.01);cursor:pointer;color:var(--game-error,#a22f3d);margin:0}#tower-of-threes.failed ul li.word.found{color:var(--game-success,#7e7e7e)}#tower-of-threes .rack{-webkit-tap-highlight-color:#0000;width:calc(var(--game-width,100vw)*100*.01);bottom:calc(var(--game-width,100vw)*5*.01);cursor:pointer;justify-content:center;gap:calc(var(--game-width,100vw)*1*.01);align-items:center;display:flex;position:absolute}#tower-of-threes .rack span{background:var(--game-text);color:var(--game-bg);font-size:calc(var(--game-width,100vw)*5*.01);padding:calc(var(--game-width,100vw)*2*.01);width:calc(var(--game-width,100vw)*10*.01);height:calc(var(--game-width,100vw)*10*.01);border-radius:50%;justify-content:center;align-items:center;display:flex}#tower-of-threes .settings-button{display:none}#tower-of-threes .reset{z-index:20;top:calc(var(--game-width,100vw)*5*.01);right:calc(var(--game-width,100vw)*5*.01);position:absolute}#tower-of-threes .error-container{width:calc(var(--game-width,100vw)*100*.01);z-index:31;pointer-events:none;left:0;top:calc(var(--game-width,100vw)*5*.01);justify-content:center;align-items:center;gap:calc(var(--game-width,100vw)*1*.01);display:flex;position:absolute}#tower-of-threes .error-container .error-box{height:calc(var(--game-width,100vw)*5*.01);width:calc(var(--game-width,100vw)*5*.01);color:var(--game-error,#81212c);border:calc(var(--game-width,100vw)*.2*.01)solid var(--game-button-border,#eeeeeeab);justify-content:center;align-items:center;display:flex}#tower-of-threes .definition{box-sizing:border-box;z-index:29;top:calc(var(--game-width,100vw)*20*.01);width:calc(var(--game-width,100vw)*60*.01);margin:0 calc(var(--game-width,100vw)*20*.01);border-radius:calc(var(--game-width,100vw)*5*.01);font-size:calc(var(--game-width,100vw)*5*.01);padding:calc(var(--game-width,100vw)*3*.01);text-align:center;opacity:.85;background:var(--game-bg);flex-direction:column;display:flex;position:absolute}#tower-of-threes .definition h5{font-size:calc(var(--game-width,100vw)*6*.01);margin:0}#tower-of-threes .definition p{font-size:calc(var(--game-width,100vw)*4*.01);margin:0}#tower-of-threes.failed .definition,#tower-of-threes.complete .definition{width:calc(var(--game-width,100vw)*100*.01);height:calc(var(--game-height,100vh)*100*.01);padding:calc(var(--game-width,100vw)*8*.01)calc(var(--game-width,100vw)*8*.01)calc(var(--game-height,100vh)*20*.01);opacity:.8;z-index:32;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}#tower-of-threes.failed .definition h5,#tower-of-threes.complete .definition h5{font-size:calc(var(--game-width,100vw)*7*.01);margin-bottom:calc(var(--game-height,100vh)*4*.01)}#tower-of-threes.failed .definition p,#tower-of-threes.complete .definition p{font-size:calc(var(--game-width,100vw)*5*.01);margin-bottom:calc(var(--game-height,100vh)*4*.01);max-width:calc(var(--game-width,100vw)*80*.01)}#tower-of-threes .game-overlay{pointer-events:none;width:calc(var(--game-width,100vw)*100*.01);height:calc(var(--game-height,100vh)*100*.01);z-index:33;position:absolute;top:0;left:0}#tower-of-threes.tower-splash{--game-button-bg:#176567;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}#tower-of-threes.tower-splash h4{color:var(--game-header,#176567);font-size:calc(var(--game-width,100vw)*14*.01);text-align:center;text-shadow:0 0 calc(var(--game-width,100vw)*6*.01)#ffffff80,0 0 calc(var(--game-width,100vw)*1*.01)#000c;padding:calc(var(--game-height,100vh)*2*.01)0 calc(var(--game-height,100vh)*3*.01)0;flex-direction:column;margin:0;line-height:1.1;display:flex;position:relative}#tower-of-threes.tower-splash h4 .of{font-size:calc(var(--game-width,100vw)*6*.01);top:calc(var(--game-width,100vw)*1.4*.01);line-height:0;position:relative}#tower-of-threes.tower-splash .actions{top:calc(var(--game-height,100vh)*1*.01);position:relative}#tower-of-threes.tower-splash .tower-splash-tower{opacity:.3;position:absolute;top:0;left:0}#tower-of-threes.tower-splash .tower-splash-tower .tower-container{top:calc(var(--game-width,100vw)*-5*.01);position:relative;transform:scaleX(2)scaleY(3)}@media (min-aspect-ratio:.7){#tower-of-threes.tower-splash .tower-splash-tower{transform:scaleX(1.5)scaleY(1)}#tower-of-threes.tower-splash h4{font-size:calc(var(--game-width,100vw)*16*.01)}}#tower-of-threes.tower-splash button{border-radius:calc(var(--game-width,100vw)*4*.01);padding:calc(var(--game-width,100vw)*2*.01)calc(var(--game-width,100vw)*4*.01);aspect-ratio:auto;background:var(--game-button-bg,#4d4c4c4d)}#tower-of-threes.tower-splash button.load-saved+button.new-game{opacity:.6;transform:scale(.8)}#tower-of-threes.tower-splash button.load-saved+button.new-game:hover{opacity:1;transform:scale(.92)}#tower-of-threes{--tower-btm:25}@media (min-aspect-ratio:.35){#tower-of-threes{--tower-btm:28}}@media (min-aspect-ratio:.7){#tower-of-threes{--tower-btm:40}}.light #tower-of-threes,.story #tower-of-threes{--game-button-border:#777;--game-bg:#fff;--game-text:#414141;--game-border:#7c7c7c}.light #tower-of-threes .tower-container.gummy .tower span,.story #tower-of-threes .tower-container.gummy .tower span{color:var(--game-bg)}.light #tower-of-threes .tower-container.brick .tower .tower-block span,.story #tower-of-threes .tower-container.brick .tower .tower-block span{color:var(--game-bg);filter:drop-shadow(0 0 calc(var(--game-width,100vw)*.4*.01)#282828b3)}.light #tower-of-threes .tower-container .tower .tower-block.tower-top,.story #tower-of-threes .tower-container .tower .tower-block.tower-top{box-shadow:none}.light #tower-of-threes .tower-container .tower .tower-block .tower-block-overlay,.story #tower-of-threes .tower-container .tower .tower-block .tower-block-overlay{mix-blend-mode:overlay;background:0 0}.light #tower-of-threes.tower-splash{background:linear-gradient(160deg,#f5faae 10%,#287979 100%)}.dark #tower-of-threes,.brick #tower-of-threes{--game-bg:#0009;--game-error:#c73d4d;--game-text:#eee;--game-header:#1d968c}.dark #tower-of-threes .rack span,.brick #tower-of-threes .rack span{color:#c5c5c5;background:#3333338f}.dark #tower-of-threes{--game-error:#d36385}.dark #tower-of-threes .tower-container.brick .tower .tower-block:after{filter:contrast(.4)brightness(1.5);mix-blend-mode:hard-light}.dark #tower-of-threes .tower-container.brick .tower .tower-block span{filter:none}.dark #tower-of-threes .game-overlay{mix-blend-mode:normal;opacity:.4;box-shadow:inset 0 0 calc(var(--game-height,100vh)*20*.01)calc(var(--game-height,100vh)*5*.01)#00000042,inset 0 0 calc(var(--game-height,100vh)*58*.01)calc(var(--game-height,100vh)*10*.01)#e5bcd94d}.brick #tower-of-threes{--game-bg:#00000080;box-sizing:border-box}.brick #tower-of-threes .game-overlay{mix-blend-mode:overlay;-webkit-backdrop-filter:brightness(120%);backdrop-filter:brightness(120%);opacity:.9;box-shadow:inset 0 0 calc(var(--game-height,100vh)*50*.01)calc(var(--game-height,100vh)*10*.01)#5b3e7e7d,inset 0 0 calc(var(--game-height,100vh)*30*.01)calc(var(--game-height,100vh)*10*.01)#6e1c70b5;background:linear-gradient(#ffffffa6 0%,#bb9487bf 20%,#4f433fcf 55%)}
@keyframes thunk{0%{transform:translateY(-40vh)}99%{transform:translateY(-.2vh)}to{transform:translateY(-.2vh)}}@keyframes win{0%{filter:brightness()contrast()blur(1px);transform:rotateX(30deg)scale(.9)translateY(0)}to{transform:rotateX(30deg)scale(1.4)translateY(calc(var(---game-height,100vh)*.03));filter:brightness(1.1)contrast()blur()}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#tower-of-threes{font-family:Gabarito,sans-serif;position:relative}#tower-of-threes .words{font-size:calc(var(--game-width,100vw)*3.5*.01);bottom:min(-10vw,-10vh);left:calc(var(--game-width,100vw)*5*.01);text-align:left;z-index:10;opacity:.2;justify-content:flex-end;gap:calc(var(--game-width,100vw)*1*.01);flex-direction:column;display:none;position:absolute}#tower-of-threes .words div.word{justify-content:center;align-items:center;display:flex}#tower-of-threes .tower-container{bottom:calc(var(--game-height,100vh)*var(--tower-btm)*.01);perspective:var(--tower-perspective,2000px);position:absolute}#tower-of-threes .tower-container.complete{animation-name:win;animation-duration:1s;animation-timing-function:cubic-bezier(.4,1.5,.96,.86);animation-delay:0s;animation-fill-mode:forwards}#tower-of-threes .tower-container .tower{max-height:calc(var(--game-height,100vh)*83*.01);min-height:calc(var(--game-height,100vh)*70*.01);transform-origin:bottom;flex-direction:column;align-items:center;display:flex;transform:rotateX(30deg)scale(.9)}#tower-of-threes .tower-container .tower .tower-block{background-color:var(--block-color);border:calc(var(--game-width,100vw)*.2*.01)solid #000;border-radius:var(--block-br,calc(var(--game-width,100vw)*2*.01));box-sizing:border-box;height:calc(var(--game-height,100vh)*var(--block-height)*.01);min-height:calc(var(--game-height,100vh)*5*.01);text-align:center;width:calc(var(--game-width,100vw)*calc(2*var(--block-width,30))*.01);perspective:calc(var(--tower-perspective,2000px)/-1);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#tower-of-threes .tower-container .tower .tower-block span{cursor:pointer;font-family:Roboto Mono,sans-serif;font-size:calc(var(--game-height,100vh)*calc(6 + var(--block-index)*-.2)*.01);text-align:center;width:100%;color:var(--block-text-color,#fff);opacity:.9;filter:drop-shadow(0 0 5px #000);transform-origin:bottom;padding:0;font-weight:1000;display:block}#tower-of-threes .tower-container .tower .tower-block.tower-top{z-index:2;box-shadow:0 calc(var(--game-width,100vw)*1*.01)calc(var(--game-width,100vw)*3*.01)calc(var(--game-width,100vw)*1*.01)#000000a1,0 calc(var(--game-width,100vw)*.2*.01)calc(var(--game-width,100vw)*.5*.01)#000000c4;transform:rotateX(0)scaleX(1.1)}#tower-of-threes .tower-container .tower .tower-block.tower-top span{font-size:calc(var(--game-height,100vh)*8*.01)}#tower-of-threes .tower-container .tower .tower-block.next-block{opacity:0;box-shadow:none;border:calc(var(--game-width,100vw)*.2*.01)solid #aaaaaa59;text-align:center;background:0 0;justify-content:center;align-items:center;animation-name:fade-in;animation-duration:.5s;animation-delay:3s;animation-fill-mode:forwards;display:flex}#tower-of-threes .tower-container .tower .tower-block.next-block span{display:none}#tower-of-threes .tower-container .tower .tower-block.next-block button{aspect-ratio:auto;background:0 0;border-color:#0000;border-radius:0;width:100%}#tower-of-threes .tower-container .tower .tower-block.next-block.hint-shown{opacity:0;animation-name:none}#tower-of-threes .tower-container .tower .tower-block.next-block:after,#tower-of-threes .tower-container .tower .tower-block.next-block .tower-block-overlay{display:none}#tower-of-threes .tower-container .tower .tower-block .tower-block-overlay{mix-blend-mode:overlay;pointer-events:none;z-index:3;background:linear-gradient(90deg,#000c 0%,#00000080 10%,#f3e4c97a 50%,#23221d33 75%,#7e746366 90%,#0009 100%);width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#tower-of-threes .tower-container .tower .tower-block:nth-child(2n):after{background-position:128px 18px}@media (min-aspect-ratio:.7){#tower-of-threes .tower-container .tower-block{max-width:calc(var(--game-width,100vw)*calc(1.2*var(--block-width,30))*.01)}}#tower-of-threes .tower-container.brick .tower-block{filter:contrast(1.3)sepia(.3)saturate(.6)brightness()}#tower-of-threes .tower-container.brick .tower-block:after{content:"";opacity:.4;background:url(../media/brick-texture.7c5d24b9.jpg) 0 0/128px 128px;background-position-x:calc(var(--block-rand)*32px);mix-blend-mode:overlay;filter:contrast(1.1)brightness(1.1);width:100%;height:100%;position:absolute}#tower-of-threes .tower-container.brick .tower-block .tower-block-overlay{opacity:.7;mix-blend-mode:overlay}#tower-of-threes .tower-container.brick .tower-block.found{cursor:pointer}#tower-of-threes .tower-container.brick .tower-block.new-block{animation-name:thunk,fade-in;animation-duration:.3s;animation-timing-function:cubic-bezier(.4,1.5,.96,.86);animation-iteration-count:1;animation-direction:normal;transform:translateY(0%)scale(1)}#tower-of-threes .tower-container.brick .tower-block span{color:#ccc;filter:drop-shadow(0 0 calc(var(--game-width,100vw)*.4*.01)#c7c7c7b3);font-family:play,sans-serif;font-size:calc(var(--game-height,100vh)*7*.01);line-height:calc(var(--game-width,100vw)*10*.01);opacity:calc(.9 + .01*var(--block-rand,.8));top:calc(var(--game-width,100vw)*-2*.01);transform:rotateZ(calc(.2deg*var(--block-rand)))translateY(calc(var(--game-width,100vw)*.4*.01))scale(calc(.7 + var(--block-rand)*.01));z-index:5;position:relative}#tower-of-threes .tower-container.stone .tower-block{filter:brightness(1.5)saturate(.3)contrast(1.6);border-color:var(--game-bg);border-width:calc(var(--game-width,100vw)*.1*.01)}#tower-of-threes .tower-container.stone .tower-block span{color:#dedede36;font-family:Gabarito,sans-serif;font-size:calc(var(--game-height,100vh)*4*.01);top:calc(var(--game-width,100vw)*-.2*.01);letter-spacing:calc(var(--game-width,100vw)*.3*.01);filter:contrast(1.6)brightness(.8)saturate(.5);transform:translateY(calc(var(--game-width,100vw)*.4*.01))scaleX(1.2);opacity:.6;mix-blend-mode:overlay;text-shadow:-1px -1px .4px #0000006b,-.5px -.5px .1px #211f1f2e,.5px .5px .1px #ffffff59;-webkit-background-clip:text;background-clip:text;font-weight:1000;position:relative}#tower-of-threes .tower-container.stone .tower-block .tower-block-overlay{opacity:.9;mix-blend-mode:multiply}#tower-of-threes .tower-container.stone .tower-block:after{content:"";opacity:.1;mix-blend-mode:overlay;filter:contrast(1.8)brightness(1.1);background:url(../media/stone-texture.11e900c5.jpg) 0 16px/256px 256px;width:100%;height:100%;position:absolute}#tower-of-threes .tower-container.stone .tower-block.new-block{animation-name:thunk,fade-in;animation-duration:.3s;animation-timing-function:cubic-bezier(.4,1.5,.86,.86);animation-iteration-count:1;animation-direction:normal;transform:translateY(0%)scale(1)}#tower-of-threes .tower-container.metal .tower-block{filter:saturate(.14)brightness(1.5)contrast(1.4);border-radius:0}#tower-of-threes .tower-container.metal .tower-block span{color:#dedbd84f;font-size:calc(var(--game-height,100vh)*calc(6 + var(--block-index)*-.1)*.01);top:calc(var(--game-height,100vh)*.2*.01);letter-spacing:0;transform:translateY(calc(var(--game-width,100vw)*.4*.01))scaleX(1.2);opacity:.9;mix-blend-mode:overlay;filter:invert()contrast(3)brightness(.7)saturate(.5);text-shadow:.5px .5px 1px #00000080,-.5px -.5px #ffffff80;-webkit-background-clip:text;background-clip:text;font-family:Courier Prime,serif;font-weight:700;position:relative}#tower-of-threes .tower-container.metal .tower-block:after{content:"";filter:blur(5vw);opacity:.6;mix-blend-mode:overlay;background:linear-gradient(45deg,#000000b3 0%,#d2a65880 10%,#298f7c80 25%,#f3dfbf69 40%,#d535a080 45%,#7e746366 66%,#faf2cdad 75%,#faf3e866 78%,#000000b3 80%) 0 16px/256px 256px;width:100%;height:100%;position:absolute}#tower-of-threes .tower-container.metal .tower-block.new-block{animation-name:thunk,fade-in;animation-duration:.3s;animation-timing-function:cubic-bezier(.4,1.5,.86,.86);animation-iteration-count:1;animation-direction:normal;transform:translateY(0%)scale(1)}#tower-of-threes .tower-container.gummy .tower .tower-block{border-color:var(--game-bg);border-radius:calc(var(--game-height,100vh)*2*.01);border-width:calc(var(--game-width,100vw)*.3*.01)}#tower-of-threes .tower-container.gummy .tower .tower-block.tower-top{box-shadow:none}#tower-of-threes .tower-container.gummy .tower .tower-block.tower-top span{font-size:calc(var(--game-height,100vh)*18*.01);opacity:.9}#tower-of-threes .tower-container.gummy .tower .tower-block.new-block.new-block{animation-name:fade-in;animation-direction:normal;animation-delay:0;animation-duration:.5s;animation-timing-function:ease-out;animation-iteration-count:1;transform:translateY(0%)scale(1)}#tower-of-threes .tower-container.gummy .tower span{font-family:Sour Gummy,handwriting;font-size:calc(var(--game-height,100vh)*10*.01);line-height:calc(var(--game-width,100vw)*10*.01);color:var(--game-text);top:calc(var(--game-width,100vw)*-2*.01);filter:none;opacity:calc(.7 + .02*var(--block-rand,.8));transform:rotateZ(calc(.5deg*var(--block-rand)))translateY(calc(var(--game-width,100vw)*.4*.01))scale(calc(.7 + var(--block-rand)*.01));position:relative}#tower-of-threes .tower-container.gummy .tower .tower-block-overlay{opacity:0;mix-blend-mode:soft-light}#tower-of-threes .tower-container.wood .tower-block{filter:saturate(.8)contrast(1.1)}#tower-of-threes .tower-container.wood .tower-block.new-block{animation-name:thunk,fade-in;animation-duration:.2s;animation-timing-function:cubic-bezier(.4,1.4,1,.96);animation-iteration-count:1;animation-direction:normal;transform:translateY(0%)scale(1)}#tower-of-threes .tower-container.wood .tower-block span{z-index:3;color:#fffc;font-family:Gabarito,sans-serif;font-size:calc(var(--game-height,100vh)*5*.01);top:calc(var(--game-width,100vw)*-.4*.01);letter-spacing:calc(var(--game-width,100vw)*.3*.01);filter:contrast(1.6)brightness(.8)saturate(.5)drop-shadow(0 0 calc(var(--game-width,100vw)*1*.01)black);transform:translateY(calc(var(--game-width,100vw)*.4*.01))scaleX(1.2);font-weight:1000;position:relative}#tower-of-threes .tower-container.wood .tower-block:after{content:"";background:url(../media/wood-texture.26c034ad.jpg);background-size:calc(var(--game-height,100vh)*40*.01)calc(var(--game-height,100vh)*10*.01);opacity:.4;filter:contrast(1.4)brightness(1.1);background-position-y:calc(var(--block-rand)*var(--game-width,100vw)*1*.01);background-position-x:calc(var(--block-rand)*var(--game-width,100vw)*3*.01);mix-blend-mode:normal;width:100%;height:100%;position:absolute}