@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700;800&display=swap";: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:"Albert Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Albert Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;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}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}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:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}html,body,#app{width:100%;height:100%;margin:0}#app{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex;overflow:hidden}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.monaco-container.svelte-1pxdb1{width:100%;height:100%;text-align:left!important;direction:ltr!important}.blockly-wrapper.svelte-1dbg2lq{width:100%;height:100%;position:relative;overflow:hidden}.blocks-load-error.svelte-1dbg2lq{z-index:10000;color:#b71c1c;background:#ffebee;border-bottom:1px solid #ef9a9a;padding:8px 12px;font-size:12px;position:absolute;top:0;left:0;right:0}.blockly-container.svelte-1dbg2lq{z-index:1;width:100%;height:100%;position:relative}.mobile-toolbox-toggle.svelte-1dbg2lq{z-index:9999;color:#fff;cursor:pointer;background:#119e71;border:none;border-radius:0 12px 12px 0;justify-content:center;align-items:center;width:28px;height:60px;font-size:16px;transition:left .3s cubic-bezier(.4,0,.2,1),background .2s;display:flex;position:absolute;top:50%;left:201px;transform:translateY(-50%);box-shadow:4px 0 8px #00000026}.mobile-toolbox-toggle.is-hidden.svelte-1dbg2lq{left:0!important}.mobile-toolbox-toggle.svelte-1dbg2lq:hover{background:#21b2b1}.toolbox-trash-overlay.svelte-1dbg2lq{pointer-events:none;justify-content:center;align-items:center;height:100%;animation:.15s svelte-1dbg2lq-fadeIn;display:flex;position:absolute;top:0;left:0;z-index:150!important;background-color:#a3000085!important;width:200px!important;margin:0!important;padding:0!important}.trash-icon-container.svelte-1dbg2lq{justify-content:center;align-items:center;width:100px;height:100px;display:flex}.trash-icon-container.svelte-1dbg2lq i:where(.svelte-1dbg2lq){font-size:44px;color:#fff!important}@keyframes svelte-1dbg2lq-fadeIn{0%{opacity:0}to{opacity:1}}.blocklyWidgetDiv,.blocklyDropDownDiv{z-index:2100!important}.blocklyWidgetDiv .goog-menu,.blocklyMenu,.blocklyDropdownMenu{color:#fff!important;background:#333!important;border:1px solid #444!important;border-radius:4px!important;max-height:400px!important;padding:4px 0!important;overflow:hidden auto!important;box-shadow:0 4px 10px #0006!important}.blocklyWidgetDiv .goog-menu::-webkit-scrollbar{width:6px}.blocklyMenu::-webkit-scrollbar{width:6px}.blocklyWidgetDiv .goog-menu::-webkit-scrollbar-thumb{background:#666;border-radius:10px}.blocklyMenu::-webkit-scrollbar-thumb{background:#666;border-radius:10px}.blocklyWidgetDiv .goog-menu::-webkit-scrollbar-track{background:0 0}.blocklyMenu::-webkit-scrollbar-track{background:0 0}.blocklyWidgetDiv .goog-menuitem,.blocklyMenuItem{color:#333!important;cursor:pointer!important;padding:8px 30px 8px 15px!important;font-family:Albert Sans,sans-serif!important;font-size:14px!important}.blocklyWidgetDiv .goog-menuitem-hover,.blocklyMenuItemHighlight,.blocklyWidgetDiv .blocklyMenuItem:hover{opacity:.75;background-color:#1a9291!important}.blocklyWidgetDiv .goog-menuitem-content,.blocklyMenuItemContent{color:#333!important}.blocklyDropdownMenu .blocklyMenuItemContent{color:#fff!important}.blocklyWidgetDiv .goog-menuitem-checkbox{filter:invert()brightness(2)!important}.blocklyDropDownDiv{background-color:#fcf9f2!important;border:1px solid #ccc!important;border-radius:8px!important;box-shadow:0 4px 15px #0003!important}.blockly-wrapper.svelte-1dbg2lq .blocklyToolboxDiv{width:200px!important;box-shadow:none!important;z-index:70!important;background-color:#fcf9f2!important;border-right:1px solid #e8e8e8!important;font-family:Albert Sans,sans-serif!important}.blockly-wrapper.svelte-1dbg2lq .blocklyText,.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutLabelText,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutButton .blocklyText{font-family:Albert Sans,sans-serif!important}.blockly-wrapper.svelte-1dbg2lq .blocklyToolboxCategory{justify-content:flex-start;align-items:center;display:flex;margin:0!important;padding:20px!important}.blockly-wrapper.svelte-1dbg2lq .blocklyToolboxCategory span:first-child{padding-left:-10px!important;font-size:20px!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRoot,.blockly-wrapper.svelte-1dbg2lq .blocklyToolboxContents,.blockly-wrapper.svelte-1dbg2lq .blocklyToolboxDiv>div,.blockly-wrapper.svelte-1dbg2lq .blocklyToolbox{background-color:#fcf9f2!important;margin:0!important;padding:0!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRowContentContainer{align-items:center!important;gap:12px!important;width:100%!important;height:100%!important;padding:0 12px!important;display:flex!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeIcon{justify-content:center!important;align-items:center!important;width:24px!important;margin:0!important;font-size:22px!important;display:flex!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeLabel{font-family:Albert Sans,Segoe UI,sans-serif!important;font-size:20px!important}.blockly-wrapper.svelte-1dbg2lq .custom-toolbox-header{background:#fcf9f2;padding:10px 12px}.blockly-wrapper.svelte-1dbg2lq .custom-toolbox-header .toolbox-title{display:none}.blockly-wrapper.svelte-1dbg2lq .custom-toolbox-header .toolbox-search{background:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;padding:4px 8px;display:flex}.blockly-wrapper.svelte-1dbg2lq .custom-toolbox-header .toolbox-search input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:13px}.blockly-wrapper.svelte-1dbg2lq .custom-toolbox-header .toolbox-search i{color:#999;font-size:14px}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow{cursor:pointer;box-sizing:border-box;transition:all .1s;border-left:8px solid #0000!important;align-items:center!important;width:100%!important;height:60px!important;margin:0!important;padding-left:0!important;line-height:60px!important;display:flex!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRowContentContainer{align-items:center!important;width:100%!important;margin-left:12px!important;padding:0!important;display:flex!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Sprites]{border-left-color:#4b7bec!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Controller]{border-left-color:#d13130!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Game]{border-left-color:#7059b5!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Music]{border-left-color:#e03e8a!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Scene]{border-left-color:#136b5e!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Loops]{border-left-color:#2ebc4f!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Logic]{border-left-color:#28a9ce!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Variables]{border-left-color:#e1485d!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow[aria-label=Math]{border-left-color:#8c49a3!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow{color:#555!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow .blocklyTreeIcon{color:inherit!important;fill:currentColor!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Sprites] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Sprites] .blocklyTreeIcon{color:#4b7bec!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Controller] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Controller] .blocklyTreeIcon{color:#d13130!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Game] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Game] .blocklyTreeIcon{color:#7059b5!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Music] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Music] .blocklyTreeIcon{color:#e03e8a!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Scene] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Scene] .blocklyTreeIcon{color:#136b5e!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Loops] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Loops] .blocklyTreeIcon{color:#2ebc4f!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Logic] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Logic] .blocklyTreeIcon{color:#28a9ce!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Variables] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Variables] .blocklyTreeIcon{color:#e1485d!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Math] .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected)[aria-label=Math] .blocklyTreeIcon{color:#8c49a3!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected .blocklyTreeLabel,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected .blocklyTreeIcon{color:#fff!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Sprites]{background-color:#4b7bec!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Controller]{background-color:#d13130!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Game]{background-color:#7059b5!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Music]{background-color:#e03e8a!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Scene]{background-color:#136b5e!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Loops]{background-color:#2ebc4f!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Logic]{background-color:#28a9ce!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Variables]{background-color:#e1485d!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow.blocklyTreeSelected[aria-label=Math]{background-color:#8c49a3!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRow:not(.blocklyTreeSelected):hover{background-color:#0000000d!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeLabel{margin-left:4px!important;font-family:Albert Sans,Segoe UI,sans-serif!important;font-size:20px!important;font-weight:500!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeIcon{display:inline-block;text-align:center!important;width:32px!important;margin-right:12px!important;font-family:"Font Awesome 5 Free"!important;font-size:22px!important;font-weight:900!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeIcon.blocklyTreeIconClosed,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeIcon.blocklyTreeIconOpen,.blockly-wrapper.svelte-1dbg2lq .blocklyTreeIcon.blocklyTreeIconNone{background-image:none!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutBackground{transition:fill .3s;fill:var(--flyout-bg,#565c63)!important;fill-opacity:1!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutLabelText{fill:#fff!important;font-weight:600!important}.blockly-wrapper.svelte-1dbg2lq .arcade-app.theme-DARK{--flyout-bg:#252526}.blockly-wrapper.svelte-1dbg2lq .arcade-app.theme-HIGH-CON{--flyout-bg:#000}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyout .blocklyScrollbarBackground{fill:#0000!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyout .blocklyScrollbarHandle{fill:#ffffff4d!important}.blockly-wrapper.svelte-1dbg2lq .blocklyZoom,.blockly-wrapper.svelte-1dbg2lq .blocklyTrash{display:none!important}.blockly-wrapper.toolbox-hidden.svelte-1dbg2lq .blocklyTrash{display:block!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutButton{rx:6;cursor:pointer;transition:all .2s;fill:#e64a19!important;stroke:none!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutButton:hover{fill:#f4511e!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutButtonText{pointer-events:none;text-transform:uppercase;letter-spacing:.5px;fill:#fff!important;font-family:Albert Sans,Segoe UI,sans-serif!important;font-size:14px!important;font-weight:700!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutButtonShadow{display:none!important}.blockly-wrapper.svelte-1dbg2lq .blocklyFlyoutButton .blocklyText{fill:#fff!important;font-size:14px!important}.blocklyContextMenu{background:var(--menu-bg,#fffffff7)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--border-color,#00000014)!important;border-radius:8px!important;padding:6px 0!important;box-shadow:0 8px 30px #0000001f!important}.arcade-app.theme-DARK{--menu-bg:#252526}.arcade-app.theme-HIGH-CON{--menu-bg:#000}.blocklyContextMenu .blocklyMenuItem{color:var(--toolbox-text)!important;cursor:pointer!important;padding:10px 20px!important;font-family:Albert Sans,Segoe UI,sans-serif!important;font-size:14px!important;transition:background-color .15s!important}.blocklyContextMenu hr,.blocklyContextMenu .blocklyMenuItemSeparator{border:none!important;border-top:1px solid #0000000f!important;margin:4px 12px!important}.blockly-wrapper.svelte-1dbg2lq .blocklyToolbox,.blockly-wrapper.svelte-1dbg2lq .blocklyToolboxContents{background-color:#fcf9f2!important}.blockly-wrapper.svelte-1dbg2lq .blocklyTreeRowContentContainer{align-items:center!important;display:flex!important}.blocklyDragSurface{z-index:1000!important}.blocklyToolboxDiv{z-index:70!important}.blocklyWidgetDiv,.blocklyDropDownDiv{z-index:1100!important}.blocklyDropDownDiv{box-shadow:none!important;background-color:#0000!important;border:none!important}.blocklyDropDownArrow{display:none!important}.blocklyDropDownContent{background:0 0!important;max-height:none!important}.blocklyWidgetDiv .blocklyMenu{background:var(--menu-bg,#fffffff7)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid var(--border-color,#0000001a)!important;border-radius:12px!important;padding:4px 0!important;box-shadow:0 10px 40px #0003!important}.blocklyWidgetDiv .blocklyMenuItem{border-radius:4px!important;margin:0 4px!important;padding:8px 14px!important;font-family:Albert Sans,Segoe UI,sans-serif!important;font-size:13px!important;transition:background-color .15s!important}.melody-editor-popup{background:var(--melody-bg,#e03e8a);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:max-content;min-width:300px;padding:16px;font-family:Albert Sans,Segoe UI,sans-serif;display:flex}.arcade-app.theme-DARK{--melody-bg:#8b2655}.arcade-app.theme-HIGH-CON{--melody-bg:#000}.melody-tabs{justify-content:center;gap:4px;margin-bottom:12px;display:flex}.melody-tab{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:6px;padding:6px 20px;font-size:13px;font-weight:600;transition:all .15s}.melody-tab.active{color:#e03e8a;background:#fff}.melody-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.melody-cell{cursor:pointer;background:#ffffff40;border:1px solid #ffffff1a;border-radius:4px;width:28px;height:28px;transition:all .1s}.melody-cell:hover{background:#ffffff80;transform:scale(1.05)}.melody-cell.active{background:#fff;box-shadow:0 0 6px #fff9}.melody-col-active{z-index:10;transform:scale(1.05);box-shadow:inset 0 0 10px #fffc,0 0 4px #fff6}.melody-controls{justify-content:center;align-items:center;gap:8px;margin-top:auto;display:flex}.melody-tempo{text-align:center;color:#333;background:#fff;border:none;border-radius:4px;width:55px;padding:6px 8px;font-size:13px;font-weight:600}.melody-play{color:#fff;cursor:pointer;background:#0003;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:background .15s;display:flex}.melody-play:hover{background:#00000059}.melody-done{color:#fff;cursor:pointer;background:#1a9291;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s}.melody-done:hover{background:#21b2b1}.modal-backdrop.svelte-1dbg2lq{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100000;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content.svelte-1dbg2lq{animation:.3s cubic-bezier(.34,1.56,.64,1) svelte-1dbg2lq-modalAppear}@keyframes svelte-1dbg2lq-modalAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.simulator-container.svelte-11kd90t{color:#fff;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#1e1e1e;flex-direction:column;align-items:center;width:100%;height:100%;padding:20px 10px;font-family:Segoe UI,sans-serif;display:flex}.divider.svelte-11kd90t{background:#ffffff26;border-radius:1px;width:2px;height:18px;margin:0 4px}.simulator-container.floating.svelte-11kd90t{background:#2a2a2a;border:1px solid #444;border-radius:12px;width:220px;height:auto;padding:10px;box-shadow:0 10px 30px #00000080}.arcade-hardware.svelte-11kd90t{flex-direction:column;align-items:center;width:100%;display:flex}.sim-display.svelte-11kd90t{aspect-ratio:4/3;background:#000;border:8px solid #333;border-radius:12px;width:100%;max-width:320px;margin-bottom:25px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000;container-type:inline-size}.floating.svelte-11kd90t .sim-display:where(.svelte-11kd90t){border-width:4px;margin-bottom:15px}.sim-iframe.svelte-11kd90t{background:#000;border:none;width:100%;height:100%}.screen-grid-overlay.svelte-11kd90t{pointer-events:none;z-index:4;background-image:linear-gradient(90deg,#0ff6 1px,#0000 1px),linear-gradient(#0ff6 1px,#0000 1px);background-size:10% 13.3333%;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 10px #0ff3}.screen-click-target.svelte-11kd90t{z-index:5;cursor:pointer;background:0 0;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.mobile-fullscreen-prompt.svelte-11kd90t{z-index:6;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;transition:all .3s;display:none;position:absolute;top:0;left:0}.mobile-fullscreen-prompt.svelte-11kd90t i:where(.svelte-11kd90t){color:#0ff;text-shadow:0 0 10px #00ffff80;font-size:40px;animation:2s infinite svelte-11kd90t-pulse}.mobile-fullscreen-prompt.svelte-11kd90t span:where(.svelte-11kd90t){letter-spacing:1px;text-align:center;padding:0 20px;font-family:VT323,monospace;font-size:18px}@media (width<=600px){.mobile-fullscreen-prompt.svelte-11kd90t{display:flex}}@keyframes svelte-11kd90t-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.retro-menu.svelte-11kd90t{box-sizing:border-box;z-index:10;background:#001428e6;border:1.5cqw double #0ff;flex-direction:column;width:100%;height:100%;padding:5cqw;font-family:VT323,monospace;display:flex;position:absolute;top:0;left:0}.menu-header.svelte-11kd90t{color:#0ff;text-align:center;text-shadow:2px 2px #000;margin-bottom:3.5cqw;font-size:8.5cqw}.menu-list.svelte-11kd90t{flex-direction:column;flex:1;gap:2.1cqw;display:flex}.menu-item.svelte-11kd90t{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:3.5cqw;padding:1.4cqw 2.8cqw;font-family:VT323,monospace;font-size:6.4cqw;transition:all .1s;display:flex}.menu-item.svelte-11kd90t i:where(.svelte-11kd90t){text-align:center;justify-content:center;align-items:center;width:8cqw;font-size:6cqw;display:flex}.menu-item.selected.svelte-11kd90t{color:#000;background:#0ff}.menu-item.selected.svelte-11kd90t:before{content:">";margin-right:1.4cqw}.arrows.svelte-11kd90t{opacity:.7;margin-left:auto;font-size:5cqw}.menu-footer.svelte-11kd90t{color:#aaa;text-align:center;margin-top:3.5cqw;font-size:5cqw;animation:1s infinite svelte-11kd90t-blink}@keyframes svelte-11kd90t-blink{50%{opacity:0}}.controls-container.svelte-11kd90t{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:clamp(5px,2cqw,15px);padding:0 clamp(8px,4cqw,15px);display:flex}.dpad-section.svelte-11kd90t{-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.joystick-base.svelte-11kd90t{aspect-ratio:1;cursor:grab;touch-action:none;background:radial-gradient(circle,#2a2a2a 0%,#1a1a1a 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(65px,30cqw,100px);height:auto;display:flex;position:relative;box-shadow:inset 0 3px 6px #000c,0 1px 2px #ffffff0d}.joystick-base.svelte-11kd90t:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff05 0%,#0000 70%);width:110%;height:110%;position:absolute}.joystick-guide-cross.svelte-11kd90t{pointer-events:none;width:65%;height:65%;position:absolute}.guide-v.svelte-11kd90t,.guide-h.svelte-11kd90t{opacity:.2;background:#000;border-radius:4px;transition:all .2s;position:absolute;box-shadow:0 1px #ffffff0d}.guide-v.svelte-11kd90t{width:6px;height:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-h.svelte-11kd90t{width:100%;height:6px;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-v.active-up.svelte-11kd90t{opacity:.8;background:linear-gradient(#d13130 0%,#000 50%)}.guide-v.active-down.svelte-11kd90t{opacity:.8;background:linear-gradient(#000 50%,#d13130 100%)}.guide-h.active-left.svelte-11kd90t{opacity:.8;background:linear-gradient(270deg,#000 50%,#d13130 100%)}.guide-h.active-right.svelte-11kd90t{opacity:.8;background:linear-gradient(90deg,#000 50%,#d13130 100%)}.joystick-stick.svelte-11kd90t{z-index:2;pointer-events:none;width:55%;height:55%}.stick-cap.svelte-11kd90t{background:radial-gradient(circle at 35% 35%,#444 0%,#111 100%);border:1.5px solid #000;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:0 3px 7px #000000e6}.stick-cap.svelte-11kd90t:after{content:"";filter:blur(1.5px);background:#ffffff1a;border-radius:50%;width:25%;height:25%;position:absolute;top:15%;left:15%}.joystick-stick.active.svelte-11kd90t .stick-cap:where(.svelte-11kd90t){background:radial-gradient(circle at 35% 35%,#555 0%,#222 100%);box-shadow:0 1px 3px #000000e6}.action-buttons.svelte-11kd90t{flex:1;justify-content:center;align-items:center;gap:clamp(8px,3cqw,20px);min-width:0;display:flex;position:relative;top:-2px}.btn-group.svelte-11kd90t{flex-direction:column;align-items:center;gap:2px;display:flex}.btn-group.svelte-11kd90t:first-child{margin-top:clamp(12px,5cqw,30px)}.btn-a.svelte-11kd90t,.btn-b.svelte-11kd90t{color:#fff;cursor:pointer;background:#d13130;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(30px,10cqw,48px);height:clamp(30px,10cqw,48px);font-family:Albert Sans,sans-serif;font-size:clamp(11px,3.5cqw,16px);font-weight:900;transition:transform 50ms,box-shadow 50ms;display:flex;box-shadow:0 3px #8e2120,0 4px 8px #00000080}.btn-a.svelte-11kd90t:active,.btn-b.svelte-11kd90t:active{transform:translateY(1.5px);box-shadow:0 1px #8e2120,0 2px 4px #00000080}.btn-group.svelte-11kd90t .label:where(.svelte-11kd90t){color:#555;letter-spacing:.3px;text-transform:uppercase;font-size:clamp(7px,2cqw,10px);font-weight:900}.floating.svelte-11kd90t .joystick-base:where(.svelte-11kd90t){width:65px}.floating.svelte-11kd90t .btn-a:where(.svelte-11kd90t),.floating.svelte-11kd90t .btn-b:where(.svelte-11kd90t){width:34px;height:34px}.floating.svelte-11kd90t .btn-group:where(.svelte-11kd90t):first-child{margin-top:18px}.floating.svelte-11kd90t .action-buttons:where(.svelte-11kd90t){gap:12px}.system-controls.svelte-11kd90t{margin-top:10px}.menu-btn.svelte-11kd90t{color:#999;cursor:pointer;letter-spacing:1px;background:#444;border:none;border-radius:10px;padding:3px 12px;font-size:9px;font-weight:700}.sim-toolbar.svelte-11kd90t{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:10;background:#14181ea6;border:1px solid #ffffff26;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:auto;max-width:calc(100% - 20px);margin-top:20px;padding:12px 24px;display:flex;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.sim-toolbar.hidden.svelte-11kd90t{display:none}.sim-toolbar.svelte-11kd90t button:where(.svelte-11kd90t){color:#94a3b8;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sim-toolbar.svelte-11kd90t button:where(.svelte-11kd90t) i:where(.svelte-11kd90t){justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:flex}.sim-toolbar.svelte-11kd90t .sim-btn-play:where(.svelte-11kd90t) i:where(.svelte-11kd90t){padding-left:3px}.sim-toolbar.svelte-11kd90t button:where(.svelte-11kd90t):hover{color:#fff;background:#ffffff1a;transform:scale(1.1)}.sim-toolbar.svelte-11kd90t button.active:where(.svelte-11kd90t){color:#0ea5e9;text-shadow:0 0 10px #0ea5e966}.sim-toolbar.svelte-11kd90t .sim-btn-play:where(.svelte-11kd90t){color:#10b981}.sim-toolbar.svelte-11kd90t .sim-btn-play:where(.svelte-11kd90t):hover{color:#34d399;background:#10b98126}.sim-toolbar.svelte-11kd90t .sim-btn-play.active:where(.svelte-11kd90t){color:#10b981;text-shadow:0 0 10px #10b98166}.sim-toolbar.svelte-11kd90t .sim-btn-pause.active:where(.svelte-11kd90t){color:#eab308;text-shadow:0 0 10px #eab30866}.sim-toolbar.svelte-11kd90t .sim-btn-stop:where(.svelte-11kd90t):hover{color:#ef4444;background:#ef444426}.volume-wrapper.svelte-11kd90t{z-index:20;align-items:center;width:36px;height:36px;display:flex;position:relative}.volume-control.svelte-11kd90t{box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:18px;flex-direction:row-reverse;justify-content:flex-start;align-items:center;width:36px;height:36px;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .2s,box-shadow .2s,border-color .2s;display:flex;position:absolute;top:0;right:0;overflow:hidden}.volume-control.svelte-11kd90t:hover,.volume-control.svelte-11kd90t:focus-within{background:#1a1f26;border-color:#ffffff26;width:120px;padding:0 6px;box-shadow:0 4px 12px #0006}.volume-control.svelte-11kd90t .volume-btn:where(.svelte-11kd90t){color:#94a3b8;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;margin:0;padding:0;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.volume-control.svelte-11kd90t:hover .volume-btn:where(.svelte-11kd90t){width:24px;min-width:24px;height:24px;font-size:14px}.volume-control.svelte-11kd90t .volume-btn.active:where(.svelte-11kd90t){color:#0ea5e9;text-shadow:0 0 10px #0ea5e966}.volume-control.svelte-11kd90t .volume-btn:where(.svelte-11kd90t):hover{color:#fff;transform:scale(1.1)}.volume-control.svelte-11kd90t:hover .volume-btn:where(.svelte-11kd90t):hover{background:0 0}.volume-slider.svelte-11kd90t{appearance:none;opacity:0;cursor:pointer;pointer-events:none;background:#ffffff4d;border-radius:2px;outline:none;width:0;height:4px;margin:0;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s,margin-right .2s}.volume-control.svelte-11kd90t:hover .volume-slider:where(.svelte-11kd90t),.volume-control.svelte-11kd90t:focus-within .volume-slider:where(.svelte-11kd90t){opacity:1;pointer-events:auto;width:75px;margin-right:8px}.volume-slider.svelte-11kd90t:hover{background:#ffffff8c}.volume-slider.svelte-11kd90t::-webkit-slider-runnable-track{cursor:pointer;background:0 0;border:none;width:100%;height:4px}.volume-slider.svelte-11kd90t::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#0ea5e9;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .15s,background-color .15s;box-shadow:0 1px 3px #0006}.volume-slider.svelte-11kd90t::-webkit-slider-thumb:hover{background:#38bdf8;transform:scale(1.3)}.volume-slider.svelte-11kd90t::-moz-range-track{cursor:pointer;background:0 0;border:none;width:100%;height:4px}.volume-slider.svelte-11kd90t::-moz-range-thumb{cursor:pointer;background:#0ea5e9;border:none;border-radius:50%;width:12px;height:12px;transition:transform .15s,background-color .15s;box-shadow:0 1px 3px #0006}.volume-slider.svelte-11kd90t::-moz-range-thumb:hover{background:#38bdf8;transform:scale(1.3)}:-webkit-any(.arcade-hardware.svelte-11kd90t:fullscreen,.arcade-hardware.svelte-11kd90t:-webkit-full-screen){box-sizing:border-box;background-color:#000;justify-content:flex-start;width:100vw;height:100vh;padding:20px;overflow:hidden}:is(.arcade-hardware.svelte-11kd90t:fullscreen,.arcade-hardware.svelte-11kd90t:fullscreen){box-sizing:border-box;background-color:#000;justify-content:flex-start;width:100vw;height:100vh;padding:20px;overflow:hidden}:-webkit-any(.arcade-hardware.svelte-11kd90t:fullscreen .sim-display:where(.svelte-11kd90t),.arcade-hardware.svelte-11kd90t:-webkit-full-screen .sim-display:where(.svelte-11kd90t)){aspect-ratio:4/3;border-width:clamp(8px,1.5vh,16px);flex-shrink:0;width:100%;max-width:clamp(320px,85vw,1000px);height:auto;max-height:70vh;margin-bottom:20px;box-shadow:0 0 40px #0ff3}:is(.arcade-hardware.svelte-11kd90t:fullscreen .sim-display:where(.svelte-11kd90t),.arcade-hardware.svelte-11kd90t:fullscreen .sim-display:where(.svelte-11kd90t)){aspect-ratio:4/3;border-width:clamp(8px,1.5vh,16px);flex-shrink:0;width:100%;max-width:clamp(320px,85vw,1000px);height:auto;max-height:70vh;margin-bottom:20px;box-shadow:0 0 40px #0ff3}:-webkit-any(.arcade-hardware.svelte-11kd90t:fullscreen .controls-container:where(.svelte-11kd90t),.arcade-hardware.svelte-11kd90t:-webkit-full-screen .controls-container:where(.svelte-11kd90t)){gap:40px;margin-top:0;padding:0 10vw}:is(.arcade-hardware.svelte-11kd90t:fullscreen .controls-container:where(.svelte-11kd90t),.arcade-hardware.svelte-11kd90t:fullscreen .controls-container:where(.svelte-11kd90t)){gap:40px;margin-top:0;padding:0 10vw}.arcade-hardware.svelte-11kd90t:fullscreen .joystick-base:where(.svelte-11kd90t){width:clamp(100px,20vh,150px);height:clamp(100px,20vh,150px)}:is(.arcade-hardware.svelte-11kd90t:fullscreen .btn-a:where(.svelte-11kd90t),.arcade-hardware.svelte-11kd90t:fullscreen .btn-b:where(.svelte-11kd90t)){width:clamp(45px,10vh,65px);height:clamp(45px,10vh,65px);font-size:clamp(18px,3.5vh,24px)}.arcade-hardware.svelte-11kd90t:fullscreen .btn-group:where(.svelte-11kd90t):first-child{margin-top:clamp(25px,7vh,45px)}.arcade-hardware.svelte-11kd90t:fullscreen .system-controls:where(.svelte-11kd90t){margin-top:30px}.arcade-hardware.svelte-11kd90t:fullscreen .menu-btn:where(.svelte-11kd90t){padding:8px 24px;font-size:14px}.sim-toolbar.svelte-11kd90t button.active:where(.svelte-11kd90t){color:#e64a19}.sprite-debugger.svelte-11kd90t{z-index:100;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border:1px solid #444;border-radius:8px;width:calc(100% - 20px);max-width:500px;margin:10px auto;padding:10px;font-family:VT323,monospace;transition:all .3s;box-shadow:0 8px 32px #000c}.arcade-hardware.svelte-11kd90t:fullscreen .sprite-debugger:where(.svelte-11kd90t){border-color:#e64a19;width:280px;max-height:calc(100vh - 40px);margin:0;position:absolute;top:20px;right:20px;box-shadow:0 0 20px #e64a194d}.arcade-hardware.svelte-11kd90t:fullscreen .debug-grid:where(.svelte-11kd90t){max-height:calc(100vh - 100px)}@media (width<=400px){.sprite-debugger.svelte-11kd90t{border-radius:8px 8px 0 0;width:100%;margin:0;position:fixed;bottom:80px;left:0}}.debug-header.svelte-11kd90t{color:#e64a19;border-bottom:1px solid #333;justify-content:space-between;align-items:center;margin-bottom:5px;padding-bottom:3px;font-size:14px;font-weight:700;display:flex}.debug-grid.svelte-11kd90t{flex-direction:column;gap:8px;max-height:275px;padding-right:4px;display:flex;overflow-y:auto}.debug-grid.svelte-11kd90t::-webkit-scrollbar{width:4px}.debug-grid.svelte-11kd90t::-webkit-scrollbar-track{background:0 0}.debug-grid.svelte-11kd90t::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.debug-grid.svelte-11kd90t::-webkit-scrollbar-thumb:hover{background:#666}@media (width<=600px){.debug-grid.svelte-11kd90t{max-height:105px}}.debug-item.svelte-11kd90t{color:#aaa;cursor:pointer;text-align:left;background:#1a1a1a;border:none;border-left:3px solid #e64a19;border-radius:6px;flex-shrink:0;align-items:center;gap:10px;min-width:150px;padding:6px;font-size:12px;transition:all .2s;display:flex}.debug-item.svelte-11kd90t:hover{background:#252525;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.debug-preview.svelte-11kd90t{background:#000;border:1px solid #333;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:2px;display:flex}.debug-preview.svelte-11kd90t img:where(.svelte-11kd90t){max-width:100%;max-height:100%;image-rendering:pixelated}.debug-info.svelte-11kd90t{flex-direction:column;gap:2px;display:flex}.debug-id.svelte-11kd90t{color:#fff;font-size:13px;font-weight:700}.debug-pos.svelte-11kd90t{color:#0ff}.debug-vel.svelte-11kd90t{color:#f0f}.modal-overlay.svelte-w0yg29{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200000;background:#0a0a0ccc;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Albert Sans,sans-serif;display:flex;position:fixed;top:0;left:0}.modal-card.svelte-w0yg29{color:#fff;text-align:left;background:#1c1c1e;border:1px solid #ffffff14;border-radius:24px;width:90%;max-width:480px;overflow:hidden;box-shadow:0 30px 60px #0006,0 0 0 1px #ffffff0d}.modal-header.svelte-w0yg29{background:linear-gradient(#ffffff05,#0000);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.title-group.svelte-w0yg29{align-items:center;gap:16px;display:flex}.icon-bg.svelte-w0yg29{color:#f1592a;background:#f1592a26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;box-sizing:border-box!important}.icon-bg.svelte-w0yg29 i:where(.svelte-w0yg29){justify-content:center;align-items:center;width:1em;height:1em;line-height:1;display:inline-flex;margin:0!important}.text.svelte-w0yg29 h2:where(.svelte-w0yg29){color:#fff;letter-spacing:-.2px;margin:0;font-size:19px;font-weight:700}.text.svelte-w0yg29 p:where(.svelte-w0yg29){color:#888;margin:2px 0 0;font-size:13px;font-weight:500}.close-btn.svelte-w0yg29{color:#888;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;box-sizing:border-box!important;padding:0!important}.close-btn.svelte-w0yg29 i:where(.svelte-w0yg29){justify-content:center;align-items:center;width:1em;height:1em;line-height:1;display:inline-flex;margin:0!important}.close-btn.svelte-w0yg29:hover{color:#fff;background:#ffffff1a}.modal-body.svelte-w0yg29{flex-direction:column;gap:24px;padding:8px 28px 28px;display:flex}.setting-section.svelte-w0yg29{flex-direction:column;gap:12px;display:flex;font-family:Albert Sans,sans-serif!important}.section-label.svelte-w0yg29{color:#666;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700;font-family:Albert Sans,sans-serif!important}.theme-grid.svelte-w0yg29{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card.svelte-w0yg29{cursor:pointer;background:#242426;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;font-family:Albert Sans,sans-serif!important}.theme-card.svelte-w0yg29:hover{background:#2c2c2e;transform:translateY(-2px)}.theme-card.active.svelte-w0yg29{background:#2c2c2e;border-color:#f1592a;box-shadow:0 8px 20px #f1592a26}.theme-visual.svelte-w0yg29{border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:100%;height:54px;display:flex;position:relative;overflow:hidden}.theme-visual.CLASSIC.svelte-w0yg29{background:#f1592a}.theme-visual.DARK.svelte-w0yg29{background:#121212}.theme-visual.HIGH-CON.svelte-w0yg29{background:#000;border:1px solid #fff3}.window-mockup.svelte-w0yg29{background:#ffffff26;border-radius:4px;flex-direction:column;gap:3px;width:40px;height:28px;padding:4px;display:flex}.HIGH-CON.svelte-w0yg29 .window-mockup:where(.svelte-w0yg29){background:#000;border:1px solid #fff}.toolbar-dot.svelte-w0yg29{background:#fff6;border-radius:50%;width:4px;height:4px}.content-line.svelte-w0yg29{background:#fff3;border-radius:2px;width:100%;height:3px}.theme-name.svelte-w0yg29{color:#aaa;text-transform:capitalize;font-size:13px;font-weight:700}.theme-card.active.svelte-w0yg29 .theme-name:where(.svelte-w0yg29){color:#fff}.horizontal-divider.svelte-w0yg29{background:#ffffff0f;width:100%;height:1px}.controls-row.svelte-w0yg29{gap:32px;display:flex}.flex-1.svelte-w0yg29{flex:1}.label-with-value.svelte-w0yg29{justify-content:space-between;align-items:center;display:flex}.badge.svelte-w0yg29{color:#f1592a;background:#2c2c2e;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:800}.range-container.svelte-w0yg29{padding:8px 0}input[type=range].svelte-w0yg29{appearance:none;cursor:pointer;background:#333;border-radius:10px;outline:none;width:100%;height:6px}input[type=range].svelte-w0yg29::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:3px solid #f1592a;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 2px 6px #0006}input[type=range].svelte-w0yg29::-webkit-slider-thumb:active{transform:scale(1.2)}.custom-toggle.svelte-w0yg29{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:0;display:flex}.toggle-track.svelte-w0yg29{background:#333;border-radius:100px;width:48px;height:24px;transition:background .3s;position:relative}.custom-toggle.active.svelte-w0yg29 .toggle-track:where(.svelte-w0yg29){background:#f1592a}.toggle-thumb.svelte-w0yg29{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;left:4px;box-shadow:0 2px 4px #0003}.custom-toggle.active.svelte-w0yg29 .toggle-thumb:where(.svelte-w0yg29){transform:translate(24px)}.toggle-status.svelte-w0yg29{color:#888;min-width:60px;font-size:13px;font-weight:600}.custom-toggle.active.svelte-w0yg29 .toggle-status:where(.svelte-w0yg29){color:#fff}.modal-footer.svelte-w0yg29{background:#18181a;justify-content:center;padding:24px 28px;display:flex}.done-btn.svelte-w0yg29{color:#fff;cursor:pointer;background:#f1592a;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #f1592a33;font-family:Albert Sans,sans-serif!important}.done-btn.svelte-w0yg29:hover{background:#f47048;transform:translateY(-2px);box-shadow:0 8px 20px #f1592a4d}.done-btn.svelte-w0yg29:active{transform:translateY(0)}.modal-overlay.svelte-1k0a4ef{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999999;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content.svelte-1k0a4ef{color:#fff;background:#1e1e1e;border:1px solid #333;border-radius:16px;width:90%;max-width:500px;font-family:Albert Sans,sans-serif;overflow:hidden;box-shadow:0 25px 60px #0009}.modal-header.svelte-1k0a4ef{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header.svelte-1k0a4ef h2:where(.svelte-1k0a4ef){color:#ff8135;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.close-btn.svelte-1k0a4ef{color:#666;cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s}.content-body.svelte-1k0a4ef{padding:30px 24px}.content-body.svelte-1k0a4ef p:where(.svelte-1k0a4ef){color:#999;margin:0 0 20px;font-size:14px;line-height:1.5}.url-container.svelte-1k0a4ef{background:#111;border:1px solid #444;border-radius:10px;gap:6px;padding:6px;display:flex}input.svelte-1k0a4ef{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:10px;font-size:13px}.copy-btn.svelte-1k0a4ef{color:#fff;cursor:pointer;white-space:nowrap;background:#ff8135;border:none;border-radius:6px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.copy-btn.success.svelte-1k0a4ef{background:#22c55e}.modal-footer.svelte-1k0a4ef{background:#1a1a1a;justify-content:flex-end;padding:20px 24px;display:flex}.primary-btn.svelte-1k0a4ef{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:10px 30px;font-size:14px;font-weight:700}.primary-btn.svelte-1k0a4ef:hover{background:#444}.mot-logo-short.svelte-1a65luw{object-fit:contain;flex-shrink:0;width:auto;display:block}.modal-overlay.svelte-yukhqh{-webkit-backdrop-filter:blur(8px);z-index:200000;background:#0a0a0ccc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card.svelte-yukhqh{color:#fff;background:#1c1c1e;border:1px solid #333;border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:min(85vh,85dvh);font-family:Albert Sans,sans-serif;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.modal-header.svelte-yukhqh{border-bottom:1px solid #2c2c2e;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.title-group.svelte-yukhqh{align-items:center;gap:14px;min-width:0;display:flex}.icon-bg.svelte-yukhqh{background:linear-gradient(135deg,#f1592a,#e64a19);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #f1592a59}.text.svelte-yukhqh{text-align:left;min-width:0}.text.svelte-yukhqh h2:where(.svelte-yukhqh){color:#fff;letter-spacing:.2px;margin:0;font-size:18px;font-weight:700}.text.svelte-yukhqh p:where(.svelte-yukhqh){color:#888;margin:3px 0 0;font-size:13px}.close-btn.svelte-yukhqh{color:#888;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .15s,color .15s;display:inline-flex}.close-btn.svelte-yukhqh i:where(.svelte-yukhqh){justify-content:center;align-items:center;width:1em;height:1em;line-height:1;display:inline-flex;margin:0!important}.close-btn.svelte-yukhqh:hover{color:#fff;background:#ffffff1f}.modal-body.svelte-yukhqh{scrollbar-width:thin;scrollbar-color:#444 transparent;padding:20px 24px 24px;overflow-y:auto}.demo-grid.svelte-yukhqh{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.demo-card.svelte-yukhqh{text-align:left;cursor:pointer;color:inherit;background:#242426;border:1px solid #333;border-radius:12px;flex-direction:column;padding:0;font-family:inherit;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;overflow:hidden}.demo-card.svelte-yukhqh:hover{border-color:#f1592a;transform:translateY(-3px);box-shadow:0 12px 28px #00000073}.demo-card.svelte-yukhqh:focus-visible{outline-offset:2px;outline:2px solid #f1592a}.thumb-wrap.svelte-yukhqh{aspect-ratio:4/3;background:#1a1a2e;width:100%;position:relative;overflow:hidden}.demo-thumb.svelte-yukhqh{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;transition:transform .25s;display:block}.demo-card.svelte-yukhqh:hover .demo-thumb:where(.svelte-yukhqh){transform:scale(1.04)}.play-overlay.svelte-yukhqh{opacity:0;background:#0a0a0c73;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}@media (hover:hover){.demo-card.svelte-yukhqh:hover .play-overlay:where(.svelte-yukhqh),.demo-card.svelte-yukhqh:focus-visible .play-overlay:where(.svelte-yukhqh){opacity:1}}.play-pill.svelte-yukhqh{color:#fff;background:#f1592a;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #0006}.play-pill.svelte-yukhqh i:where(.svelte-yukhqh){font-size:11px}.card-body.svelte-yukhqh{flex-direction:column;flex:1;gap:6px;padding:14px 14px 12px;display:flex}.card-body.svelte-yukhqh h3:where(.svelte-yukhqh){color:#fff;margin:0;font-size:15px;font-weight:700;line-height:1.25}.card-body.svelte-yukhqh p:where(.svelte-yukhqh){color:#999;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer.svelte-yukhqh{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.tags.svelte-yukhqh{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.mechanic-tag.svelte-yukhqh{color:#2ec4c3;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#1a92912e;border:1px solid #2ec4c340;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.load-hint.svelte-yukhqh{color:#f1592a;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.load-hint.svelte-yukhqh i:where(.svelte-yukhqh){font-size:10px;transition:transform .18s}.demo-card.svelte-yukhqh:hover .load-hint:where(.svelte-yukhqh) i:where(.svelte-yukhqh){transform:translate(3px)}.skeleton-card.svelte-yukhqh{background:#242426;border:1px solid #333;border-radius:12px;overflow:hidden}.skeleton-card.svelte-yukhqh .thumb:where(.svelte-yukhqh){aspect-ratio:4/3;border-radius:0;width:100%}.skeleton-body.svelte-yukhqh{flex-direction:column;gap:8px;padding:14px;display:flex}.skeleton.svelte-yukhqh{background:linear-gradient(90deg,#2c2c2e 25%,#38383a 50%,#2c2c2e 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s ease-in-out infinite svelte-yukhqh-shimmer}.skeleton.line.svelte-yukhqh{width:100%;height:10px}.skeleton.line.title.svelte-yukhqh{width:60%;height:14px}.skeleton.line.short.svelte-yukhqh{width:40%}@keyframes svelte-yukhqh-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.status-msg.svelte-yukhqh{text-align:center;color:#888;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;font-size:14px;display:flex}.status-msg.error.svelte-yukhqh{color:#ff6b6b}.status-msg.error.svelte-yukhqh i:where(.svelte-yukhqh){opacity:.8;font-size:26px}.status-msg.svelte-yukhqh p:where(.svelte-yukhqh){margin:0}@media (width<=640px){.modal-overlay.svelte-yukhqh{padding:12px}.modal-card.svelte-yukhqh{border-radius:14px;max-height:min(92vh,92dvh)}.modal-header.svelte-yukhqh{padding:14px 16px}.icon-bg.svelte-yukhqh{border-radius:10px;width:38px;height:38px}.text.svelte-yukhqh h2:where(.svelte-yukhqh){font-size:16px}.text.svelte-yukhqh p:where(.svelte-yukhqh){font-size:12px}.modal-body.svelte-yukhqh{padding:14px 14px 18px}.demo-grid.svelte-yukhqh{grid-template-columns:1fr;gap:12px}}@media (width>=641px) and (width<=860px){.demo-grid.svelte-yukhqh{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.demo-card.svelte-yukhqh,.demo-thumb.svelte-yukhqh,.load-hint.svelte-yukhqh i:where(.svelte-yukhqh){transition:none}.demo-card.svelte-yukhqh:hover,.demo-card.svelte-yukhqh:hover .demo-thumb:where(.svelte-yukhqh){transform:none}.skeleton.svelte-yukhqh{animation:none}}.arcade-app.svelte-145mfdc{--bg-editor:#fcf9f2;--bg-header:#f1592a;--text-header:white;--border-color:#ddd;--accent-color:#1a9291;background-color:var(--bg-editor);flex-direction:column;width:100%;height:100%;font-family:Albert Sans,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.arcade-app.theme-DARK.svelte-145mfdc{--bg-editor:#121212;--bg-header:#1e1e1e;--border-color:#333;--accent-color:teal}.arcade-app.theme-HIGH-CON.svelte-145mfdc{--bg-editor:#000;--bg-header:#000;--border-color:#fff;--accent-color:#fff}.main-header.svelte-145mfdc{background-color:var(--bg-header);height:45px;color:var(--text-header);z-index:100;border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 15px;display:flex}.logo.svelte-145mfdc{letter-spacing:.3px;align-items:center;gap:8px;font-size:14px;display:flex}.logo-text.svelte-145mfdc{white-space:nowrap}.header-center.svelte-145mfdc{align-items:center;display:flex}.language-toggle.svelte-145mfdc{border-radius:4px;align-items:center;display:flex;overflow:visible}.toggle-btn.svelte-145mfdc{color:#fff;cursor:pointer;background-color:#0003;border:none;border-radius:.5rem;padding:6px 18px;font-family:Albert Sans,Segoe UI,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.toggle-btn.active.svelte-145mfdc{color:#f1592a;background-color:#fff}.header-right.svelte-145mfdc{align-items:center;gap:12px;display:flex}.header-btn.svelte-145mfdc{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s;display:inline-flex;box-sizing:border-box!important;padding:0!important}.header-btn.svelte-145mfdc i:where(.svelte-145mfdc){justify-content:center;align-items:center;width:1em;height:1em;line-height:1;display:inline-flex;margin:0!important}.header-btn.svelte-145mfdc:hover{background:#ffffff26}.sign-in-btn.svelte-145mfdc{color:#333;cursor:pointer;background:#fff;border:none;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:box-shadow .2s;display:flex}.sign-in-btn.svelte-145mfdc:hover{box-shadow:0 2px 8px #00000026}.app-content.svelte-145mfdc{flex:1;display:flex;position:relative;overflow:hidden}.simulator-sidebar.svelte-145mfdc{z-index:60;background:#111;border-right:1px solid #333;flex-direction:column;width:320px;min-width:320px;height:100%;display:flex;box-shadow:2px 0 10px #0000004d}.editor-area.svelte-145mfdc{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.editor-wrapper.svelte-145mfdc{flex-direction:column;flex:1;width:100%;height:100%;display:flex;position:relative}.demo-ts-banner.svelte-145mfdc{color:#6d4c00;background:#fff8e1;border-bottom:1px solid #ffe082;padding:8px 12px;font-size:12px;line-height:1.4}.blockly-container-inner.svelte-145mfdc,.monaco-container-inner.svelte-145mfdc{background:var(--bg-editor);flex:1;position:relative}.readonly-overlay.svelte-145mfdc{z-index:45;cursor:not-allowed;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.floating-simulator.svelte-145mfdc{z-index:50;filter:drop-shadow(0 3px 10px #00000040);align-items:stretch;display:flex;position:absolute;bottom:60px;right:10px}.sim-wrapper.svelte-145mfdc{background:#000;border-radius:6px;overflow:hidden}.sim-iframe.svelte-145mfdc{background:0 0;border:none;width:180px;height:200px;display:block}.sim-side-controls.svelte-145mfdc{flex-direction:column;justify-content:flex-end;gap:3px;margin-left:4px;display:flex}.sim-side-btn.svelte-145mfdc{color:#fff;cursor:pointer;background-color:#1a9291;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:background .15s;display:flex}.sim-side-btn.svelte-145mfdc:hover{background-color:#21b2b1}.bottom-bar.svelte-145mfdc{z-index:40;pointer-events:none;justify-content:space-between;align-items:center;height:50px;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-left.svelte-145mfdc,.bottom-right.svelte-145mfdc{pointer-events:auto;align-items:center;display:flex}.download-btn.svelte-145mfdc{color:#fff;cursor:pointer;background-color:#e64a19;border:none;border-radius:6px 0 0 6px;align-items:center;gap:12px;padding:8px 24px;font-family:Albert Sans,Segoe UI,sans-serif;font-size:16px;font-weight:700;transition:all .2s;display:flex}.download-btn.svelte-145mfdc i:where(.svelte-145mfdc){font-size:20px}.download-btn.svelte-145mfdc:hover{background-color:#f4511e}.more-btn.svelte-145mfdc{color:#fff;cursor:pointer;background-color:#d84315;border:none;border-left:1px solid #0000001a;border-radius:0 6px 6px 0;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;transition:all .2s;display:flex}.more-btn.svelte-145mfdc:hover{background-color:#bf360c}.control-btn.svelte-145mfdc{color:#fff;cursor:pointer;background-color:#1a9291;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:6px;font-size:13px;transition:background .15s;display:flex;box-shadow:0 2px 4px #0003}.control-btn.svelte-145mfdc:hover{background-color:#21b2b1}.control-btn.svelte-145mfdc i:where(.svelte-145mfdc){justify-content:center;align-items:center;display:inline-flex}@media (width<=768px){.floating-simulator.svelte-145mfdc{transform-origin:100% 100%;bottom:60px;right:5px;transform:scale(.85)}.toggle-btn.svelte-145mfdc{padding:4px 10px;font-size:12px}.header-right.svelte-145mfdc{gap:8px}.download-btn.svelte-145mfdc{padding:8px 15px;font-size:12px}}@media (width<=480px){.floating-simulator.svelte-145mfdc{transform-origin:100% 100%;bottom:55px;right:0;transform:scale(.65)}.logo.svelte-145mfdc strong:where(.svelte-145mfdc),.logo-text.svelte-145mfdc{display:none}.toggle-btn.svelte-145mfdc{padding:4px 8px;font-size:11px}.header-right.svelte-145mfdc{gap:4px}.header-btn.svelte-145mfdc{width:28px;height:28px;font-size:14px}.sign-in-btn.svelte-145mfdc{display:none}.control-btn.svelte-145mfdc{width:32px;height:32px;font-size:11px}}.split-button.svelte-145mfdc{background:#ffffff26;border-radius:6px;height:32px;margin-left:10px;display:flex;position:relative;overflow:visible}.split-button.svelte-145mfdc .toggle-btn:where(.svelte-145mfdc){color:#fff;background:0 0;border:none;border-radius:6px 0 0 6px;margin:0;font-size:13px;font-weight:600;box-sizing:border-box!important;height:100%!important;padding:0 12px!important}.split-button.svelte-145mfdc .toggle-btn.active:where(.svelte-145mfdc){background:#ffffff40}.dropdown-trigger.svelte-145mfdc{color:#fff;cursor:pointer;background:0 0;border:none;border-left:1px solid #fff3;border-radius:0 6px 6px 0;justify-content:center;align-items:center;transition:background .2s;display:flex;box-sizing:border-box!important;height:100%!important;padding:0 8px!important}.dropdown-trigger.svelte-145mfdc i:where(.svelte-145mfdc){justify-content:center;align-items:center;width:1em;height:1em;line-height:1;display:inline-flex;margin:0!important}.dropdown-trigger.svelte-145mfdc:hover{background:#ffffff1a}.dropdown-menu.svelte-145mfdc{z-index:1000;background:#252526;border:1px solid #454545;border-radius:8px;flex-direction:column;gap:2px;min-width:140px;padding:6px;animation:.2s ease-out svelte-145mfdc-dropdownAppear;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0006}@keyframes svelte-145mfdc-dropdownAppear{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-menu.svelte-145mfdc button:where(.svelte-145mfdc){color:#ccc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;padding:8px 12px;font-family:Albert Sans,sans-serif;font-size:13px;transition:all .15s;display:flex}.dropdown-menu.svelte-145mfdc button:where(.svelte-145mfdc):hover{color:#fff;background:#37373d}.dropdown-menu.svelte-145mfdc button:where(.svelte-145mfdc) i:where(.svelte-145mfdc){justify-content:center;align-items:center;width:16px;display:inline-flex}.dropdown-menu.svelte-145mfdc button:where(.svelte-145mfdc) i.fa-js:where(.svelte-145mfdc){color:#f7df1e}.dropdown-menu.svelte-145mfdc button:where(.svelte-145mfdc) i.fa-python:where(.svelte-145mfdc){color:#3776ab}.arcade-app.theme-DARK.svelte-145mfdc .split-button:where(.svelte-145mfdc){background:#333}.arcade-app.theme-HIGH-CON.svelte-145mfdc .split-button:where(.svelte-145mfdc){background:#000;border:1px solid #fff}html,body{width:100%;height:100%;margin:0;font-family:Albert Sans,Segoe UI,sans-serif;overflow:hidden}.app-shell.svelte-1n46o8q{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex}