:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{overscroll-behavior:none;color:#e6e9f2;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0b1020;margin:0;font-family:system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.app{position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{touch-action:none;display:block}.hud{top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute}.install{pointer-events:auto;color:#0b1020;cursor:pointer;background:#7aa2f7;border:none;border-radius:999px;min-height:32px;padding:7px 14px;font-size:13px;font-weight:600}.btn{pointer-events:auto;color:#e6e9f2;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border:1px solid #3b4664;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 14px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn.primary{color:#0b1020;background:#7aa2f7;border-color:#7aa2f7}.btn.danger{color:#f7768e;border-color:#f7768e}.btn.toggled{color:#9ec1ff;background:#2c3a5e;border-color:#7aa2f7}.btn:disabled{opacity:.45;cursor:default}.screen-loading{pointer-events:none;background:#0f172acc;border:1px solid #3b4664;border-radius:999px;padding:8px 18px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-select{padding:calc(env(safe-area-inset-top,0px) + 20px) 16px 16px calc(env(safe-area-inset-left,0px) + 16px);pointer-events:none;position:absolute;inset:0;overflow-y:auto}.app-title{letter-spacing:.5px;margin:0;font-size:28px}.app-tagline{color:#9aa5ce;margin:4px 0 20px;font-size:14px}.level-list{flex-direction:column;gap:12px;max-width:340px;margin:0;padding:0;list-style:none;display:flex}.level-card{pointer-events:auto;color:#e6e9f2;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border:1px solid #3b4664;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;display:flex}.level-card:active{transform:scale(.98)}.level-card-info{flex-direction:column;gap:6px;display:flex}.level-card-title{font-size:17px;font-weight:700}.level-card-sub{color:#9aa5ce;font-size:13px}.difficulty{gap:4px;display:inline-flex}.difficulty .dot{background:#3b4664;border-radius:50%;width:8px;height:8px}.difficulty .dot.filled{background:#e0af68}.level-card-play{color:#0b1020;background:#7aa2f7;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:inline-flex}.section-title{letter-spacing:.3px;margin:24px 0 10px;font-size:18px}.my-level-actions{gap:10px;max-width:340px;margin-bottom:12px;display:flex}.my-levels-empty{color:#9aa5ce;max-width:340px;margin:0 0 12px;font-size:13px}.my-level-card{cursor:default}.my-level-card:active{transform:none}.my-level-buttons{flex:none;gap:6px;display:flex}.my-level-buttons .btn{min-width:44px;min-height:44px;padding:6px 10px;font-size:14px}.verified-badge{color:#9ece6a}.play-ui{pointer-events:none;position:absolute;inset:0}.play-top{top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);align-items:center;gap:8px;display:flex;position:absolute}.play-title{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 4px #0009;flex:1;min-width:0;font-size:16px;font-weight:700;overflow:hidden}.play-bottom{left:calc(env(safe-area-inset-left,0px) + 10px);right:calc(env(safe-area-inset-right,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);flex-direction:column;gap:10px;display:flex;position:absolute}.play-actions{justify-content:flex-end;gap:10px;display:flex}.inventory-tray{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.inventory-slot{pointer-events:auto;color:#e6e9f2;border:1px solid var(--accent,#3b4664);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;min-width:92px;min-height:72px;padding:6px 14px;display:flex}.inventory-slot.armed{color:#ffd9a0;background:#403018d9;border-color:#e0af68;box-shadow:0 0 0 1px #e0af68}.inventory-slot:disabled{opacity:.45;cursor:default}.slot-icon{font-size:22px;line-height:1.1}.slot-name{font-size:13px;font-weight:700}.slot-count{color:#9aa5ce;font-size:12px}.inventory-slot.armed .slot-count{color:#ffd9a0}.arm-hint{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 152px);box-sizing:border-box;color:#ffd9a0;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0f172ad9;border:1px solid #e0af68;border-radius:999px;max-width:calc(100vw - 24px);padding:6px 14px;font-size:13px;position:absolute;overflow:hidden;transform:translate(-50%)}.part-controls{pointer-events:none;position:absolute;top:0;left:0}.part-controls-inner{flex-direction:column;align-items:center;gap:4px;width:max-content;display:flex;transform:translate(-50%,calc(-100% - 18px))}.part-lock-badge{color:#9aa5ce;white-space:nowrap;background:#0f172ad9;border:1px solid #3b4664;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.part-controls-row{background:#0f172ab3;border-radius:14px;gap:6px;padding:4px;display:flex}.part-controls-row .btn{min-width:44px;min-height:44px;padding:6px;font-size:18px}.win-overlay{pointer-events:auto;background:#0508128c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.win-card{text-align:center;background:#0f172af2;border:1px solid #3b4664;border-radius:20px;flex-direction:column;align-items:center;gap:6px;min-width:240px;max-width:min(86vw,360px);padding:24px 22px;display:flex}.win-title{margin:0;font-size:22px}.win-sub{color:#9ece6a;margin:0;font-size:15px;font-weight:700}.win-stats{color:#9aa5ce;margin:0 0 8px;font-size:13px}.win-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.editor-panels{top:calc(env(safe-area-inset-top,0px) + 64px);left:calc(env(safe-area-inset-left,0px) + 10px);pointer-events:none;flex-direction:column;gap:8px;width:min(300px,100vw - 20px);max-height:calc(100% - 240px);display:flex;position:absolute;overflow-y:auto}.editor-panel{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ae0;border:1px solid #3b4664;border-radius:14px}.editor-panel summary{box-sizing:border-box;cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:4px 14px;font-size:14px;font-weight:700;display:flex}.editor-panel[open] summary{border-bottom:1px solid #3b4664}.panel-body{flex-direction:column;gap:10px;padding:10px 14px 12px;display:flex}.panel-hint{color:#9aa5ce;margin:0;font-size:13px}.field{justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.field input[type=text]{color:#e6e9f2;-webkit-user-select:text;user-select:text;background:#0b1020;border:1px solid #3b4664;border-radius:10px;flex:1;min-width:0;min-height:44px;padding:4px 10px;font-size:14px}.stepper{align-items:center;gap:8px;display:inline-flex}.stepper .btn{min-width:44px;min-height:44px;padding:4px;font-size:16px}.stepper-value{text-align:center;min-width:18px;font-weight:700}.goal-row{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.goal-row input[type=checkbox]{accent-color:#7aa2f7;flex:none;width:22px;height:22px}.mode-toggle{gap:6px;display:inline-flex}.mode-toggle .btn{min-height:44px;padding:4px 12px;font-size:13px}.problems-badge.ok{color:#9ece6a;border-color:#9ece6a}.problems-list{top:calc(env(safe-area-inset-top,0px) + 64px);right:calc(env(safe-area-inset-right,0px) + 10px);z-index:5;color:#ffc4cf;pointer-events:auto;background:#28121af2;border:1px solid #f7768e;border-radius:12px;max-width:min(320px,100vw - 20px);margin:0;padding:10px 14px 10px 30px;font-size:13px;position:absolute}.dialog-overlay{z-index:20;pointer-events:auto;background:#05081299;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog-card{box-sizing:border-box;background:#0f172af7;border:1px solid #3b4664;border-radius:18px;flex-direction:column;gap:10px;width:min(92vw,460px);max-height:86vh;padding:18px;display:flex}.dialog-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;overflow:hidden}.dialog-card textarea{box-sizing:border-box;resize:vertical;color:#e6e9f2;-webkit-user-select:text;user-select:text;background:#0b1020;border:1px solid #3b4664;border-radius:10px;width:100%;min-height:140px;padding:8px 10px;font:12px/1.45 ui-monospace,monospace}.file-row{color:#9aa5ce;align-items:center;gap:8px;font-size:13px;display:flex}.file-row input[type=file]{min-width:0;font-size:12px}.dialog-error{color:#ffc4cf;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:#28121ab3;border:1px solid #f7768e;border-radius:10px;max-height:110px;margin:0;padding:8px 10px;font-size:12px;overflow:auto}.dialog-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.library-toggle{left:calc(env(safe-area-inset-left,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 72px);z-index:8;position:absolute}.library-panel{z-index:9;top:calc(env(safe-area-inset-top,0px) + 64px);bottom:calc(env(safe-area-inset-bottom,0px) + 72px);left:calc(env(safe-area-inset-left,0px) + 10px);box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0f172af0;border:1px solid #3b4664;border-radius:16px;flex-direction:column;gap:8px;width:min(320px,100vw - 20px);padding:10px;display:flex;position:absolute}.library-head{gap:8px;display:flex}.library-search{color:#e6e9f2;-webkit-user-select:text;user-select:text;background:#0b1020;border:1px solid #3b4664;border-radius:12px;flex:1;min-width:0;min-height:44px;padding:4px 12px;font-size:15px}.library-cats{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.cat-chip{border-radius:999px;flex:none;min-height:44px;padding:4px 12px;font-size:13px}.library-recent{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;gap:6px;display:flex;overflow-x:auto}.library-recent-chip{border:1px solid var(--accent,#3b4664);cursor:pointer;background:#0f172ad9;border-radius:12px;flex:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:20px;display:inline-flex}.library-recent-chip:disabled{opacity:.45;cursor:default}.library-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.library-list-inner{position:relative}.library-row{box-sizing:border-box;align-items:stretch;gap:6px;padding:2px 0;display:flex;position:absolute;left:0;right:0}.library-arm{color:#e6e9f2;border:1px solid #3b4664;border-left:3px solid var(--accent,#3b4664);cursor:pointer;text-align:left;background:#18213ab3;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 10px;font-size:14px;font-weight:600;display:flex}.library-arm .slot-icon{font-size:20px}.library-arm.armed{color:#ffd9a0;background:#403018d9;border-color:#e0af68}.library-arm:disabled{opacity:.45;cursor:default}.library-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-fav{color:#9aa5ce;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;min-width:44px;font-size:18px}.library-fav.faved{color:#e0af68}.library-empty{color:#9aa5ce;margin:8px 4px;font-size:13px}.param-panel{z-index:10;top:calc(env(safe-area-inset-top,0px) + 64px);right:calc(env(safe-area-inset-right,0px) + 10px);width:min(280px,100vw - 20px);max-height:calc(100% - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 240px);box-sizing:border-box;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0f172af0;border:1px solid #3b4664;border-radius:16px;flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex;position:absolute;overflow-y:auto}.param-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.param-title{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.param-field input[type=number]{box-sizing:border-box;color:#e6e9f2;-webkit-user-select:text;user-select:text;background:#0b1020;border:1px solid #3b4664;border-radius:10px;width:110px;min-height:44px;padding:4px 10px;font-size:14px}.param-field input[type=number][aria-invalid=true]{border-color:#f7768e}.param-field input[type=checkbox]{accent-color:#7aa2f7;width:22px;height:22px}.param-reset{align-self:flex-end;font-size:13px}@media (width<=379px){.btn{padding:8px 10px;font-size:14px}.inventory-slot{min-width:80px}.editor-panels,.library-panel{width:calc(100vw - 20px)}}.coop-actions{flex-direction:column;gap:10px;max-width:340px;display:flex}.coop-row{gap:8px;display:flex}.coop-select,.coop-code-input{pointer-events:auto;color:#e6e9f2;background:#0f172ad9;border:1px solid #3b4664;border-radius:12px;flex:1;min-width:0;min-height:44px;padding:8px 12px;font-size:15px}.coop-code-input{text-transform:uppercase;letter-spacing:2px;font-family:ui-monospace,monospace}.coop-error{color:#f7768e;margin:0;font-size:13px}.room-code{letter-spacing:2px;font-family:ui-monospace,monospace}.conn-dot{vertical-align:middle;background:#f7768e;border-radius:50%;width:10px;height:10px;margin-left:6px;display:inline-block}.conn-dot.connected{background:#9ece6a}.peer-count{color:#9aa5ce;text-shadow:0 1px 4px #0009;font-size:13px}.peer-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.peer-cursor{align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0;transform:translate(-4px,-4px)}.peer-cursor-dot{border:2px solid #0b1020cc;border-radius:50%;width:10px;height:10px}.peer-cursor-name{white-space:nowrap;text-shadow:0 1px 3px #000c;font-size:11px;font-weight:700}.peer-selection{border:2px dashed;border-radius:6px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}