:root{color-scheme:dark;--bg:#101916;--panel:#1a2520;--line:#33443b;--muted:#9eafa4;--text:#ecf2e9;--accent:#bbdb89;--gold:#e6bc72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 "Malgun Gothic",system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:#23322a;color:var(--text);cursor:pointer;transition:background .15s}button:hover{background:#374b3d}button:disabled{opacity:.4;cursor:not-allowed}button[aria-pressed=true]{background:#394d2d;color:#e2f9c6;border-color:#8aac60}.primary{background:var(--accent);border-color:var(--accent);color:#1d2c16;font-weight:700}.primary:hover{background:#d1eda7}.danger{color:#f8aaa0}a{color:var(--muted);text-decoration:none}a:hover{color:var(--accent)}input,select{background:#111c16;border:1px solid var(--line);border-radius:6px;color:var(--text);padding:8px;width:100%;min-width:0}input[type=checkbox]{width:auto;accent-color:var(--accent)}input[type=color]{height:37px;padding:3px}.studio-header{min-height:92px;display:flex;align-items:center;gap:35px;padding:18px 26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;color:var(--text);font-size:21px;font-weight:700;white-space:nowrap}.brand small{display:block;font:9px/1.8 system-ui;letter-spacing:1.5px;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:43px;height:47px;color:var(--accent);border:1px solid #668457;border-radius:12px;font-size:32px}.project-title{display:flex;align-items:center;gap:12px;flex:1}.project-title label{font-size:11px;color:var(--muted);white-space:nowrap}.project-title input{max-width:210px;font-weight:700;background:transparent}.project-title span{font-size:11px;color:var(--muted);max-width:160px}.studio-header nav{display:flex;gap:20px;font-size:12px}.workbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 24px;background:#15211a;border-bottom:1px solid var(--line)}.button-group{display:flex;gap:6px;flex-wrap:wrap}.workbar button{font-size:12px}.workspace{display:grid;grid-template-columns:244px minmax(350px,1fr) 266px;min-height:600px;height:calc(100dvh - 193px);gap:1px;background:var(--line)}.panel{background:var(--panel);overflow:auto}.panel-heading{padding:23px 20px 12px}.eyebrow{font:9px system-ui;letter-spacing:2px;color:var(--accent)}h1,h2{font-size:20px;margin:7px 0 6px}.panel-heading p{color:var(--muted);font-size:11px;margin:0}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:5px 14px 15px}.tabs button{font-size:12px;padding:8px 4px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 14px}.tile-card{min-height:100px;text-align:left;padding:12px 10px;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;background:#202e25}.tile-card img{height:53px;width:60px;object-fit:contain}.tile-card .tile-icon{height:48px;display:grid;place-items:center;font-size:32px;filter:drop-shadow(0 4px 3px #0004)}.tile-card b{font-size:12px}.tile-card small{font-size:10px;color:var(--muted)}.tile-card .edit-definition{font-size:10px;color:var(--gold)}.library-actions{padding:12px 14px;display:grid;gap:8px}.library-actions button{font-size:12px}.library-note{border-top:1px solid var(--line);margin:12px 18px;padding:18px 0;color:var(--muted);font-size:11px}.library-note b{color:var(--text);font-size:12px}.library-note span{display:block;padding-top:8px;font-size:10px}.viewport-panel{background:#101b14;display:flex;flex-direction:column;min-width:0;min-height:0}.canvas-toolbar{display:flex;align-items:center;gap:12px;padding:11px 15px;flex-wrap:wrap}.canvas-toolbar button,.canvas-toolbar label,.canvas-toolbar output{font-size:11px}.canvas-toolbar output{margin-left:auto;color:var(--muted)}.canvas-wrap{position:relative;flex:1;min-height:360px;overflow:hidden;background:#101b15}#worldCanvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.canvas-badge{pointer-events:none;position:absolute;left:20px;top:18px;font:9px/1.7 system-ui;letter-spacing:2px;color:#e8f3d5;background:#12251bd9;padding:9px 13px;border:1px solid #506542;border-radius:7px}.canvas-badge span{display:block;letter-spacing:0;font:12px "Malgun Gothic",sans-serif;margin-top:3px}.minimap-wrap{position:absolute;bottom:18px;right:18px;padding:8px;border:1px solid #607c52;border-radius:8px;background:#14251bdf;box-shadow:0 4px 20px #0006}.minimap-wrap span{display:block;font-size:9px;color:#b4c3a8;margin-bottom:5px}#minimap{width:160px;height:102px;display:block;cursor:pointer}.canvas-footer{padding:9px 14px;background:#18251d;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.status-message{margin:0;min-height:42px;padding:11px 15px;font-size:12px;color:var(--accent);background:#1d2d22}.status-message.error{color:#ffb2a3}.inspector label{display:block;color:var(--muted);font-size:11px;margin:0 0 12px}.inspector label input,.inspector label select{display:block;margin-top:5px;color:var(--text);font-size:13px}#properties{padding:4px 20px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-title{font-size:12px;color:var(--gold);border-top:1px solid var(--line);margin:19px 0 12px;padding-top:15px}.inspector .help{color:var(--muted);font-size:11px}.selection-actions{padding:0 20px 20px;display:flex;gap:6px;flex-wrap:wrap}.selection-actions button{font-size:11px}.asset-preview{width:100%;height:120px;object-fit:contain;background:#122018;border-radius:8px;margin-bottom:15px}.app-footer{display:flex;justify-content:space-between;gap:12px;padding:10px 24px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.app-footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px}#battleHud{padding:12px 15px;background:#293d25;border-top:1px solid #516c3d;border-bottom:1px solid #516c3d}#battleHud[hidden]{display:none}#battleHud strong{font-size:15px;color:var(--accent);margin-right:14px}#battleHud span{font-size:12px}#battleHud>div+div{margin-top:9px;display:flex;gap:6px}#battleHud button{font-size:11px;padding:6px 9px}.battle-stat{padding:10px;background:#233629;border-radius:7px;margin:8px 0;color:#e3f3d5}.muted{color:var(--muted);font-size:12px}dialog{width:min(560px,92vw);max-height:80vh;overflow:auto;background:var(--panel);border:1px solid #607c52;color:var(--text);border-radius:14px;padding:22px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#06110bd9}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-heading h2{margin:0}.draft-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:14px 0}.draft-row small{display:block;color:var(--muted);font-size:11px}#assetForm label{display:block;margin-bottom:14px;font-size:12px}#assetForm input{margin-top:6px}#assetError{color:#ffb2a3}body.testing .library{opacity:.65}body.testing .workbar button:not(#play){pointer-events:none;opacity:.35}
#battleHud>div+div{flex-wrap:wrap;align-items:center}#cameraStatus{display:block;min-height:20px;font-size:11px;color:#d8e6bb;margin-top:7px}.camera-preference{font-size:10px;color:#bed0b5;white-space:nowrap}.camera-preference input{vertical-align:middle}#skipIntro[hidden]{display:none}
@media(min-width:1700px){.workspace{grid-template-columns:270px minmax(350px,1fr) 300px}.palette{gap:12px}.tile-card{min-height:116px}}
@media(max-width:1100px){.studio-header{gap:16px;padding:14px}.studio-header nav{display:none}.workspace{grid-template-columns:195px minmax(300px,1fr) 220px}.panel-heading{padding:18px 14px 10px}.palette{padding:0 10px;gap:6px}#properties{padding:4px 14px}.workbar{padding:10px}.canvas-toolbar{gap:6px;padding:8px}.canvas-footer{flex-wrap:wrap}.project-title{gap:7px}.brand{font-size:18px}.project-title input{max-width:170px}}
@media(max-width:760px){.studio-header{flex-wrap:wrap;gap:10px}.project-title{flex-basis:100%}.project-title input{max-width:none;flex:1}.workspace{height:auto;min-height:0;grid-template-columns:1fr}.viewport-panel{grid-row:1;height:65dvh;min-height:470px}.library{grid-row:2}.inspector{grid-row:3}.palette{grid-template-columns:repeat(4,1fr);padding:0 14px}.tabs{grid-template-columns:repeat(4,1fr)}.library-note{display:none}.panel-heading p{font-size:12px}.tile-card{min-height:100px}.app-footer{flex-direction:column}.canvas-badge{left:10px;top:10px}.minimap-wrap{right:10px;bottom:10px}#minimap{width:110px;height:70px}.canvas-wrap{min-height:260px}.workbar .button-group{gap:5px}.workbar button{padding:7px 8px;font-size:11px}.canvas-footer span{font-size:9px}}
.viewport-panel>[hidden]{display:none!important}.craft-center{flex:1;min-height:0;overflow:auto;padding:clamp(18px,3vw,38px);background:radial-gradient(circle at 50% 15%,#244035,#101b15 70%)}.craft-center h2{font-size:25px;margin:2px 0 8px}.craft-center p{color:var(--muted);margin:0 0 22px}.craft-center .craft-card{max-width:900px;margin:auto}.craft-center .craft-stage{min-height:300px;display:grid;place-items:center;border:1px solid #4b6852;border-radius:14px;background:#101913;overflow:hidden;padding:20px}.craft-center canvas{display:block;width:min(100%,700px);height:auto}.craft-center img{display:block;max-width:100%;max-height:340px;object-fit:contain}.craft-center audio{width:min(100%,480px)}.craft-center .craft-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.craft-center .craft-status{min-height:24px;color:#d7e9c6;font-size:12px}.craft-center .craft-status.error{color:#ffafa0}.workspace.craft-mode{grid-template-columns:244px minmax(380px,1fr) 300px}.workspace.craft-mode .library .panel-heading p{color:#d9e9c7}@media(max-width:1100px){.workspace.craft-mode{grid-template-columns:195px minmax(300px,1fr) 240px}}@media(max-width:760px){.workspace.craft-mode{grid-template-columns:1fr}.craft-center{min-height:430px;padding:18px}.craft-center .craft-stage{min-height:250px}}

/* Full-floor scenery authoring */
.scenery-filter{display:block;margin:0 14px 14px;font-size:12px;color:var(--muted)}.scenery-filter[hidden]{display:none}.scenery-filter select{margin-top:6px}.scenery-swatch{width:100%;height:84px;object-fit:contain;background:radial-gradient(ellipse,#69745855,transparent 70%)}.library-actions .help{font-size:11px;color:var(--muted);line-height:1.6}.tabs button[data-tab="scenery"]{grid-column:1/-1}

.scenery-quick{display:grid;grid-template-columns:1fr;gap:5px;margin:0 14px 12px}.scenery-quick[hidden]{display:none}.scenery-quick button{font-size:11px;padding:7px}

.character-direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.character-direction-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;background:#12221a;border:1px solid var(--line);border-radius:9px}.character-direction-card strong{font-size:11px}.character-direction-card canvas{width:76px;height:76px;object-fit:contain;background:#0b1711}.character-direction-card button{width:100%;padding:5px 3px;font-size:11px}.character-direction-card .danger-soft{color:#ffb2a3}

.hud-editor-board{position:relative;width:min(100%,860px);aspect-ratio:16/9;border:2px solid #a88b50;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#344b65,#0d1929 72%);box-shadow:inset 0 0 60px #010c18;touch-action:none}.craft-center .hud-editor-board{display:block}.hud-editor-tile{position:absolute;padding:5px;border:1px solid #d8b36d;background:#082842d9;color:#f5e4b8;box-shadow:0 0 10px #2e7bc67a;font-size:clamp(8px,1.1vw,13px);overflow:hidden;cursor:grab;touch-action:none}.hud-editor-tile:active{cursor:grabbing}.hud-editor-tile.selected{outline:2px solid #7aceff;background:#114f7d}.skill-workbench-preview{display:grid;place-items:center;gap:12px;color:#f4d99a}.skill-workbench-preview img{width:96px;height:96px;object-fit:contain}.skill-workbench-preview h3{margin:0}.skill-workbench-preview p{margin:0}.tabs button[data-tab="skills"],.tabs button[data-tab="animations"],.tabs button[data-tab="ui"]{background:#17344b;border-color:#4f738b}
.hud-skin-preview{display:block;width:100%;max-width:480px;height:auto;margin:14px auto;border:1px solid #d8b36d;border-radius:10px;background:#0d1929;object-fit:contain}
.studio-shop-frame{display:block;width:100%;height:min(72vh,760px);min-height:520px;border:0;border-radius:10px;background:#101923}.craft-center .craft-stage:has(.studio-shop-frame){display:block;padding:0;width:100%}
.publish-target-label{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);white-space:nowrap}.publish-target-label select{width:190px;padding:7px;font-size:11px}
.workbar{position:relative;align-items:center}.publish-workflow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.publish-workflow .publish-button{font-size:14px;padding:10px 18px;box-shadow:0 0 0 2px #bbdb8933}.publish-help{flex-basis:100%;font-size:11px;color:#c6d8b8}.advanced-tools{position:relative}.advanced-tools>summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:8px 12px;background:#23322a;font-size:12px}.advanced-tools>summary::-webkit-details-marker{display:none}.advanced-tools[open]>summary{background:#394d2d}.advanced-buttons{position:absolute;right:0;top:calc(100% + 7px);z-index:30;display:flex;flex-wrap:wrap;gap:7px;width:min(540px,92vw);padding:14px;border:1px solid #607c52;border-radius:10px;background:#1a2520;box-shadow:0 14px 40px #0009}.advanced-buttons .sample-shortcuts{flex-basis:100%;display:flex;flex-wrap:wrap;gap:5px}.advanced-buttons button{white-space:normal}.workspace{height:calc(100dvh - 225px)}#draftDialog details{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}#draftDialog summary{cursor:pointer;color:var(--accent);font-weight:700}#draftDialog .draft-row{flex-wrap:wrap}#draftDialog .draft-row button{flex-shrink:0}@media(max-width:760px){.advanced-tools{position:static}.advanced-buttons{left:8px;right:8px;width:auto}.publish-help{line-height:1.35}.workspace{height:auto}}
.tab-groups{display:grid;gap:10px;padding:0 12px 12px}.tab-group{border:1px solid var(--line);border-radius:9px;background:#14211b;padding:8px 3px 2px}.tab-group h2{font-size:11px;letter-spacing:.06em;color:var(--accent);margin:0 10px 5px}.tab-group .tabs{margin:4px 7px 9px}.tab-group .tabs button{min-height:38px}.publish-workflow .secondary{background:#243d4a;border-color:#557487;color:#e7f4ff}
.workbar .studio-25d-button{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 12px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#1d2c16;font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s}.workbar .studio-25d-button:hover{background:#d1eda7;color:#1d2c16}.workbar .studio-25d-button:focus-visible{outline:2px solid #e9f6d0;outline-offset:2px}@media(max-width:760px){.workbar .studio-25d-button{padding:7px 8px;font-size:11px}}