@font-face{font-family:Orbitron;src:url(./Orbitron-VariableFont_wght-CYB_IVAf.ttf) format("truetype");font-weight:400;font-style:normal}:root{font-family:Orbitron,sans-serif;line-height:1.5}#root,html,body{height:100%}body{margin:0;min-height:100vh;background:#000;font-family:Orbitron,sans-serif;overflow:hidden}.boards-pack-selection-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0}.square-button-demo-lock{border-color:#6f6f6f80!important;background-color:#6f6f6f80!important;color:#aaa!important}hr{box-shadow:0 0 10px #fff;min-width:5px;height:0px;border:1px solid white}.title-board{width:100%;height:100%;perspective:1200px;position:absolute;top:-85%;filter:blur(.03em)}.title-board>div{transform:rotateX(90deg) scale(1.5) translateZ(-300px);opacity:.15}.game-title-board{position:absolute;top:25%;z-index:10;text-align:center;font-size:140px!important;text-shadow:0 0 20px rgba(255,0,0,.8),0 0 40px rgba(255,0,0,.4);text-shadow:0 0 30px rgba(255,0,0,1),0 0 60px rgba(255,0,0,.6),0 0 80px rgba(255,0,0,.3)}:root{--squaresize-sm: 50px;--squaresize-md: 65px;--squaresize-lg: 80px;--button-height: 75px;--default-opacity: 1;--square-9: rgb(255, 255, 255);--square-8: rgb(255, 255, 128);--square-7: rgb(255, 255, 0);--square-6: rgb(255, 255, 0);--square-5: rgb(255, 192, 0);--square-4: rgb(255, 128, 0);--square-3: rgb(255, 85, 0);--square-2: rgb(200, 0, 64);--square-1: rgb(128, 0, 64);--square-0: rgb(0, 50, 100);--square--1: rgb(0, 130, 130);--square--2: rgb(0, 180, 220);--square--3: rgb(100, 255, 255);--square--4: rgb(100, 255, 180);--square--5: rgb(100, 255, 120);--square--6: rgb(150, 255, 0);--square--7: rgb(255, 200, 100);--square--8: rgb(255, 150, 255);--square--9: rgb(200, 0, 255);--box-shadow-intensity: 10px;--square-command-height: 60px}.image-title{filter:drop-shadow(0px 0px 10px rgba(255,255,255,.7));animation:image-title-pulse 5s ease-in-out infinite;transform-origin:center;will-change:filter,transform,opacity}@keyframes image-title-pulse{0%{filter:drop-shadow(0px 0px 6px rgba(255,255,255,.35)) drop-shadow(0px 0px 12px rgba(255,255,255,.18));transform:scale(1);opacity:.9}50%{filter:drop-shadow(0px 0px 14px rgba(255,255,255,.85)) drop-shadow(0px 0px 28px rgba(255,255,255,.5));transform:scale(1.03);opacity:1}to{filter:drop-shadow(0px 0px 6px rgba(255,255,255,.35)) drop-shadow(0px 0px 12px rgba(255,255,255,.18));transform:scale(1);opacity:.9}}.square{opacity:var(--default-opacity);transition:.2s;margin:2px;display:flex;justify-content:center;align-items:center;font-size:18px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;filter:contrast(115%)}.square-bump{font-size:32px!important;transform:scale(1.5)!important}.square-button-sublabel{font-size:12px;font-weight:400;color:#fff}.square:hover{opacity:1;transform:scale(1.05)}.square-highlighted{opacity:1;font-size:24px;font-weight:700;transform:scale(1.05);border:1px solid white!important;box-shadow:0 0 var(--box-shadow-intensity) #fff!important}.square-sm{width:var(--squaresize-sm);height:var(--squaresize-sm);min-width:var(--squaresize-sm);min-height:var(--squaresize-sm);border-radius:2px;font-size:20px}.square-md{width:var(--squaresize-md);height:var(--squaresize-md);min-width:var(--squaresize-md);min-height:var(--squaresize-md);border-radius:3px;font-size:24px}.square-lg{width:var(--squaresize-lg);height:var(--squaresize-lg);min-width:var(--squaresize-lg);min-height:var(--squaresize-lg);border-radius:5px;font-size:32px}.square-at-limit{border-width:2px!important;margin:1px!important}.board-command{border-color:red;background-color:#ff000040;border:3px solid rgba(255,0,0,.25);border-radius:3px;cursor:pointer;transition:.2s;font-size:18px!important}.board-command:hover{-webkit-box-shadow:0px 0px 30px var(--square-2);-moz-box-shadow:0px 0px 30px var(--square-2);box-shadow:0 0 30px var(--square-2)}.square-e{background-color:#000;opacity:.3;border:1px solid white;pointer-events:none}.force-events{pointer-events:all!important}.square-9{color:var(--square-9);border:1px solid var(--square-9);box-shadow:0 0 var(--box-shadow-intensity) var(--square-9)}.square-8{color:var(--square-8);border:1px solid var(--square-8);box-shadow:0 0 var(--box-shadow-intensity) var(--square-8)}.square-7{color:var(--square-7);border:1px solid var(--square-7);box-shadow:0 0 var(--box-shadow-intensity) var(--square-7)}.square-6{color:var(--square-6);border:1px solid var(--square-6);box-shadow:0 0 var(--box-shadow-intensity) var(--square-6)}.square-5{color:var(--square-5);border:1px solid var(--square-5);box-shadow:0 0 var(--box-shadow-intensity) var(--square-5)}.square-4{color:var(--square-4);border:1px solid var(--square-4);box-shadow:0 0 var(--box-shadow-intensity) var(--square-4)}.square-3{color:var(--square-3);border:1px solid var(--square-3);box-shadow:0 0 var(--box-shadow-intensity) var(--square-3)}.square-2{color:var(--square-2);border:1px solid var(--square-2);box-shadow:0 0 var(--box-shadow-intensity) var(--square-2)}.square-1{color:var(--square-1);border:1px solid var(--square-1);box-shadow:0 0 var(--box-shadow-intensity) var(--square-1)}.square-0{color:var(--square-0);border:1px solid var(--square-0);box-shadow:0 0 var(--box-shadow-intensity) var(--square-0)}.square--1{color:var(--square--1);border:1px solid var(--square--1);box-shadow:0 0 var(--box-shadow-intensity) var(--square--1)}.square--2{color:var(--square--2);border:1px solid var(--square--2);box-shadow:0 0 var(--box-shadow-intensity) var(--square--2)}.square--3{color:var(--square--3);border:1px solid var(--square--3);box-shadow:0 0 var(--box-shadow-intensity) var(--square--3)}.square--4{color:var(--square--4);border:1px solid var(--square--4);box-shadow:0 0 var(--box-shadow-intensity) var(--square--4)}.square--5{color:var(--square--5);border:1px solid var(--square--5);box-shadow:0 0 var(--box-shadow-intensity) var(--square--5)}.square--6{color:var(--square--6);border:1px solid var(--square--6);box-shadow:0 0 var(--box-shadow-intensity) var(--square--6)}.square--7{color:var(--square--7);border:1px solid var(--square--7);box-shadow:0 0 var(--box-shadow-intensity) var(--square--7)}.square--8{color:var(--square--8);border:1px solid var(--square--8);box-shadow:0 0 var(--box-shadow-intensity) var(--square--8)}.square--9{color:var(--square--9);border:1px solid var(--square--9);box-shadow:0 0 var(--box-shadow-intensity) var(--square--9)}.square-button{height:var(--button-height);min-width:var(--button-height);min-height:var(--button-height);border-radius:5px;border:3px solid white;padding-left:5px;padding-right:5px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.share-button{border-color:var(--square-4)!important;background-color:var(--square-3)!important;color:#fff!important}.disabled-button{pointer-events:none;cursor:not-allowed;opacity:.25;color:gray!important;background-color:#000!important;border-color:gray!important}.square-appear{animation-duration:.2s;animation-name:appear;transition:.2s}.square-row{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}.square-clickable{cursor:pointer}.square-win{pointer-events:none;animation-duration:1s;animation-name:win}.commands{display:flex;align-items:center;justify-content:center}.square-command{opacity:.75;border-color:red;background-color:#ff000040;cursor:pointer;min-height:var(--square-command-height)!important;height:var(--square-command-height)!important;max-height:var(--square-command-height)!important;font-size:18px!important}.square-command:hover{-webkit-box-shadow:0px 0px 30px var(--square-2);-moz-box-shadow:0px 0px 30px var(--square-2);box-shadow:0 0 30px var(--square-2)}.level-selector-wrapper{padding-top:10px}.game-title{font-size:48px;font-weight:700;color:red;margin-bottom:50px}.start-wrapper{padding-top:50px;animation:appear .5s;display:flex;align-items:center;justify-content:center;flex-direction:column}.levels-row{display:flex;justify-content:center;margin-bottom:10px}.level-square{color:#fff;display:flex;justify-content:center;animation-duration:.2s;animation-name:appear;opacity:.5;cursor:not-allowed;align-items:center;border:1px solid white}.current-level-square{color:red;border-color:red;background-color:#ff000080;opacity:.75;cursor:pointer;pointer-events:all;font-weight:700}.cleared-level-square{color:red;border-color:red;background-color:#ff000040;cursor:pointer;pointer-events:all}.long-command-row{display:flex;justify-content:center}.long-command-square{color:red;border-color:red;background-color:#ff000080;opacity:.75;cursor:pointer;width:150px;display:flex;justify-content:center;align-items:center;text-align:center;margin:10px}.square-command{color:red;border-color:red;background-color:#ff000080;opacity:.75;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:20px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.tutorial-wrapper{padding-top:10px}.tutorial-message{color:#fff;font-size:14px;align-items:center;justify-content:center;margin-top:10px;margin-left:20px;margin-right:20px;text-align:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.tutorial-sentence{margin-bottom:10px}.tutorial-counter{color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:20px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.skip-command{width:100px}.level-counter{font-size:16px;font-weight:700;opacity:.75;color:red;display:flex;align-items:center;justify-content:center}.stats{display:flex;align-items:center;justify-content:center;color:red;margin-top:5px}.stat-entry{font-size:20px;display:flex;align-items:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.disabled{cursor:not-allowed;opacity:.25;color:#fff;background-color:#000;border-color:gray}.win-square{pointer-events:none}.final-screen{padding-top:20px}.you-won-message{font-size:24px;color:red;display:flex;align-items:center;justify-content:center;margin-top:20px}.opaque{color:#fff!important;border:1px solid white!important;opacity:.3}.music-command{color:red;border:1px solid red;display:flex;align-items:center;justify-content:center;cursor:pointer}@keyframes appear{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes win{0%{transform:scale(1)}to{transform:scale(3);opacity:0}}.background-board{position:absolute;top:0;width:100%;opacity:.015;pointer-events:none;transform-origin:center;animation:slow-rotate 90s alternate infinite}@keyframes slow-rotate{0%{transform:scale(3) rotate(8deg)}to{transform:scale(2) rotate(-8deg)}}.square-disabled{pointer-events:none!important;animation:none!important;transition:none!important}.pulse{animation:pulse 1s ease-out infinite}@keyframes pulse{0%{transform:scale(1)}30%{transform:scale(1.05)}to{transform:scale(1)}}*{user-select:none;-webkit-user-select:none;-ms-user-select:none}.selector-row{display:flex}.selector-entry-active{font-size:18px!important;flex:1}.selector-entry-inactive{font-size:18px!important;flex:1;opacity:.4;filter:grayscale(30%)}.square-button-disabled{pointer-events:none;cursor:not-allowed;opacity:.5;filter:grayscale(30%)}.quick-pulse{animation:quick-pulse .1s ease-out}@keyframes quick-pulse{0%{transform:scale(1)}30%{transform:scale(2)}to{transform:scale(1)}}.share-code-input-wrapper{position:relative;width:600px;margin-top:20px;display:flex;align-items:center}.share-code-input{background:transparent;border:none;border-bottom:2px solid red;color:#fff;font-size:18px;padding:8px 32px 8px 4px;outline:none;text-align:center;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:100%;font-family:Orbitron,sans-serif;color:red}.share-code-clear{position:absolute;right:6px;background:transparent;border:none;color:red;font-size:20px;line-height:1;padding:0;cursor:pointer;opacity:.7}.share-code-paste{position:absolute;right:34px;background:transparent;border:none;color:red;font-size:32px;line-height:1;padding:0;cursor:pointer;opacity:.7}.share-code-clear:hover,.share-code-paste:hover{opacity:1}.share-code-clear:disabled{opacity:.25;cursor:default}.reduced-opacity{opacity:.25!important}.generate-new-board-entry{cursor:pointer;color:red;text-align:center;transition:.2s;padding:5px 10px;border:1px solid rgba(255,0,0,.2);border-radius:10px}.generate-new-board-entry:hover{transform:scale(1.01);box-shadow:0 0 var(--box-shadow-intensity) var(--square-1)}.board-creator-command{min-height:30px!important;height:30px!important;max-height:30px!important}