*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,Consolas,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-\[-1\%\]{inset:-1%}.inset-x-6{left:1.5rem;right:1.5rem}.bottom-0{bottom:0}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-3{margin-top:.75rem}.\!block{display:block!important}.block{display:block}.flex{display:flex}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-32{height:8rem}.h-5{height:1.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-5{width:1.25rem}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.flex-1{flex:1}.flex-none{flex:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.bg-\[\#1e1e1e\]{--tw-bg-opacity:1;background-color:rgb(30 30 30/var(--tw-bg-opacity,1))}.bg-\[\#c7e8ff\]{--tw-bg-opacity:1;background-color:rgb(199 232 255/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:#0009}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-gray-900\/30{background-color:#1118274d}.bg-gray-900\/40{background-color:#11182766}.bg-gray-900\/80{background-color:#111827cc}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-600{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-\[linear-gradient\(180deg\,rgba\(248\,254\,255\,0\.18\)_0\%\,rgba\(242\,251\,227\,0\.08\)_28\%\,rgba\(223\,240\,187\,0\.08\)_58\%\,rgba\(88\,120\,63\,0\.1\)_100\%\)\]{background-image:linear-gradient(#f8feff2e 0%,#f2fbe314 28%,#dff0bb14 58%,#58783f1a 100%)}.bg-\[radial-gradient\(circle_at_center\,rgba\(255\,255\,255\,0\.04\)_0\%\,rgba\(255\,255\,255\,0\.02\)_30\%\,rgba\(255\,255\,255\,0\)_60\%\)\]{background-image:radial-gradient(circle,#ffffff0a 0%,#ffffff05 30%,#fff0 60%)}.bg-\[radial-gradient\(ellipse_at_center\,rgba\(42\,78\,47\,0\.1\)_0\%\,rgba\(42\,78\,47\,0\.03\)_42\%\,rgba\(42\,78\,47\,0\)_74\%\)\]{background-image:radial-gradient(#2a4e2f1a 0%,#2a4e2f08 42%,#2a4e2f00 74%)}.bg-cover{background-size:cover}.fill-orange-400{fill:#fb923c}.object-contain{-o-object-fit:contain;object-fit:contain}.p-1{padding:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,Consolas,monospace}.font-sans{font-family:system-ui,Segoe UI,Roboto,sans-serif}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-orange-400\/30{color:#fb923c4d}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-green-900\/20{--tw-shadow-color:#14532d33;--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\/30{--tw-shadow-color:#f973164d;--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-500\/50{--tw-shadow-color:#f9731680;--tw-shadow:var(--tw-shadow-colored)}.blur-2xl{--tw-blur:blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_15px_rgba\(249\,115\,22\,0\.5\)\]{--tw-drop-shadow:drop-shadow(0 0 15px #f9731680);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--shell-padding-inline:1rem;--header-padding-block:.75rem;--footer-padding-block:.4rem;--shell-gap:.75rem;--logo-height:2.5rem;--version-font-size:.75rem;--footer-font-size:.625rem;--footer-letter-spacing:.16em;--toolbar-padding-inline:.875rem;--toolbar-padding-block:.75rem;--toolbar-gap:.625rem;--mode-button-font-size:.75rem;--mode-button-padding-inline:1rem;--mode-button-padding-block:.45rem;--run-button-font-size:.95rem;--run-button-padding-inline:1.5rem;--run-button-padding-block:.7rem;--mode-switch-max-width:none;--run-button-width:auto;--blockly-toolbox-width:3.75rem;--blockly-scrollbar-thickness:.82rem;--blockly-zoom-scale:1;--editor-pane-basis:46%;--game-pane-basis:54%;--modal-width:min(92vw, 28rem);--modal-padding:clamp(1.25rem, 2vw, 2rem);--modal-title-size:clamp(1.5rem, 3vw, 1.875rem);--modal-text-size:clamp(.875rem, 1.5vw, 1rem);--modal-star-size:clamp(2.75rem, 5vw, 4rem);--modal-gap:clamp(.75rem, 2vw, 1rem);--modal-button-padding-inline:clamp(1rem, 2vw, 1.25rem);--modal-button-padding-block:clamp(.75rem, 1.8vw, .85rem);font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.02em;margin:0;font-size:1.75rem}@media (width>=768px){h1{margin:0 0 .5rem;font-size:2.25rem}}h2{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.1rem;line-height:118%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:.25rem .5rem;font-size:.875rem;line-height:135%}.app-header{gap:var(--shell-gap);padding-inline:var(--shell-padding-inline);padding-block:var(--header-padding-block)}.app-logo{height:var(--logo-height)}.app-version{font-size:var(--version-font-size)}.app-footer{padding-inline:var(--shell-padding-inline);padding-block:var(--footer-padding-block)}.app-footer-copy{font-size:var(--footer-font-size);letter-spacing:var(--footer-letter-spacing)}.editor-toolbar{gap:var(--toolbar-gap);padding-inline:var(--toolbar-padding-inline);padding-block:var(--toolbar-padding-block)}.editor-mode-button{font-size:var(--mode-button-font-size);padding-inline:var(--mode-button-padding-inline);padding-block:var(--mode-button-padding-block)}.editor-run-button{font-size:var(--run-button-font-size);padding-inline:var(--run-button-padding-inline);padding-block:var(--run-button-padding-block);width:var(--run-button-width)}.editor-mode-switch{max-width:var(--mode-switch-max-width)}.modal-card{width:var(--modal-width);max-width:100%;padding:var(--modal-padding);border-radius:1rem}.modal-title{font-size:var(--modal-title-size)}.modal-description{font-size:var(--modal-text-size)}.modal-stars{gap:var(--modal-gap)}.modal-star-icon{width:var(--modal-star-size);height:var(--modal-star-size)}.modal-actions{gap:var(--modal-gap);flex-direction:column}.modal-action-button{padding-inline:var(--modal-button-padding-inline);padding-block:var(--modal-button-padding-block)}@media (width>=768px){.app-main{flex-direction:row}.app-editor-pane{flex-basis:var(--editor-pane-basis);border-bottom-width:0;border-right-width:1px}.app-game-pane{flex-basis:var(--game-pane-basis)}.modal-actions{flex-direction:row}}@media (width>=1280px){:root{--editor-pane-basis:42%;--game-pane-basis:58%}}@media (width<=1024px){:root{--shell-padding-inline:.875rem;--logo-height:2.25rem;--blockly-toolbox-width:3.45rem}}@media (width<=767px){:root{--shell-padding-inline:.75rem;--header-padding-block:.65rem;--footer-padding-block:.35rem;--shell-gap:.625rem;--logo-height:2rem;--version-font-size:.675rem;--footer-font-size:.55rem;--toolbar-padding-inline:.625rem;--toolbar-padding-block:.625rem;--toolbar-gap:.5rem;--mode-button-font-size:.72rem;--mode-button-padding-inline:.9rem;--mode-button-padding-block:.42rem;--run-button-font-size:.9rem;--run-button-padding-inline:1.25rem;--run-button-padding-block:.65rem;--blockly-toolbox-width:3.1rem;--blockly-scrollbar-thickness:.72rem;--blockly-zoom-scale:.92}}@media (width<=640px){.app-tagline{display:none!important}}.blocklyText{font-weight:700!important}.blocklyHtmlInput{color:#1f2937!important;background-color:#fffffff2!important;border:2px solid #fff9!important;border-radius:4px!important;padding:2px 4px!important;font-weight:600!important}.blocklyToolboxCategory{background-color:#f97316!important}.blocklyTreeLabel{color:#fff!important;font-weight:600!important}.blocklyToolboxDiv{width:var(--blockly-toolbox-width)!important;background-color:#1f2937!important}.blocklyZoom{transform:scale(var(--blockly-zoom-scale));transform-origin:100% 100%}.blocklyScrollbarVertical,.blocklyScrollbarHorizontal{opacity:.88}.blocklyScrollbarVertical .blocklyScrollbarHandle,.blocklyScrollbarHorizontal .blocklyScrollbarHandle{rx:999px;ry:999px}.blocklyScrollbarVertical .blocklyScrollbarBackground,.blocklyScrollbarHorizontal .blocklyScrollbarBackground{opacity:.18}.blocklyScrollbarVertical .blocklyScrollbarHandle,.blocklyScrollbarVertical .blocklyScrollbarBackground{width:var(--blockly-scrollbar-thickness)}.blocklyScrollbarHorizontal .blocklyScrollbarHandle,.blocklyScrollbarHorizontal .blocklyScrollbarBackground{height:var(--blockly-scrollbar-thickness)}@media (height<=540px) and (orientation:landscape){:root{--shell-padding-inline:.75rem;--header-padding-block:.35rem;--footer-padding-block:.2rem;--shell-gap:.5rem;--logo-height:1.9rem;--version-font-size:.625rem;--footer-font-size:.5rem;--footer-letter-spacing:.14em;--toolbar-padding-inline:.5rem;--toolbar-padding-block:.35rem;--toolbar-gap:.35rem;--mode-button-font-size:.7rem;--mode-button-padding-inline:.8rem;--mode-button-padding-block:.38rem;--run-button-font-size:.8125rem;--run-button-padding-inline:.85rem;--run-button-padding-block:.45rem;--mode-switch-max-width:8rem;--run-button-width:fit-content;--blockly-toolbox-width:2.55rem;--blockly-scrollbar-thickness:.56rem;--blockly-zoom-scale:.8;--editor-pane-basis:42%;--game-pane-basis:58%;--modal-width:min(88vw, 24rem);--modal-padding:1rem;--modal-title-size:1.3rem;--modal-text-size:.8rem;--modal-star-size:2.35rem;--modal-gap:.6rem}.app-main{flex-direction:row!important}.app-tagline{display:none!important}.editor-mode-switch{min-width:7rem}.editor-run-button{min-height:2rem}.app-footer-copy{letter-spacing:.1em;font-size:.44rem}}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-green-500:hover{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.hover\:bg-orange-400:hover{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.hover\:bg-orange-500:hover{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width>=640px){.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:rounded-lg{border-radius:.5rem}}@media (width>=768px){.md\:block{display:block}}