:root{color-scheme:dark;--ink:#d5d6d8;--muted:#888b90;--line:#34363a;--paper:#202124;--green:#46494f}*{box-sizing:border-box}body{margin:0;background:#242528;color:var(--ink);font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:#323439;border:1px solid #44464c;border-radius:3px;padding:7px 10px}button:hover{background:#42454b}button:active{background:#51555b}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #a2b9d2;outline-offset:3px}a{color:inherit;text-decoration:none}header{height:48px;padding:0 20px;border-bottom:1px solid #141517;background:#1c1d20;display:flex;align-items:center;justify-content:space-between}.brand{font-size:12px;letter-spacing:2.1px;font-weight:650;display:flex;align-items:center;gap:24px}.edition{font-size:11px;font-weight:400;letter-spacing:0;color:#93969b}.header-right{display:flex;gap:24px;align-items:center;font-size:11px}.local{color:#8e9297}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#839886;margin-right:6px}.header-right button{font-size:11px;padding:5px 11px}.header-right button span{margin-left:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:calc(100dvh - 76px);min-height:680px}.showroom{position:relative;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 49% 40%,#414348 0%,#303237 35%,#25262a 72%,#222326 100%)}.intro{position:absolute;left:19px;right:19px;top:16px;display:flex;justify-content:space-between;z-index:2;color:#9b9da2;font-size:10px;pointer-events:none}.model-area{position:relative;width:100%;height:100%;isolation:isolate}.model-area:before{content:'';position:absolute;bottom:8%;left:25%;width:50%;height:11%;background:radial-gradient(ellipse,#10111470,transparent 65%);filter:blur(12px);z-index:-1}#scene{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.model-tag{position:absolute;left:20px;bottom:51px;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.7px;color:#8b8e95;display:flex;align-items:center;gap:4px}.model-tag span{border-left:1px solid #484a50;padding-left:10px;margin-left:6px}.model-tag i{display:none}.orientation{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;gap:1px;padding:3px;background:#25262adb;border:1px solid #4a4c52;border-radius:4px}.orientation button{background:transparent;border:0;font-size:10px;padding:7px 13px}.orientation button:hover,.orientation button[aria-pressed=true]{background:#474b52}.view-note{position:absolute;bottom:15px;left:20px;right:20px;display:flex;gap:24px;color:#858890;font-size:10px;pointer-events:none}.view-note span:last-child{margin-left:auto}.axis{position:absolute;top:53px;right:26px;width:52px;height:52px}.axis:before,.axis:after{content:'';position:absolute;left:24px;top:9px;width:1px;height:35px;background:#607a62;transform:rotate(30deg)}.axis:after{background:#8e5557;transform:rotate(-60deg)}.axis span{position:absolute;font:9px monospace;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;background:#35373c;z-index:1}.axis span:first-child{right:0;bottom:9px;color:#d68082}.axis span:nth-child(2){left:10px;bottom:0;color:#8bb189}.axis span:last-child{left:21px;top:0;color:#8da9d0}aside{background:#242529;border-left:1px solid #151619;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4a4b50 #25262a}.tabs{position:sticky;top:0;display:flex;background:#202125;border-bottom:1px solid #151619;z-index:3}.tabs button{width:50%;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;padding:15px 4px;color:#82868d;font-size:11px}.tabs button.active{border-bottom-color:#a4acb7;color:#e1e3e7;background:#292b30}.panel{padding:24px 18px 12px}.panel-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.tiny{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.7px;color:#8b9098}.tiny{font-size:8px;color:#6e737b}h2{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:14px 0 8px}.muted{font-size:10px;color:#92969e;margin:0;line-height:1.6}.field-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px;font-size:11px}.field-heading>span:not(.tiny){font-size:10px;color:#9298a0}.swatches{display:flex;gap:12px;padding:2px}.swatch{width:27px;height:27px;border-radius:50%;padding:0;background:var(--swatch)!important;border:4px solid #242529;box-shadow:0 0 0 1px #4a4e55}.swatch.selected{box-shadow:0 0 0 1px #c1c9d4}.swatch:first-child{background:linear-gradient(130deg,#a2a9ae,#404449,#979fa7)!important}input[type=range]{width:100%;height:3px;accent-color:#9aa9bd}input[type=color]{width:30px;height:23px;padding:2px;border:1px solid #555960;background:#34363c;border-radius:3px}input[type=checkbox]{width:24px;height:15px;accent-color:#8c9bab}.divider{border-top:1px solid #393c42;margin-top:24px}.cartridge{display:flex;align-items:center;width:100%;gap:10px;text-align:left;padding:10px;background:#292b30}.cart-art{font-size:23px;color:#adb991;width:25px;text-align:center}.cartridge b{font-size:11px;font-weight:500}.cartridge small{display:block;font-size:9px;color:#8d919a;margin-top:5px}.cartridge>span:last-child{margin-left:auto;font-size:8px}.primary{display:flex;align-items:center;justify-content:space-between;background:#4b535e;border-color:#606b7a;color:#edf0f5}.primary:hover{background:#5a6472}#makeGame{width:100%;margin-top:12px;font-size:11px;padding:9px 10px}.fine{font-size:9px;color:#858b95;line-height:1.7}.panel>.fine{margin:17px 0 0}.play-controls{border-top:1px solid #393c42;padding:19px 18px}.play-controls>div:first-child{display:flex;align-items:center;justify-content:space-between}#gameStatus{font-size:9px;color:#9198a2}.control-row{display:flex;align-items:center;gap:5px;margin:16px 0 9px}.control-row button{padding:5px;font-size:8px}.mini-dpad{display:flex;gap:2px;margin-right:auto}.round{border-radius:50%;width:23px;height:23px}.play-controls p{font-size:9px;color:#747b86;line-height:1.7;margin:0}.input-label,.two-fields label{display:block;font-size:10px;margin:18px 0 8px}input:not([type]),select,textarea{width:100%;border:1px solid #454950;border-radius:3px;background:#1e2024;padding:8px;font-size:11px}.paint-tools{display:flex;gap:3px;margin-bottom:10px}.paint-tools button{padding:5px 6px;flex:1;font-size:12px}.paint-tools button span{font-size:8px}.paint-tools .active{background:#505b68;border-color:#8896a7}#editor{display:block;width:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none;border:1px solid #505861;border-radius:2px}.editor-tip{font-size:8px;color:#828a95}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.two-fields label{margin-top:10px}.actions{display:flex;gap:8px;margin-top:17px}.actions button{font-size:10px}.actions .primary{flex:1}#validation{font-size:10px;color:#d0b481;line-height:1.4;min-height:12px}details{font-size:10px;margin:15px 0}summary{cursor:pointer}textarea{font-family:monospace;resize:vertical}#restore{margin-top:7px;font-size:10px}#accessibleScreen{display:none;width:100%;image-rendering:pixelated;margin:15px auto}footer{height:28px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #121315;background:#1c1d20;font-size:9px;color:#737983}footer a{color:#9198a2}#toast{position:fixed;bottom:42px;left:50%;transform:translate(-50%,12px);max-width:90vw;background:#343a43;border:1px solid #606a78;color:#e3e7ed;padding:10px 16px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;font-size:11px;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}#renderError{position:absolute;inset:40% 25%;font-size:13px} [hidden]{display:none!important}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 330px}.panel{padding-left:23px;padding-right:23px}}@media(max-width:850px){main{grid-template-columns:minmax(0,1fr) 280px}.edition{display:none}.local{display:none}.model-tag{bottom:90px}.view-note{gap:12px}.view-note span:last-child{display:none}}@media(max-width:620px){header{height:44px;padding:0 14px}main{height:auto;display:block;min-height:0}.showroom{height:70dvh;min-height:440px;max-height:720px}.model-tag{bottom:80px;font-size:8px}.intro{font-size:9px}.orientation{bottom:40px}.view-note{bottom:13px;font-size:9px}aside{border-left:0;border-top:1px solid #141518;overflow:visible}.tabs{position:static}.panel{padding:20px;max-width:480px;margin:auto}.play-controls{padding:18px 20px;max-width:480px;margin:auto}footer{font-size:8px;padding:0 12px}.brand{font-size:11px}.header-right button{font-size:10px}}

.control-row button{touch-action:none;user-select:none}.control-row button.held{background:#718095;color:#fff;box-shadow:inset 0 2px 3px #0008;transform:translateY(1px)}
/* Single viewport, with an edge-mounted inspector. */
html,body{height:100%;overflow:hidden;background:#424449}main{display:block;height:100dvh;min-height:0;position:relative}header,footer,.axis,.intro,.view-note{display:none}.viewport-title{position:absolute;left:22px;top:20px;z-index:2;font-size:11px;color:#d2d4d7;pointer-events:none;font-weight:500}.viewport-title span{color:#a6a9ae;font-weight:400;margin-left:5px}.showroom{position:absolute;inset:0;height:auto;min-height:0;max-height:none;background:#424449;transition:right .22s ease}.model-area:before{display:none}.model-area{height:100%}#floor{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#scene{position:relative;z-index:1}.model-tag{display:none}.customize-toggle{position:absolute;right:0;top:76px;z-index:5;border:1px solid #4c4f54;border-right:0;border-radius:4px 0 0 4px;writing-mode:vertical-rl;padding:15px 9px;letter-spacing:.5px;font-size:11px;background:#27292de8;color:#e3e5e8;box-shadow:-2px 2px 10px #1112;transition:right .22s ease}.customize-toggle span{margin-top:12px;font-size:16px}#inspector{position:absolute;right:0;top:0;bottom:0;width:300px;border-left:1px solid #1b1c1f;background:#25272b;transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility .22s;z-index:4;overflow-y:auto;box-shadow:-8px 0 28px #0001}.inspector-open #inspector{transform:translateX(0);visibility:visible}.inspector-open .customize-toggle{right:300px}.inspector-open .customize-toggle span{transform:rotate(180deg)}.inspector-open .showroom{right:300px}.inspector-heading{height:49px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#202226;border-bottom:1px solid #17191c;font-size:12px;font-weight:500}.inspector-heading button{font-size:20px;padding:1px 5px;background:transparent;border:0;color:#9a9fa7}.view-settings{padding:18px;border-bottom:1px solid #373a3f}.view-settings label{font-size:10px;color:#b9bec5}.orientation{position:static;transform:none;display:flex;width:100%;margin:10px 0 0;padding:3px;border:1px solid #45494f;background:#202226;box-shadow:none}.orientation button{flex:1;padding:7px 9px}.view-settings p{font-size:10px;line-height:1.6;color:#8c939d;margin:11px 0 0}.tabs{position:static}.panel{padding:18px}.field-heading{margin-top:20px}.panel>.fine{font-size:9px}.play-controls{padding:18px}.inspector-save{border-top:1px solid #393c42;padding:18px;display:flex;align-items:center;gap:12px}.inspector-save button{font-size:10px}.inspector-save span{font-size:9px;color:#8b929d}#toast{bottom:auto;top:24px}.model-area #renderError{z-index:2}@media(max-width:620px){.viewport-title{left:15px;top:16px;font-size:10px}.customize-toggle{top:59px}.inspector-open .showroom{right:0}#inspector{width:min(300px,calc(100vw - 44px))}.inspector-open .customize-toggle{right:min(300px,calc(100vw - 44px))}.panel,.play-controls{max-width:none}.showroom{height:auto;min-height:0;max-height:none}.view-settings p{font-size:10px}}@media(prefers-reduced-motion:reduce){.showroom,#inspector,.customize-toggle{transition:none}}
/* Dense, neutral desktop properties panel. */
html,body,.showroom{background:#202123}#inspector{background:#2c2c2c;border-left-color:#171717;box-shadow:none;font-family:Arial,Helvetica,sans-serif;color:#cdcdcd;font-size:11px}.inspector-heading{height:29px;padding:0 10px;background:#252525;border-bottom:1px solid #151515;font-size:11px;font-weight:400}.inspector-heading button{font-size:16px;color:#aaa}.customize-toggle{border-radius:0;background:#2c2c2c;border-color:#141414;box-shadow:none;padding:12px 7px;letter-spacing:0}.view-settings{padding:10px 12px;border-bottom:1px solid #171717;display:flex;align-items:center;gap:14px}.view-settings label{font-size:11px;color:#aaa}.orientation{margin:0;padding:0;gap:0;border-radius:2px;border-color:#171717;background:#393939}.orientation button{border-radius:0;padding:5px 6px;font-size:10px;border-right:1px solid #242424}.orientation button:last-child{border:0}.orientation button:hover,.orientation button[aria-pressed=true]{background:#535353}.tabs{background:#232323;border-bottom:1px solid #151515;justify-content:flex-start;gap:0}.tabs button{width:auto;padding:9px 13px;border-right:1px solid #161616;border-bottom:0;color:#9c9c9c;font-size:11px}.tabs button.active{border-bottom:0;background:#323232;color:#eee;box-shadow:inset 0 1px #666}.panel{padding:0}.object-row{height:61px;display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #171717;background:#303030}.object-thumbnail{display:grid;place-items:center;width:30px;height:36px;border:1px solid #555;background:#242424;color:#aaa;font-size:29px;line-height:1}.object-row div{font-size:11px;color:#dedede}.object-row div span{display:block;font-size:10px;color:#939393;margin-top:5px}.property-section{margin:0;border-bottom:1px solid #191919}.property-section>summary{padding:9px 12px;font-size:11px;font-weight:600;background:#303030;list-style:none;cursor:pointer}.property-section>summary:before{content:'›';display:inline-block;margin-right:9px;color:#aaa;font-size:13px;width:8px}.property-section[open]>summary:before{transform:rotate(90deg)}.property-section>summary::-webkit-details-marker{display:none}.property-body{padding:2px 13px 13px}.field-heading{margin:10px 0;min-height:23px;gap:10px;font-size:11px}.field-heading label{color:#bcbcbc}.field-heading>span:not(.tiny){color:#b1b1b1;font-size:10px}.swatches{margin:2px 0 12px 89px;gap:5px;padding:0}.swatch{width:22px;height:22px;border-radius:1px;border:3px solid #2c2c2c;box-shadow:0 0 0 1px #171717}.swatch.selected{box-shadow:0 0 0 1px #dadada}.swatch:first-child{background:linear-gradient(135deg,#a2a9ae,#404449)!important}.numeric-field{display:flex;align-items:center;width:63px;height:23px;border:1px solid #181818;background:#242424;border-radius:2px;color:#aaa}.numeric-field input{width:43px;min-width:0;text-align:right;background:transparent;border:0;padding:3px 2px;font-size:11px;appearance:textfield;color:#ddd}.numeric-field input::-webkit-inner-spin-button{appearance:none}.numeric-field span{font-size:10px;margin-left:4px}#opacity{width:calc(100% - 90px);margin:0 0 6px 90px;height:2px;accent-color:#c1c1c1}input[type=color]{width:63px;height:23px;padding:3px;background:#242424;border:1px solid #181818;border-radius:2px}input[type=checkbox]{accent-color:#9a9a9a;width:13px;height:13px;margin:0 49px 0 0}.cartridge{border-radius:2px;background:#252525;border:1px solid #1b1b1b;padding:8px 9px;gap:8px}.cartridge b{font-size:11px;font-weight:400}.cartridge small{font-size:9px;color:#929292}.cartridge:hover{background:#343434}#makeGame{display:block;width:auto;margin:10px 0 0 auto;padding:5px 13px;font-size:10px;background:#3b3b3b;border:1px solid #191919;border-radius:2px}.play-controls{padding:12px 13px;border-top:0;border-bottom:1px solid #191919}.eyebrow,.tiny{font:10px Arial,Helvetica,sans-serif;letter-spacing:0;color:#aaa}.control-row{gap:4px;margin:10px 0 0}.control-row button{border-radius:2px;background:#373737;border-color:#191919;font-size:9px}.control-row .round{border-radius:2px}.shortcuts{margin:11px 0 0;color:#989898;font-size:10px}.shortcuts dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 3px}.shortcuts dt,.shortcuts dd{margin:0;font-size:10px}.shortcuts dd{text-align:right;color:#c6c6c6}.inspector-save{padding:10px 13px;border-top:0;gap:12px}.inspector-save button{border-radius:2px;background:#3b3b3b;border-color:#191919;padding:5px 10px}.inspector-save span{color:#929292;font-size:9px}#create{padding:12px 13px}#create h2{font-size:12px;font-weight:600;margin:12px 0 7px}#create .muted{font-size:10px;color:#a3a3a3}.input-label,.two-fields label{font-size:10px;margin-top:12px}input:not([type]),select,textarea{background:#242424;border-color:#191919;border-radius:2px;padding:5px;font-size:11px}.paint-tools{gap:2px}.paint-tools button{padding:5px;background:#373737;border-color:#191919;border-radius:1px}.paint-tools .active{background:#555;border-color:#888}.primary{background:#464646;border-color:#191919}.primary:hover{background:#565656}#inspector button:focus-visible,#inspector summary:focus-visible,#inspector input:focus-visible{outline:1px solid #b7cadf;outline-offset:2px}@media(max-width:620px){.panel{padding:0}.play-controls{padding:12px 13px}}
#components{padding:0}.component-toolbar{display:flex;gap:7px;padding:12px}.component-toolbar button{font-size:10px;padding:6px 9px;background:#393939;border-color:#191919;border-radius:2px}.component-toolbar button:first-child{flex:1}#separation{width:100%;height:2px;accent-color:#c3c3c3}#separationValue{font-size:10px;color:#ccc}.section-caption{padding:8px 12px;border-top:1px solid #191919;border-bottom:1px solid #191919;background:#303030;font-size:11px;font-weight:600}.component-row{display:flex;align-items:center;gap:9px;width:100%;border:0;border-bottom:1px solid #242424;border-radius:0;padding:8px 12px;font-size:10px;background:#2b2b2b;text-align:left}.component-row span{font:9px monospace;color:#929eab}.component-row:hover{background:#373a3d}.component-row.selected{background:#414a55;color:#fff}#componentInfo{border-top:1px solid #171717;padding:12px}#componentInfo h3{font-size:12px;font-weight:500;margin:0 0 8px}#componentInfo p{font-size:10px;line-height:1.65;color:#b9b9b9;margin:7px 0}#componentInfo .basis{font-size:9px;color:#a5b5c6}#componentInfo .limitation{color:#90959d}#componentInfo a{display:inline-block;margin:5px 14px 0 0;color:#b8c8de;font-size:10px}.accuracy-note{margin:0;padding:12px;border-top:1px solid #171717;color:#9a9fa7;font-size:10px;line-height:1.6}.accuracy-note p{font-size:10px}.inspect-button{width:100%;margin-top:8px;font-size:10px;padding:6px;background:#3b3b3b;border-color:#191919;border-radius:2px}#componentMarkers{position:absolute;inset:0;pointer-events:none;z-index:3}.component-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid #a1b2c7;background:#252b34ef;color:#dbe7f7;border-radius:50%;width:25px;height:25px;padding:0;font:10px monospace;box-shadow:0 1px 5px #0005}.component-marker:hover,.component-marker.selected{background:#69829e;color:white;border-color:white}.component-marker:after{content:'';position:absolute;left:50%;top:100%;height:10px;border-left:1px solid #a1b2c799}.tabs button{padding-left:11px;padding-right:11px}