:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{background-color:#242424;opacity:1;background-image:radial-gradient(#5e5e5e 1.5px,transparent 1.5px),radial-gradient(#3c3c3c 1.5px,#131313 1.5px);background-size:46px 46px;background-position:0 0,23px 23px;margin:0}h1{font-size:2.4em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--square-size: 50px;--square-margin: 2px;--player-size: calc(var(--square-size) - 4px);--operator-color: #379ef2;--barrier-color: #ff6b6b;--temporary-color: #aeaeae;--wall-color: #1c1c1c;--goal-color: #4caf50;--floor-color: #f0f0f0;--player-color: #ffd700;--falling-temporary-color: #696969}@media screen and (max-width: 768px){:root{--square-size: 44px;--square-margin: 2px;--player-size: calc(var(--square-size) - 4px)}.game-container .game-content{flex-direction:column;align-items:center;width:100%}.game-content .game-header{width:100%;padding:.5rem 0rem}.game-content .game-header-title,.game-content .game-stats{padding:0 1rem}.game-content .square{width:var(--square-size);height:var(--square-size);margin:var(--square-margin)}.game-content .game-header button:after{content:""}.board .player{width:var(--player-size);height:var(--player-size)}.game-content .board{width:calc((var(--square-size) + (var(--square-margin) * 2)) * 7);height:calc((var(--square-size) + (var(--square-margin) * 2)) * 12);border-width:2px}.game-content .nav-bar{padding:0 1rem}}#root{min-width:320px;min-height:100vh;max-width:1280px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.App{padding:.5rem 0;width:100%}.game-content{display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start;justify-content:center}.board{display:flex;flex-direction:column;position:relative;z-index:1;background-color:#242424;border:8px solid #242424;box-shadow:0 8px 16px #0003;border-radius:8px}.row{display:flex;margin:0}.square{width:var(--square-size);height:var(--square-size);margin:var(--square-margin);display:flex;align-items:center;justify-content:center;font-size:12pt;font-weight:700;border-radius:4px;background-color:#f0f0f0;position:relative;color:#000;transition:transform .1s ease;cursor:default}.square.operator{background-color:var(--operator-color)}.square.operator.player-on-top,.square.barrier.player-on-top{border:4px solid var(--floor-color);box-sizing:border-box}.square.barrier{background-color:var(--barrier-color)}.square.barrier.reject,.square.barrier.temporary.reject{animation:reject .2s ease-in-out}.square.operator.temporary{background-color:var(--operator-color)}.square.barrier.temporary{background-color:var(--barrier-color)}.square.operator.temporary,.square.barrier.temporary{width:calc(var(--square-size) - 6px);height:calc(var(--square-size) - 6px);border:3px solid var(--floor-color);border-radius:12px}.square.temporary{background-color:var(--temporary-color)}.square.wall.player-on-top{background:var(--falling-temporary-color)}.square.operator.temporary:before,.square.barrier.temporary:before,.square.start:before{content:"";position:absolute;top:-3px;left:-3px;right:0;bottom:0;z-index:-1;background-color:var(--floor-color);width:var(--square-size);height:var(--square-size);border-radius:4px}.square.operator.temporary>*,.square.barrier.temporary>*{position:relative}.square.wall{background-color:var(--wall-color);cursor:default}.square.goal{background-color:var(--goal-color);color:#f0f0f0;font-size:1.5rem}.square.floor{background-color:var(--floor-color)}.player{width:var(--player-size);height:var(--player-size);background-color:var(--player-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:normal;font-weight:700;transition:all .1s ease;color:#000}.player.shake{animation:shake .2s cubic-bezier(.36,.07,.19,.97) both}.player.pulse{animation:pulse .1s ease-in-out}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%{border-radius:50%;transform:scale(1)}50%{border-radius:0%;transform:scale(.8)}to{border-radius:50%;transform:scale(1)}}.game-header{display:flex;flex-direction:column;justify-content:space-between;text-align:left;border-radius:8px;font-size:1rem;padding:1rem;background-color:#242424;width:200px;flex-shrink:1;gap:.5rem}.game-header button{padding:.5rem 1rem;background:var(--operator-color);color:#fff;border:none;border-radius:4px;cursor:pointer;height:34px}.game-header button:after{content:" [R]"}.game-header button:hover{filter:brightness(1.1)}.game-header-title{display:flex;flex-direction:column;gap:.25rem}.game-header-title h2{margin:0;font-size:1.2rem;color:var(--operator-color)}.game-header-title-name{color:var(--floor-color);font-size:1rem}.game-stats{display:flex;gap:1rem;align-items:center;justify-content:flex-start}.stat-item{display:flex;flex-direction:row;align-items:center;gap:.25rem;margin-bottom:.25rem;background-color:#242424;border-radius:4px;min-width:80px}.stat-label{font-size:.8rem;color:var(--floor-color)}.stat-value{font-size:.8rem}.game-controls{display:flex;justify-content:center}.game-controls button{padding:.2rem .5rem;background-color:#4a4a4a;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:.8rem}.game-controls button:hover{background-color:#666}.square.start{background-color:var(--player-color);border-radius:50%;width:calc(var(--square-size) - 6px);height:calc(var(--square-size) - 6px);border:3px solid var(--floor-color)}.square.celebrate{animation:spinOut .5s ease-in-out forwards;transform-origin:center;backface-visibility:hidden}@keyframes spinOut{0%{transform:perspective(1000px) rotateY(0);opacity:1}to{transform:perspective(1000px) rotateY(180deg);opacity:0}}.modal{background:#fff;padding:2rem;border-radius:8px;text-align:center;animation:slideIn .5s ease-out;max-width:400px;width:90%}.modal h2{margin:0 0 1rem;color:var(--operator-color);font-size:2rem}.modal p{margin:0 0 2rem;color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease-out}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal button{padding:.75rem 1.5rem;background:var(--operator-color);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;min-width:120px}.modal button:hover{filter:brightness(1.1)}.modal button.secondary-modal-button{background:transparent;color:var(--operator-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.level-select{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:800px;margin:0 auto}.level-select h2{color:var(--operator-color);font-size:2rem;margin:0}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;max-width:800px}.level-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;padding:.8rem;border:2px solid var(--operator-color);border-radius:6px;cursor:pointer;background-color:#242424;height:210px}.level-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:var(--floor-color)}.level-button.completed{background:var(--operator-color);color:var(--floor-color)}.level-button.current{border-width:3px;border-color:var(--player-color)}.level-info{height:80px}; .level-number{}.level-preview{height:120px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:4px;border:4px solid var(--wall-color)}.level-preview canvas{width:100%;height:100%;object-fit:contain}.level-preview .square{width:100%;height:100%;margin:0;font-size:.5rem}@keyframes reject{0%{background-color:var(--barrier-color)}50%{background-color:#fe8888}to{background-color:var(--barrier-color)}}.nav-bar{background-color:transparent;margin-bottom:1rem;display:flex;justify-content:flex-start;align-items:center;position:relative}.nav-bar h1{margin:0;color:var(--floor-color);font-size:1.8rem;text-align:left;background-color:#131313;padding:.5rem 1rem}.page-title{position:absolute;left:50%;transform:translate(-50%);color:var(--floor-color);background-color:#131313;padding:.5rem 1rem;border-radius:8px}.page-title h2{margin:0;color:var(--operator-color)}.nav-buttons{display:flex;gap:.5rem;position:absolute;right:1rem;font-size:.9rem}.nav-buttons button{padding:.5rem 1rem;background-color:#242424;color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.nav-buttons button:hover{background-color:#666}.sound-toggle{background:none;border:none;font-size:1rem;cursor:pointer;padding:.5rem;transition:background-color .2s}.sound-toggle:hover{background-color:#ffffff1a}.sound-toggle.sound-on{color:var(--operator-color)}.sound-toggle.sound-off{color:#666}.editor-main{display:flex;flex-direction:row;gap:1.5rem;width:100%;justify-content:center;align-items:flex-start}.editor-board-container{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.editor-board-container .board .square{cursor:pointer}.editor-controls{display:flex;flex-direction:column;gap:1rem;width:300px;flex-shrink:0;background-color:#131313;border-radius:8px}.square-options{flex-wrap:wrap;gap:.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;width:300px;font-size:.8rem}.square-option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border:1px solid #ccc;border-radius:4px;cursor:pointer}.square-option.selected{border-color:var(--operator-color);background:#379ef21a}.square-option .square{margin:0;cursor:pointer}.square-option:hover{border-color:#fff}.value-control{display:flex;gap:1rem;align-items:center}.value-control input[type=number]{width:60px;padding:.25rem}.editor-buttons{display:flex;gap:1.5rem;justify-content:center;border-radius:4px}.editor-button{width:120px;background-color:var(--operator-color);color:#fff;border:none;border-radius:4px;cursor:pointer;padding:.4rem 1rem;height:34px;font-size:1rem}.editor-button:hover{background-color:var(--operator-color);filter:brightness(1.1)}.editor-button.copied{background-color:var(--goal-color);color:#fff}.editor-button.copied:hover{background-color:var(--goal-color);filter:brightness(1.1)}.game-tip{text-wrap:balance;font-weight:500;font-style:italic;color:var(--wall-color);background-color:var(--operator-color);font-size:.9rem;padding:1rem;border-radius:4px;width:200px;margin-top:1rem;text-align:left}.game-tip ul{padding-left:1em;margin-bottom:0}.game-tip ul li{margin-bottom:.5em}.game-tip h2{margin-bottom:.25em;margin-top:0;font-size:1.1em}@media screen and (max-width: 500px){.game-tip{display:none}.game-header{flex-direction:row!important;justify-content:space-between;align-items:center;padding:.5rem 1rem!important}.game-header-title{margin:0!important;padding:0!important}.game-stats{padding:0!important;gap:0!important;display:block!important}.nav-bar{margin-bottom:.5rem}}.nav-bar .game-tip.sound-tip{position:absolute;right:1rem;top:100%;margin-top:.5rem;width:140px;z-index:10}