@charset "UTF-8";body{margin:0;padding:0;background:#0369a1;font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal}body .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:2rem}@media screen and (max-width: 430px){body{overflow:hidden;background:#0369a1}}h1,h2,h3{color:#333}button{background-color:#facc15;color:#1f2937;border:2px solid #eab308;padding:.5rem 1rem;font-family:"Press Start 2P",monospace;font-size:.75rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px #d97706}button:hover{background-color:#fde047;border-color:#fbbf24;box-shadow:0 2px 4px #facc15,0 0 4px #facc15}button:active{background-color:#eab308;transform:translateY(1px);box-shadow:0 1px #ca8a04}.backdrop.svelte-143hxvy{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog.svelte-143hxvy{background:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 8px 24px #0003;min-width:400px;min-height:200px;text-align:center;flex-direction:column;display:flex}.dialog.svelte-143hxvy .dialog-content:where(.svelte-143hxvy){flex-grow:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.dialog.svelte-143hxvy .dialog-actions:where(.svelte-143hxvy){display:flex;align-items:center;justify-content:center}.canvas.svelte-10ha98z{width:320px;height:320px;transform:scale(1);transform-origin:top left;border-radius:.5rem;border:5px solid #84c669}.grid-overlay.svelte-10ha98z{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);width:327px;height:327px;overflow:hidden;position:absolute;top:0;left:0;pointer-events:none;border:3px solid #facc15;border-radius:8px;box-shadow:0 4px #c9a915;transform:scale(1);transform-origin:top left}.grid-cell.svelte-10ha98z{border:1px dashed rgba(0,0,0,.2)}.canvas-container.svelte-10ha98z{width:90vw;max-width:320px;aspect-ratio:1 / 1;position:relative}.library.svelte-lm280z{padding:.5rem 0;width:calc(100% - 5px);max-height:3rem;border-radius:.5rem;display:flex;overflow-x:auto;overflow-y:auto;justify-content:space-evenly;scrollbar-color:#1586c9 #71d8f2;scrollbar-width:thin;margin:2px;overscroll-behavior-y:contain;-webkit-user-select:none;user-select:none;scroll-snap-type:x mandatory}.library-item.svelte-lm280z{height:1rem;padding:.7rem;margin:.2rem .5rem;background:#e0ffe0;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;gap:.5rem;scroll-snap-align:start;color:#1e1e1e;border:3px solid #15a8fa;border-radius:8px;box-shadow:0 4px #1586c9;-webkit-user-select:none;user-select:none}.library-item.svelte-lm280z .drag-handle:where(.svelte-lm280z){font-size:1.2rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.disabled-action.svelte-lm280z{cursor:default;filter:saturate(.5);color:gray}.item-count.svelte-lm280z{color:#0a5c70}.bg-move.svelte-lm280z{background:#b7ffff!important}.bg-turn.svelte-lm280z{background:#fdbae1!important}.bg-repeat.svelte-lm280z{background:#fff6c8!important}.library-item-clone.svelte-lm280z{position:fixed;pointer-events:none;opacity:.8;z-index:9999;height:1rem;padding:.7rem;background:#e0ffe0;display:flex;font-size:.7rem;width:8rem;gap:.5rem;border:3px solid #15a8fa;border-radius:8px;box-shadow:0 4px #1586c9,0 8px 10px #0000004d;-webkit-user-select:none;user-select:none}.sequence-item-container.svelte-viqh0s{padding:.1rem .5rem;cursor:grab;border:3px solid #15a8fa;border-radius:8px;box-shadow:0 4px #1586c9}.sequence-item.svelte-viqh0s{display:flex;justify-content:space-between;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;color:#1e1e1e}.sequence-item.svelte-viqh0s button:where(.svelte-viqh0s){background:none;border:none;color:red;cursor:pointer;font-weight:700;box-shadow:none;padding:.5rem 0}.subsequence.svelte-viqh0s{border-radius:.5rem;background:#96cdec;margin-bottom:.4rem}.bg-move.svelte-viqh0s{background:#b7ffff!important}.bg-turn.svelte-viqh0s{background:#fdbae1!important}.bg-repeat.svelte-viqh0s{background:#fff6c8!important}.item-id.svelte-viqh0s{display:flex}.item-id.svelte-viqh0s .arrow:where(.svelte-viqh0s){width:20px}.sequence-item-clone.svelte-viqh0s{position:fixed;pointer-events:none;opacity:.8;border:3px solid #15a8fa;border-radius:8px;box-shadow:0 4px #1586c9,0 8px 10px #0000004d;padding:.5rem;z-index:9999;width:20rem}.sequence-item-clone.svelte-viqh0s .sequence-item:where(.svelte-viqh0s){display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;touch-action:none;width:100%}.sequence-item-clone.svelte-viqh0s .subsequence:where(.svelte-viqh0s){margin-top:.5rem;margin-bottom:0}@media screen and (max-width: 440px){.sequence-item-clone.svelte-viqh0s{width:70%}}.sequence.svelte-1fs3fjq{width:100%;min-height:2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1586c9 #fff;font-size:.7rem}.sequence.svelte-1fs3fjq .action-item:where(.svelte-1fs3fjq){margin:0 .5rem}.root-sequence.svelte-1fs3fjq{height:36vh}.dropzone.svelte-1fs3fjq{height:.7rem;transition:background-color .2s ease,height .2s ease;border-radius:.5rem;margin:0 .5rem;filter:blur(2px);background-color:transparent}.dropzone.highlighted.svelte-1fs3fjq{background-color:#0072b4;height:1rem;opacity:.5}.spacer.svelte-1fs3fjq{height:1.5rem;width:100%}.container.svelte-v6n3x9{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:2px solid #003f4f;padding-top:0;height:fit-content;border-radius:1rem;box-shadow:3px 3px #1586c9}.sequence-builder.svelte-v6n3x9{width:385px;height:350px;display:flex;flex-direction:column;gap:1rem}.sequence-container.svelte-v6n3x9{overflow:hidden;width:100%;height:250px;background-color:#aad4f5;border:2px solid #222;border-radius:10px;box-shadow:inset -2px -2px #fff,inset 2px 2px #5a94ba}.action-sequence.svelte-v6n3x9{flex-grow:1;height:100%}.library-container.svelte-v6n3x9{overflow:hidden;width:100%;height:100%;background-color:#71d8f2;border:2px solid #222;border-radius:10px;box-shadow:inset -2px -2px #fff,inset 2px 2px #009ec3;-webkit-user-select:none;user-select:none}.buttons-container.svelte-v6n3x9{display:flex;justify-content:space-between;gap:1rem}.game-canvas.svelte-v6n3x9{display:flex;justify-content:center;align-items:center;height:340px}@media screen and (max-width: 440px){.sequence-container.svelte-v6n3x9{height:100%}.sequence-builder.svelte-v6n3x9{width:calc(100vw - 2rem);height:100%;display:flex;flex-direction:column;gap:1rem}.game-canvas.svelte-v6n3x9{width:calc(100vw - 2rem);height:32vh;margin-top:-1rem}.container.svelte-v6n3x9{border:none;box-shadow:none}}.app-container.svelte-1nwn6ws{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0369a1}.cover-container.svelte-1nwn6ws{display:flex;justify-self:center;align-items:center;width:100vw;height:100vh;background:#02456b}.cover-container.svelte-1nwn6ws .cover:where(.svelte-1nwn6ws){position:relative;width:100%;display:flex;justify-content:center}.cover-container.svelte-1nwn6ws .cover:where(.svelte-1nwn6ws) img:where(.svelte-1nwn6ws){border-radius:1.5rem;height:90vh;box-shadow:0 8px 10px #0003}.cover-container.svelte-1nwn6ws .cover:where(.svelte-1nwn6ws) button:where(.svelte-1nwn6ws){position:absolute;bottom:2rem;left:50%;height:3rem;font-size:1.5rem;transform:translate(-50%,-50%)}@media screen and (max-width: 440px){.app-container.svelte-1nwn6ws{height:auto;background:#0369a1}.cover-container.svelte-1nwn6ws .cover:where(.svelte-1nwn6ws){width:100%;display:flex;justify-content:center}.cover-container.svelte-1nwn6ws .cover:where(.svelte-1nwn6ws) img:where(.svelte-1nwn6ws){border-radius:none;height:100%;width:90%;margin:1rem}.cover-container.svelte-1nwn6ws .cover:where(.svelte-1nwn6ws) button:where(.svelte-1nwn6ws){height:4rem}}