@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}*{box-sizing:border-box}body{color:#f4efe6;background:#201825;margin:0;font-family:DM Sans,sans-serif}button,input{font:inherit}button{cursor:pointer}header{border-bottom:1px solid #493d4a;align-items:center;gap:70px;height:74px;padding:0 28px;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:11px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;line-height:1.05;display:flex}.brand b{color:#d9ff43}.brandmark{color:#ff7139;font-size:40px}.head-label,.small,.eyebrow,.viewport-label,.viewport-bottom,.bottom,.inspector-head,label,.footer-note,.nav-note{letter-spacing:.12em;font-size:10px;font-weight:700}.head-label{color:#9e919e}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.status{letter-spacing:.1em;margin-right:15px;font-size:10px}.status i{background:#d9ff43;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.iconbtn{color:#f4efe6;background:0 0;border:1px solid #685b69;place-items:center;width:36px;height:36px;display:grid}.iconbtn:hover{color:#201825;background:#ff7139}main{grid-template-columns:220px minmax(0,1fr) 290px;min-height:calc(100vh - 74px);display:grid}.nav{border-right:1px solid #493d4a;flex-direction:column;padding:29px 20px;display:flex}.small{color:#aaa0aa;justify-content:space-between;display:flex}.nav h2{letter-spacing:-.07em;margin:48px 0 14px;font:700 37px/.9 Space Grotesk}.dot{color:#ff7139}.nav p,.muted{color:#ac9faa;font-size:12px;line-height:1.6}.navitem{color:#201825;background:#d9ff43;align-items:center;gap:12px;margin-top:35px;padding:16px 12px;font-size:12px;display:flex}.navitem span{font-size:10px}.navitem svg{margin-left:auto}.nav-note{color:#d9ff43;margin-top:auto}.nav-note p{letter-spacing:0;font-weight:400}.workspace{min-width:0;padding:25px 30px 0}.workspace-top{justify-content:space-between;align-items:flex-end;padding-bottom:19px;display:flex}.eyebrow{color:#ff7139}.workspace h1{letter-spacing:-.06em;margin:18px 0 10px;font:700 clamp(34px,4vw,62px)/.88 Space Grotesk}.workspace h1 em,.inspector h3 em{color:#ff7139;font-style:normal}.workspace-top p{color:#b7abb6;margin:0;font-size:12px}.index{color:#d9ff43;letter-spacing:-.06em;font:700 58px/.8 Space Grotesk}.index span{color:#9f929e;letter-spacing:0;font-size:14px}.viewport{background:#ded7c7;height:min(62vh,670px);min-height:380px;position:relative;overflow:hidden}.viewport canvas{display:block}.viewport-label,.viewport-bottom{z-index:1;color:#403440;pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:17px;right:17px}.viewport-label{top:17px}.viewport-bottom{bottom:17px}.loading{color:#201825;font-size:12px;position:absolute;top:50%;left:35%}.bottom{color:#b9acb8;flex-wrap:wrap;gap:30px;padding:18px 0;display:flex}.bottom b{color:#d9ff43}.inspector{color:#201825;background:#f4efe6;flex-direction:column;padding:30px 24px;display:flex}.inspector-head{color:#857986;justify-content:space-between;display:flex}.inspector h3{letter-spacing:-.05em;margin:42px 0 12px;font:700 32px/.95 Space Grotesk}.inspector .muted{color:#766c75}.rule{background:#d4ccc3;height:1px;margin:22px 0}label{justify-content:space-between;display:flex}label span{color:#aaa0a1}.spawn{gap:8px;margin-top:14px;display:flex}.spawn button{background:#e6ded3;border:1px solid #d3c9c0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;height:74px;display:flex;position:relative}.spawn button:hover{background:#d9ff43}.spawn button span{font-size:10px;font-weight:700}.spawn button b{position:absolute;top:5px;right:8px}.control{margin-top:20px}.control>div{justify-content:space-between;font-size:12px;display:flex}.control b{font-size:11px}.control small{font-weight:400}.control input{accent-color:#ff7139;width:100%;margin:12px 0 0}.hint{color:#7e747c;font-size:10px;line-height:1.5}.reset{color:#f4efe6;letter-spacing:.1em;background:#201825;border:0;align-items:center;gap:10px;margin-top:10px;padding:14px;font-size:10px;font-weight:700;display:flex}.reset:hover{color:#201825;background:#ff7139}.reset span{margin-left:auto}.footer-note{color:#988c93;margin-top:auto;padding-top:35px;font-size:8px;line-height:1.7}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ff4e91}@media (width<=1100px){main{grid-template-columns:160px minmax(0,1fr) 250px}.nav{padding:24px 12px}.workspace{padding:25px 18px 0}.inspector{padding:26px 18px}header{gap:30px}}@media (width<=760px){header{height:62px;padding:0 15px}.head-label,.status{display:none}main{flex-direction:column;display:flex}.nav{border:0;padding:15px;display:block}.nav h2,.nav p,.nav-note,.small{display:none}.navitem{max-width:220px;margin:0}.workspace{padding:15px}.workspace h1{font-size:40px}.viewport{height:48vh;min-height:320px}.viewport-label span:last-child{display:none}.bottom{gap:15px;font-size:9px}.inspector{min-height:auto}.inspector h3{margin-top:25px}.footer-note{padding-top:25px}}.navlist{flex-direction:column;gap:5px;margin-top:28px;display:flex}.navitem{color:#b6a9b7;text-align:left;background:0 0;border:0;width:100%;margin:0;padding:12px 10px;font-size:11px}.navitem span:last-child{margin-left:auto}.navitem:hover{color:#fff;background:#493d4a}.navitem.active{color:#201825;background:#d9ff43}.top-save{color:#201825;letter-spacing:.1em;background:#ff7139;border:0;padding:13px;font-size:10px;font-weight:700}.workspace h1{text-transform:uppercase}.workspace{padding-bottom:30px}.workspace-top{min-height:155px}.viewport{height:min(51vh,600px);min-height:340px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chips button,.secondary{color:inherit;cursor:pointer;background:0 0;border:1px solid #c7bdb7;padding:8px 10px;font-size:10px;font-weight:700}.chips button:hover,.chips .chosen{color:#201825;background:#ff7139;border-color:#ff7139}.panelchips{margin-top:14px;margin-bottom:0}.panelchips button:disabled{opacity:.35;cursor:not-allowed}.secondary{width:100%;margin-top:8px}.bottom button{color:#d9ff43;letter-spacing:.1em;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.console{color:#b9adb7;letter-spacing:.04em;background:#17121a;padding:14px;font:10px/1.8 monospace}.quick{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.quick span{color:#ff7139;margin-right:8px;font-size:10px}.quick button{color:#f4efe6;background:#493d4a;border:0;padding:9px;font-size:10px}.quick button:hover{color:#201825;background:#ff7139}.inspector{min-width:0}.inspector select{color:#201825;background:#fffaf2;border:1px solid #c9beb8;width:100%;margin-top:12px;padding:10px}.editor-fields{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;display:grid}.editor-fields label{flex-direction:column;gap:4px;font-size:9px;display:flex}.editor-fields input{background:#fffaf2;border:1px solid #c9beb8;width:100%;min-width:0;padding:7px;font-size:11px}.editor-extra{justify-content:space-between;margin-top:12px;display:flex}.editor-extra label{align-items:center;gap:8px;display:flex}.touchpad{display:none}.touchpad button{touch-action:none;color:#fff;background:#201825bb;border:1px solid #f4efe699;border-radius:4px;width:42px;height:42px;font-weight:700}.touchpad>button:last-child{width:80px}.touchpad>div{gap:4px;display:flex}@media (width<=1100px){.navitem{font-size:10px}.top-save{display:none}}@media (width<=760px){.nav{overflow-x:auto}.navlist{flex-direction:row;width:max-content;margin:0}.navitem{width:auto;min-width:130px}.workspace-top{min-height:125px}.touchpad{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:40px;left:15px}.viewport-label{font-size:8px}.inspector{padding-bottom:40px}.workspace h1{font-size:36px}.head-label{display:none}}.waypoint{grid-template-columns:1fr 55px 55px 25px;align-items:center;gap:4px;margin-top:7px;font-size:9px;font-weight:700;display:grid}.waypoint input{background:#fffaf2;border:1px solid #c9beb8;width:100%;min-width:0;padding:5px}.waypoint button{cursor:pointer;background:#e6ded3;border:0;padding:5px}.waypoint button:disabled{opacity:.3}.debug-label{justify-content:flex-start;align-items:center;gap:8px;margin-top:18px;display:flex}.debug-label input{accent-color:#ff7139}.npc-label{white-space:nowrap;color:#201825;letter-spacing:.1em;background:#ff4e91;border-radius:2px;padding:4px 8px;font:700 10px sans-serif}.dialog-backdrop{z-index:30;background:#100c13cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{color:#201825;background:#f4efe6;width:min(480px,100%);padding:32px;position:relative;box-shadow:0 20px 80px #0006}.dialog h2{letter-spacing:-.05em;font:700 30px Space Grotesk}.dialog p{color:#665b65;font-size:13px;line-height:1.6}.dialog-close{color:#fff;background:#201825;border:0;width:32px;height:32px;font-size:20px;position:absolute;top:20px;right:20px}.dialog label{flex-direction:column;gap:10px;display:flex}.dialog select{background:#fff;border:1px solid #9a8d97;padding:10px}.viewport-error{color:#201825;text-align:center;place-items:center;padding:25px;font-size:14px;font-weight:700;display:grid;position:absolute;inset:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}