:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#081116;--panel:#14242b;--panel-strong:#1d323b;--line:#31525c;--text:#f8efd6;--muted:#abc6c0;--accent:#ffd978;--accent-2:#80dbf2;--danger:#ff916f;--ok:#8ee5ae}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top, #233c47 0, var(--bg) 56%);min-height:100%;color:var(--text);margin:0;font-family:ui-rounded,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}.app-shell{min-height:100vh}.page-frame{width:min(1500px,100%);margin:0 auto;padding:18px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.brand{gap:2px;display:grid}.brand-title{color:var(--accent);letter-spacing:.02em;font-size:clamp(22px,3vw,34px);font-weight:950;line-height:1}.brand-subtitle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.nav-actions{flex-wrap:wrap;gap:8px;display:flex}.pill-link,.primary-button,.secondary-button,.danger-button{color:#def7f1;cursor:pointer;letter-spacing:.02em;background:#13262e;border:1px solid #456c73;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:9px 13px;font-weight:900;transition:transform .12s,border-color .12s,background .12s;display:inline-flex}.pill-link:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover{border-color:#8ed8df;transform:translateY(-1px)}.primary-button{color:#272216;background:linear-gradient(#ffdb7a,#d69b4e);border-color:#ffd978}.secondary-button{background:#17323b;border-color:#70cfe5}.danger-button{color:#ffd9cc;background:#3b211d;border-color:#ff9b7a}.active-action{background:#283b43;border-color:#ffdc83;box-shadow:inset 0 0 0 1px #ffdc8355}.muted{color:var(--muted)}.card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 90%, black 10%);border-radius:18px;box-shadow:0 18px 60px #0006}.field{gap:6px;display:grid}.field label{color:#d9eee9;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:900}.field input,.field select,.field textarea{width:100%;color:var(--text);background:#0f2027;border:1px solid #41636a;border-radius:11px;padding:9px 10px}.range-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.range-row input[type=range]{accent-color:#80dbf2}.home-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;display:grid}.hero-card,.campaign-card{padding:clamp(18px,3vw,34px)}.eyebrow{color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:950}.hero-card h1{color:#fff0be;letter-spacing:-.06em;max-width:900px;margin:0;font-size:clamp(34px,7vw,78px);line-height:.94}.hero-card p{color:#c9dfd8;max-width:760px;font-size:16px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.campaign-card h2{color:#dff9f1;margin:0 0 16px}.level-list{gap:10px;display:grid}.level-row{background:#10242bcc;border:1px solid #355b61;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.level-row:hover{border-color:#9edce4}.level-number{color:#2a2418;background:#ffd978;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:950;display:grid}.level-row strong,.level-row small{display:block}.level-row small{color:var(--muted)}.game-page{flex-direction:column;width:min(100vw,1500px);min-height:100vh;margin:0 auto;padding:12px;display:flex}.game-topbar{flex:none}.game-canvas-host{background:#111a24;border:1px solid #3e6268;border-radius:24px;flex:auto;min-height:580px;position:relative;overflow:hidden;box-shadow:0 24px 80px #000a}.game-canvas-host canvas{cursor:crosshair;touch-action:manipulation;width:100%;height:100%;display:block}.editor-layout{grid-template-columns:360px minmax(0,1fr);gap:14px;display:grid}.editor-sidebar,.editor-stage{padding:14px}.editor-sidebar{align-self:start;max-height:calc(100vh - 112px);overflow:auto}.editor-danger-strip{background:#3b211d99;border:1px solid #ff9b7a;border-radius:14px;gap:6px;margin-bottom:12px;padding:10px;display:grid}.editor-danger-strip small{color:#ffd9cc;font-size:12px;line-height:1.35}.tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.tabs.slim{grid-template-columns:repeat(3,1fr)}.tabs button,.tool,.library-row,.weapon-card{color:#dff5ef;cursor:pointer;text-align:left;background:#10242b;border:1px solid #355b61;border-radius:12px;padding:10px}.tabs button{text-align:center;font-weight:950}.tabs button.active,.tool.active,.library-row.active,.weapon-card.active{background:#263845;border-color:#ffdc83;box-shadow:inset 0 0 0 1px #ffdc8355}.panel-stack{gap:12px;display:grid}.tool-grid,.weapon-list{gap:8px;display:grid}.tool{gap:3px;display:grid}.tool small,.weapon-card small,.library-row small{color:var(--muted);display:block}.help-text{color:#b8d3cb;margin:0;font-size:13px;line-height:1.55}.editor-stage-header{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.editor-stage-header p{color:var(--muted);margin:6px 0 0;font-size:13px}.level-title-input{color:#ffe29b;background:0 0;border:0;border-bottom:1px solid #52757b;outline:none;width:min(680px,100%);font-size:clamp(22px,3vw,34px);font-weight:950}.stage-actions,.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-map{cursor:crosshair;background:#14242b;border:1px solid #456a70;border-radius:18px;height:460px;position:relative;overflow:auto}.editor-map.selection-mode{cursor:cell}.editor-map-inner{min-width:100%;position:relative;overflow:hidden}.map-sky{background:linear-gradient(#24334d,#71978d 64%,#63834e 64%);position:absolute;inset:0}.editor-map.city .map-sky{background:linear-gradient(#20364f,#86a983 64%,#586469 64%)}.editor-map.night .map-sky{background:linear-gradient(#151b41,#53627f 64%,#78aab5 64%)}.editor-map.desert .map-sky{background:linear-gradient(#6e3e38,#d98c57 64%,#bc9751 64%)}.map-ceiling{color:#b6e6f1;letter-spacing:.12em;background:#263b43cc;border-bottom:4px solid #b6e6f1;place-items:center;height:44px;font-size:11px;font-weight:950;display:grid;position:absolute;top:0;left:0;right:0}.map-floor{background:repeating-linear-gradient(90deg,#63834e,#63834e 26px,#5e7e47 26px 52px);border-top:5px solid #a1b565;height:68px;position:absolute;bottom:0;left:0;right:0}.editor-map.stone .map-floor{background:repeating-linear-gradient(90deg,#586469,#586469 34px,#657277 34px 68px);border-color:#aeb8b8}.editor-map.sand .map-floor{background:repeating-linear-gradient(90deg,#bc9751,#bc9751 34px,#caa85f 34px 68px);border-color:#efd277}.editor-map.ice .map-floor{background:repeating-linear-gradient(90deg,#78aab5,#78aab5 34px,#89c0ca 34px 68px);border-color:#d8f8fb}.map-start,.map-goal{color:#fff2ad;background:#0d1d20cc;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:950;position:absolute;bottom:86px;transform:translate(-50%)}.map-start{color:#baf4e9;left:40px}.map-object{color:#14242b;cursor:grab;opacity:.94;border:2px solid;border-radius:10px;place-items:center;font-weight:950;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 8px 18px #0005}.map-object.enemy{color:#fff8d0;border-radius:50% 50% 10px 10px}.map-object.ball{color:#24343a;border-radius:999px}.map-object.portal{color:#fff8d0;border-radius:999px;background:0 0!important}.map-object.platform{color:#f1f3e8;border-radius:16px 16px 5px 5px}.map-object.selected{z-index:5;outline:3px solid #fff2a6}.map-object:active{cursor:grabbing}.selection-box{z-index:8;pointer-events:none;background:#ffe27a22;border:2px dashed #fff2a6;border-radius:10px;position:absolute;box-shadow:0 0 0 1px #17242a99,inset 0 0 24px #fff2a622}.distance-ruler{pointer-events:none;height:24px;position:absolute;bottom:72px;left:0;right:0}.distance-ruler span{color:#d7eee6;font-size:10px;position:absolute;transform:translate(-50%)}.mini-map{color:var(--muted);gap:8px;margin-top:12px;font-size:12px;font-weight:800;display:grid}.mini-map-track{background:linear-gradient(#1e3b46,#516f63);border:1px solid #42666b;border-radius:14px;height:70px;position:relative}.mini-dot{cursor:pointer;border:1px solid #fff9;border-radius:999px;width:9px;height:9px;position:absolute;transform:translate(-50%,50%)}.mini-dot.selected{outline:2px solid #fff2a6;width:14px;height:14px}.two-cols,.three-cols{gap:10px;display:grid}.two-cols{grid-template-columns:1fr 1fr}.three-cols{grid-template-columns:repeat(3,1fr)}.selected-card{background:#10242bcc;border:1px solid #4b7076;border-radius:16px;gap:10px;padding:12px;display:grid}.group-control{gap:7px;display:grid}.group-control strong{color:#fff0bd;letter-spacing:.06em;text-transform:uppercase;font-size:12px}.selected-card h3,.panel-stack h3{color:#fff0bd;margin:0}.wide{width:100%}.saved-row{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}@media (max-width:780px){.page-frame{padding:10px}.topbar{flex-direction:column;align-items:flex-start}.home-grid{grid-template-columns:1fr}.game-page{padding:8px}.game-canvas-host{border-radius:16px;min-height:70vh}.editor-layout{grid-template-columns:1fr}.editor-sidebar{max-height:none}.editor-stage-header{flex-direction:column}.two-cols,.three-cols{grid-template-columns:1fr}}