:root{--paper:#f4f2e9;--panel:#fbfaf6;--ink:#25362e;--muted:#6f776e;--line:#dedfd3;--green:#456448;--green-dark:#314d36;--accent:#e1a95d;--soft:#edf0e3;--radius:12px;font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--paper);color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,summary,a,input,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #a76725;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}button{touch-action:manipulation}h1,h2,p{margin:0}button,select,input{min-width:0}input,select{max-width:100%}input[type=checkbox],input[type=range]{accent-color:var(--green)}
.gamelab-nav{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.gamelab-nav:focus-within{position:relative!important;width:auto!important;height:auto!important;padding:10px!important;overflow:visible!important;clip:auto!important}
.app-header{height:72px;display:flex;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:-.6px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff5d9;font-family:Georgia,serif;font-size:27px;line-height:1;padding-bottom:3px}.brand-divider{color:#b3b8a9;padding:0 12px;font-weight:400}.brand-context{font-size:15px;font-weight:500;letter-spacing:-.2px;color:var(--muted)}.app-header nav{display:flex;align-items:center;gap:24px;margin-left:auto}.app-header nav a{font-size:12px;text-decoration:none;color:var(--muted);font-weight:600}.app-header nav a:hover{color:var(--green-dark)}.app-header nav span{margin-left:6px}.local-chip{font-size:10px;letter-spacing:.4px;text-transform:uppercase;border:1px solid var(--line);border-radius:30px;padding:7px 10px;white-space:nowrap;display:flex;align-items:center;gap:6px}.local-chip i,.tiny-dot{width:5px;height:5px;display:inline-block;background:#6b8855;border-radius:50%}main{max-width:1720px;padding:24px 28px 0;margin:0 auto}.experiment-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.experiment-title{display:flex;flex-direction:column;gap:4px;min-width:0}.experiment-title label{font-size:9px;font-weight:750;letter-spacing:1.5px;color:var(--muted)}#save-state{font-size:10px;font-weight:450;text-transform:none;letter-spacing:0;color:#929487}.experiment-title input{padding:0;border:0;background:transparent;font-size:25px;letter-spacing:-.8px;font-weight:650;width:320px;max-width:100%;border-radius:3px;color:var(--ink)}.file-actions{display:flex;align-items:center;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:9px 12px;line-height:1.2;background:var(--panel);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;min-height:36px}.button:hover{background:#eeeee3;border-color:#c2c7b8}.button.primary{background:var(--green);border-color:var(--green);color:#fffdf1}.button.primary:hover{background:var(--green-dark)}.button.wide{width:100%;margin-top:8px}.files-menu{position:relative}.files-menu>summary{list-style:none}.files-menu>summary::-webkit-details-marker{display:none}.files-content{position:absolute;right:0;top:calc(100% + 10px);z-index:10;background:var(--panel);padding:18px;border:1px solid var(--line);border-radius:12px;width:300px;box-shadow:0 10px 32px #25362e20}.files-content>label{font-size:11px;color:var(--muted)}.load-row{display:flex;gap:6px;margin-top:8px}.load-row select{flex:1;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:7px;font-size:12px}.files-content .helper{margin-top:12px}.notice{display:flex;align-items:center;gap:12px;background:#e7eddc;border:1px solid #c9d5bb;border-radius:8px;padding:10px 14px;margin:-5px 0 18px;font-size:12px;line-height:1.5}.notice.error{background:#fff0db;border-color:#e4c494}.notice button{background:transparent;border:0;font-size:12px;text-decoration:underline;font-weight:650}.notice #notice-dismiss{margin-left:auto;text-decoration:none;font-size:20px;padding:0 4px}.notice #notice-forge{color:#744814}
.workbench-layout{display:grid;grid-template-columns:232px minmax(350px,1fr) 260px;gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;overflow:hidden}.panel-heading{padding:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;border-bottom:1px solid transparent;user-select:none}.panel-heading::-webkit-details-marker{display:none}.panel[open]>.panel-heading{border-bottom-color:var(--line)}.eyebrow{font-size:10px;color:#949989;letter-spacing:.6px;font-weight:450;margin-right:8px}.panel-chevron{color:#8b9485;font-size:16px}.panel[open] .panel-chevron{transform:rotate(180deg)}.panel-content{padding:18px 15px}.section-intro{margin-bottom:16px}.section-intro h2{font-size:13px;font-weight:650;margin-bottom:5px}.section-intro p,.helper{color:var(--muted);font-size:11px;line-height:1.6}.segmented{display:flex;padding:3px;gap:3px;background:#eeefe7;border:1px solid #e4e5dc;border-radius:7px;margin-bottom:12px}.segmented button{flex:1;background:none;border:0;border-radius:4px;min-height:30px;padding:4px 7px;font-size:11px;color:var(--muted);font-weight:600}.segmented button[aria-pressed=true]{background:var(--panel);color:var(--green-dark);box-shadow:0 1px 3px #29332812}.forge-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.forge-card{padding:0 7px 11px;background:#f2f1e9;border:1px solid #e3e4d8;border-radius:9px;text-align:left;overflow:hidden}.forge-card:hover{border-color:#b4bda6}.forge-card.selected{border-color:#71896a;box-shadow:inset 0 0 0 1px #71896a;background:#edf1e3}.forge-card canvas{display:block;width:100%;height:auto;aspect-ratio:10/9;image-rendering:pixelated}.forge-card strong,.forge-card span{display:block}.forge-card strong{font-size:11px}.forge-card span{font-size:9px;color:var(--muted);line-height:1.4;margin-top:4px}.seed-row{display:flex;align-items:end;gap:8px;margin-top:15px}.seed-row label{font-size:10px;color:var(--muted);flex:1}.seed-row input{width:100%;display:block;margin-top:5px;padding:8px 9px;border:1px solid var(--line);background:var(--panel);border-radius:6px;font-size:12px;color:var(--ink)}.seed-row button{font-size:11px}.source-note{display:flex;gap:6px;align-items:baseline;font-size:9px;line-height:1.6;color:var(--muted);margin-top:10px}.tiny-dot{flex:0 0 5px}.module-library{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px}.section-label h2{font-size:13px}.section-label>span{font-size:9px;padding:3px 6px;border-radius:4px;background:var(--soft);color:var(--green)}.module-library>.helper{font-size:10px;margin:6px 0 11px}.module-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #eaebe2}.module-row:last-child{border:0}.module-row button{background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:9px;padding:0;flex:1;min-width:0}.module-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #e3e5d8;border-radius:6px;background:#f0f2e8;font-size:15px;color:#667c5c;flex-shrink:0}.module-name{display:block;font-size:11px;font-weight:650}.module-description{display:block;font-size:9px;color:var(--muted);margin-top:3px}.module-toggle{appearance:none;width:26px;height:15px;background:#d1d5c8;border-radius:20px;position:relative;cursor:pointer;margin:0;flex-shrink:0}.module-toggle:before{content:"";display:block;width:11px;height:11px;position:absolute;left:2px;top:2px;background:var(--panel);border-radius:50%;transition:transform .15s}.module-toggle:checked{background:var(--green)}.module-toggle:checked:before{transform:translateX(11px)}.text-link{font-size:10px;text-decoration:none;color:var(--green);line-height:1.6}.text-link:hover{text-decoration:underline}.other-studies{display:block;margin-top:18px;font-size:9px}.search-label{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}#asset-search{border:1px solid var(--line);padding:9px;width:100%;border-radius:6px;background:#fffefa;font-size:11px}#catalog-message{margin:9px 0}.asset-results{max-height:344px;overflow:auto;overscroll-behavior:contain;margin:0 -3px 10px;padding:0 3px}.asset-card{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:1px solid var(--line);border-radius:7px;margin-bottom:6px;padding:6px}.asset-card:hover,.asset-card.selected{background:var(--soft);border-color:#7f9676}.asset-card canvas{width:38px;height:38px;flex-shrink:0;image-rendering:pixelated;background:#eef0e6;border-radius:4px}.asset-card .asset-copy{min-width:0}.asset-card strong{display:block;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.asset-card small{display:block;font-size:8px;line-height:1.5;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.scene-panel{min-width:0}.scene-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;margin-bottom:8px}.scene-heading>div{display:flex;align-items:center;gap:8px;min-width:0}.scene-heading h1{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-heading>span{font-size:10px;color:var(--muted)}.live-indicator{width:6px;height:6px;background:#658055;border-radius:50%;flex-shrink:0}.live-indicator.paused{background:var(--accent)}.arena-wrap{position:relative;overflow:hidden;border-radius:12px;border:1px solid #425743;background:#21362e;box-shadow:0 8px 20px #23362b12;aspect-ratio:16/9}#arena{display:block;width:100%;height:100%;object-fit:contain;touch-action:none;outline-offset:-4px}.arena-tag{position:absolute;top:13px;left:15px;color:#c6d6b8;letter-spacing:1.3px;font-size:8px;pointer-events:none;opacity:.7}.arena-tag span{margin-left:10px;letter-spacing:.5px;color:#b0c0a3}.scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0 14px;border-bottom:1px solid var(--line)}.transport{display:flex;gap:6px}.transport .button{font-size:10px;padding:7px 10px;min-height:32px;background:transparent}.transport #pause-scene{background:var(--panel)}.scene-clock{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);letter-spacing:.7px}.scene-readout{display:flex;align-items:center;gap:28px;padding:18px 0;border-bottom:1px solid var(--line)}.scene-readout>div{display:flex;flex-direction:column;gap:5px}.readout-label{color:#8a9181;font-size:8px;letter-spacing:1px}.scene-readout strong{font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}.scene-readout .keyboard-hint{margin-left:auto;gap:7px;font-size:9px;color:var(--muted)}kbd{font-family:inherit;font-size:8px;border:1px solid #d6d9cb;background:#eeeee4;border-radius:3px;padding:2px 4px;margin-right:2px}.actor-identity{display:flex;align-items:center;gap:9px;padding:18px 0}.identity-badge{font-size:7px;letter-spacing:.65px;padding:5px 6px;color:var(--green);background:#e4eadb;border:1px solid #d3deca;border-radius:4px;flex-shrink:0}.identity-badge.reference{background:#f6e9cd;border-color:#e9d7af;color:#8a6733}.actor-identity>div{min-width:0}.actor-identity strong,.actor-identity>div>span{display:block;overflow-wrap:anywhere}.actor-identity strong{font-size:11px;font-weight:650}.actor-identity>div>span{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.6}.asset-state{font-size:9px;color:#977239;margin-left:auto;text-align:right;max-width:130px}.workbench-note{display:flex;justify-content:center;align-items:center;gap:13px;margin:32px 0 20px;color:#8c9583}.workbench-note>span{font-size:30px;color:#a3ad95}.workbench-note p{font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.5}.workbench-note p span{font-size:11px;color:#99a08f;font-family:"Avenir Next",Avenir,sans-serif;font-style:normal}.touch-controls{display:none}.inspector-group{border-top:1px solid var(--line);padding:0}.inspector-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:11px;font-weight:650}.inspector-group>summary::-webkit-details-marker{display:none}.inspector-group>summary:after{content:"+";font-size:14px;color:#929b86;font-weight:450}.inspector-group[open]>summary:after{content:"−"}.inspector-group .group-controls{padding-bottom:9px}.control{margin-bottom:15px}.control-label{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:7px;font-size:10px;color:var(--muted)}.control-label output{font-size:10px;letter-spacing:.1px;color:var(--ink);font-variant-numeric:tabular-nums}.control input[type=range]{display:block;width:100%;height:12px;margin:0;cursor:pointer}.check-control{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-bottom:13px}.check-control input{margin:0;width:14px;height:14px}.control select{width:100%;border:1px solid var(--line);background:#f6f6ed;border-radius:5px;padding:7px;font-size:11px;color:var(--ink)}.inspector-group.disabled>summary{color:#8d9686}.inspector-group.disabled .group-controls{opacity:.6}.render-themes{display:flex;gap:5px;margin-bottom:15px}.render-themes button{background:#f2f3e9;border:1px solid var(--line);padding:7px 8px;border-radius:5px;font-size:9px;flex:1}.render-themes button[aria-pressed=true]{border-color:#7c916f;background:#e5ebdc;color:#314d36}.app-footer{display:flex;justify-content:space-between;gap:20px;color:#8b9382;font-size:8px;letter-spacing:1px;padding:26px 0 18px;margin-top:20px}.app-footer>span:last-child{letter-spacing:0;font-size:9px}.footer-cross{padding:0 7px;color:#aaa}
@media(min-width:1450px){.workbench-layout{grid-template-columns:252px minmax(350px,1fr) 280px;gap:24px}.panel-content{padding:20px}.arena-wrap{margin-top:5px}.section-intro{margin-bottom:20px}.scene-heading{margin-bottom:10px}}
@media(max-width:1150px){main{padding:20px 18px 0}.app-header{padding:0 18px}.workbench-layout{grid-template-columns:205px minmax(300px,1fr) 230px;gap:14px}.panel-content{padding:16px 12px}.scene-readout{gap:18px}.keyboard-hint{display:none!important}.workbench-note{margin-top:25px}.workbench-note p span{display:block;max-width:260px}.brand-divider{padding:0 8px}.app-header nav{gap:15px}}
@media(max-width:900px){.workbench-layout{grid-template-columns:210px minmax(0,1fr);gap:18px}.scene-panel{grid-column:2;grid-row:1 / span 2}.library-panel{grid-column:1;grid-row:1}.inspector-panel{grid-column:1;grid-row:2}.local-chip{display:none}.experiment-title input{font-size:23px}.workbench-note{margin-top:38px}.app-footer{margin-top:5px}}
@media(max-width:680px){.app-header{height:58px;padding:0 16px;gap:12px}.brand{font-size:18px;gap:9px}.brand-mark{width:30px;height:30px;font-size:24px}.brand-context{font-size:12px}.brand-divider{padding:0 7px}.app-header nav{gap:12px}.app-header nav a{font-size:10px}.app-header nav a:first-child{display:none}.app-header nav span{margin-left:0}main{padding:20px 14px 0}.experiment-bar{flex-wrap:wrap;gap:15px;margin-bottom:14px}.experiment-title{width:100%}.experiment-title input{width:100%;font-size:25px}.file-actions{width:100%;gap:7px}.file-actions>.button:first-child{flex:0 0 62px}.file-actions>.primary{margin-left:auto}.button{min-height:39px;padding:10px 11px;font-size:11px}.files-menu summary{font-size:11px}.files-content{left:-68px;right:auto;max-width:calc(100vw - 28px);width:300px}.notice{flex-wrap:wrap;margin:0 0 14px;gap:7px}.notice #notice-dismiss{align-self:flex-start}.notice #notice-text{flex:1 1 80%}.workbench-layout{display:flex;flex-direction:column;gap:12px}.scene-panel{order:0;width:100%}.library-panel{order:1;width:100%}.inspector-panel{order:2;width:100%}.scene-heading{height:30px;margin:4px 0 9px}.scene-heading h1{font-size:12px}.scene-heading>span{font-size:9px}.arena-wrap{border-radius:10px}.arena-tag{top:10px;left:11px;font-size:6px}.arena-tag span{font-size:6px}.scene-toolbar{padding:10px 0;border-bottom:0}.transport .button{min-height:36px;padding:8px 11px;font-size:10px}.scene-readout{gap:25px;padding:13px 0}.scene-readout strong{font-size:11px}.readout-label{font-size:7px}.actor-identity{padding:13px 0 5px}.actor-identity strong{font-size:10px}.actor-identity>div>span{font-size:8px}.asset-state{max-width:90px;font-size:8px}.workbench-note{display:none}.panel-heading{padding:15px;font-size:13px;min-height:48px}.panel-content{padding:16px}.forge-cards{grid-template-columns:1fr 1fr}.forge-card{display:grid;grid-template-columns:60px 1fr;column-gap:8px;padding:7px;align-items:end}.forge-card canvas{grid-row:1 / span 2;width:60px;align-self:center}.forge-card strong{font-size:11px}.forge-card>span{font-size:9px;align-self:start}.seed-row{max-width:320px}.module-library{margin-top:20px}.module-row{padding:10px 0}.module-toggle{width:30px;height:18px}.module-toggle:before{width:14px;height:14px}.module-toggle:checked:before{transform:translateX(12px)}.inspector-group>summary{min-height:45px}.control-label,.check-control{font-size:12px}.control{margin-bottom:18px}.control input[type=range]{height:23px}.control-label output{font-size:11px}.check-control input{width:18px;height:18px}.asset-results{max-height:300px}.asset-card strong{font-size:11px}.asset-card small{font-size:9px}.app-footer{padding:22px 0 16px;align-items:center;gap:15px}.app-footer>span{font-size:7px;max-width:145px;line-height:1.6}.app-footer>span:last-child{font-size:8px;text-align:right;max-width:150px}.touch-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 12px;border-bottom:1px solid var(--line)}.direction-pad{display:grid;grid-template-columns:34px 34px 34px;grid-template-rows:30px 30px 30px;gap:3px}.direction-pad button,.attack-button{border:1px solid #cbd2c0;background:#e9edde;border-radius:7px;user-select:none;-webkit-user-select:none;touch-action:none;color:#4c6346}.direction-pad button{font-size:16px;padding:0}.direction-pad button[data-input=up]{grid-column:2}.direction-pad button[data-input=left]{grid-column:1;grid-row:2}.direction-pad button[data-input=right]{grid-column:3;grid-row:2}.direction-pad button[data-input=down]{grid-column:2;grid-row:3}.direction-pad>span{grid-column:2;grid-row:2;display:grid;place-items:center;color:#a8b398;font-size:16px}.touch-hint{font-size:9px;color:#8c9582;max-width:80px;line-height:1.5;text-align:center}.attack-button{height:55px;width:91px;font-size:11px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 3px 0 #d1dbc3}.attack-button span{font-size:20px;color:#869e67}.touch-controls button.pressed{background:#d0dfbe;transform:translateY(1px);box-shadow:none}}
@media(pointer:coarse) and (min-width:681px){.touch-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.direction-pad{display:flex;gap:6px}.direction-pad>span{display:none}.direction-pad button,.attack-button{border:1px solid var(--line);background:var(--soft);border-radius:6px;min-width:36px;min-height:38px;touch-action:none}.touch-hint{font-size:9px;color:var(--muted)}.attack-button{padding:7px 12px}.keyboard-hint{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Composition controls extend the same scene-first editor. */
.save-hint{margin:-12px 0 16px;font-size:10px;line-height:1.5;color:#836b42;overflow-wrap:anywhere}.saved-actions{display:flex;gap:7px;margin-top:9px}.saved-actions .button:first-child{flex:1}.danger-quiet{color:#8b594b}.button:disabled{cursor:default}.files-content{width:330px}.files-content #saved-action-note{font-size:10px;overflow-wrap:anywhere}.scene-composition{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.scene-actors{display:grid;gap:4px;margin:12px 0 9px;max-height:276px;overflow-y:auto;scrollbar-width:thin}.scene-actor{display:grid;grid-template-columns:15px 1fr;column-gap:7px;align-items:center;text-align:left;width:100%;border:1px solid transparent;border-radius:6px;background:transparent;padding:7px 8px;min-height:39px}.scene-actor:hover{background:#f0f2e7}.scene-actor[aria-pressed=true]{background:#e9efdf;border-color:#a0b093}.scene-actor strong{font-size:11px;font-weight:650}.actor-dot{grid-row:1 / span 2;color:#759465;font-size:10px;align-self:center}.actor-list-visual{font-size:9px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actor-actions{display:flex;gap:7px}.actor-actions .button{flex:1;min-height:31px;font-size:10px;padding:7px}.actor-actions .button:disabled{opacity:.38}.preset-toolbar{padding:10px 12px 11px;margin-bottom:12px;border:1px solid var(--line);border-radius:9px;background:#f9f8f1}.preset-toolbar>label{display:block;font-size:9px;font-weight:650;color:#7e8875;margin-bottom:6px}.preset-toolbar>div{display:flex;gap:8px}.preset-toolbar select{flex:1;border:0;background:transparent;font-size:12px;font-weight:650;color:var(--ink);padding:0 4px;min-width:0}.preset-toolbar .button{font-size:10px;min-height:31px;padding:7px 10px}.preset-toolbar .helper{font-size:9px;margin-top:6px;line-height:1.5}.selected-actor-inspector{border-top:1px solid var(--line);padding:14px 0 3px}.selected-actor-inspector>.section-label{margin-bottom:17px}.selected-actor-inspector h2{font-size:12px}.selected-actor-inspector .section-label>span{font-size:8px;white-space:nowrap}.selected-actor-inspector .helper{font-size:9px;margin:0 0 14px;line-height:1.6}#target-controls{padding-bottom:4px}#clip-bindings{margin:4px 0 16px}.clip-row{display:grid;grid-template-columns:57px minmax(0,1fr);align-items:center;gap:6px;margin-bottom:7px}.clip-state{border:1px solid transparent;border-radius:4px;background:transparent;text-align:left;padding:6px 3px;font-size:10px;color:var(--muted);min-height:28px}.clip-state[aria-pressed=true]{border-color:#c7d5b7;background:#edf1e5;color:#3c5f39}.clip-row select{width:100%;border:1px solid var(--line);border-radius:5px;background:#f8f9ef;padding:6px;font-size:10px;color:var(--ink)}.clip-preview{display:flex;align-items:center;gap:10px;margin-top:12px;background:#eef1e5;border:1px solid #dde4d4;border-radius:7px;padding:6px}.clip-preview canvas{width:70px;height:52px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.clip-preview>div{min-width:0}.clip-preview span,.clip-preview strong{display:block;overflow-wrap:anywhere}.clip-preview strong{font-size:10px;margin:3px 0;line-height:1.4}.clip-preview span{font-size:8px;color:var(--muted);line-height:1.5}.comparison-bar{padding:12px;background:#eee9d9;border:1px solid #d9cfb3;border-radius:9px;margin-bottom:14px}.comparison-bar>div:first-child{display:flex;flex-direction:column;gap:5px;min-width:0}.comparison-bar strong{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.comparison-bar span{font-size:9px;color:#8b7a56;line-height:1.6}.comparison-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.comparison-actions .button{font-size:10px;min-height:30px;padding:7px 9px}.comparison-actions .button[aria-pressed=true]{background:#66774f;border-color:#66774f;color:#fffceb}.comparison-actions .button:last-child{margin-left:auto}.scene-readout{gap:22px}.scene-readout .keyboard-hint{font-size:8px}.scene-readout .keyboard-hint span{white-space:nowrap}.touch-actions{display:flex;align-items:center;gap:12px}.dash-button{height:48px;min-width:74px;border:1px solid #cbd2c0;border-radius:7px;background:#eff1e7;color:#4c6346;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:650}.dash-button span{font-size:18px}.dash-button:disabled{opacity:.4;cursor:default}.module-toggle:disabled{cursor:default}.module-toggle:disabled:before{opacity:.7}#use-dummy{font-size:10px;min-height:32px;margin-top:13px}
@media(min-width:901px){.panel{position:sticky;top:16px}.panel>.panel-content{max-height:min(940px,calc(100vh - 240px));overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c9cfbd transparent;overscroll-behavior:contain}.scene-panel .workbench-note{margin-top:24px}}
@media(max-width:1150px){.scene-readout{gap:16px}.scene-readout strong{font-size:10px}.preset-toolbar .helper{font-size:9px}.actor-list-visual{font-size:8px}.clip-row{grid-template-columns:47px minmax(0,1fr)}.clip-state{font-size:9px}.clip-row select{font-size:9px;padding:6px 3px}.clip-preview{gap:6px}.clip-preview canvas{width:57px}}
@media(max-width:680px){.save-hint{font-size:10px;margin:-2px 0 14px;line-height:1.6}.files-content{width:330px}.file-actions>.button:first-child{flex:0 0 auto;min-width:62px}.preset-toolbar{padding:10px 12px;margin:1px 0 12px}.preset-toolbar>label{font-size:9px}.preset-toolbar .button{min-height:35px;font-size:10px}.preset-toolbar select{font-size:12px}.preset-toolbar .helper{font-size:9px;margin-top:7px}.scene-actors{grid-template-columns:1fr 1fr;max-height:280px;gap:6px}.scene-actor{padding:9px 7px;min-height:48px}.scene-actor strong{font-size:12px}.actor-list-visual{font-size:10px}.actor-actions .button{min-height:37px;font-size:11px}.scene-composition{margin-bottom:20px;padding-bottom:17px}.selected-actor-inspector h2{font-size:13px}.selected-actor-inspector .section-label>span{font-size:10px}.selected-actor-inspector .helper{font-size:11px}.clip-row{grid-template-columns:66px minmax(0,1fr);margin-bottom:8px}.clip-state{font-size:12px;min-height:37px;padding:7px 4px}.clip-row select{font-size:12px;min-height:37px;padding:7px}.clip-preview{padding:9px;gap:12px}.clip-preview canvas{width:95px;height:72px}.clip-preview strong{font-size:12px}.clip-preview span{font-size:10px}.scene-readout{justify-content:space-between;gap:8px}.scene-readout strong{font-size:10px}.readout-label{font-size:7px}.touch-actions{gap:12px}.dash-button{height:50px;min-width:78px}.touch-controls{gap:10px}.touch-controls .attack-button{width:88px}.comparison-bar strong{font-size:12px}.comparison-bar span{font-size:10px}.comparison-actions .button{min-height:35px;font-size:10px}.comparison-actions{gap:6px}.comparison-actions .button:last-child{margin-left:0;flex:1}.module-row{min-height:48px}.module-description{font-size:10px}.module-name{font-size:12px}.control select{font-size:12px;min-height:36px}.control-label output{font-size:12px}.render-themes button{font-size:11px;min-height:36px}#use-dummy{font-size:11px;min-height:37px}}

/* A small original room objective shares the main scene and input surface. */
.room-objective{margin:10px 0 2px;padding:12px 14px;background:#edf0e3;border:1px solid #d5dec8;border-radius:8px;display:grid;gap:6px}.room-objective[hidden]{display:none}.room-objective>span{font-size:8px;letter-spacing:.08em;color:#70835f}.room-objective strong{font-size:12px;color:#425b36;line-height:1.45}.room-objective small{font-size:10px;color:#77836d;line-height:1.5}.interact-button{min-width:76px;height:48px;border:1px solid #cbd2c0;border-radius:7px;background:#eff1e7;color:#4c6346;font-size:11px;font-weight:650;touch-action:none;user-select:none;-webkit-user-select:none}.interact-button span{margin-left:7px;color:#869e67}.interact-button:disabled{opacity:.4}.touch-actions{flex-wrap:wrap}
@media(max-width:680px){.touch-actions{display:grid;grid-template-columns:76px 82px;gap:7px}.touch-actions .dash-button{min-width:0;width:76px;height:44px}.touch-actions .attack-button{width:82px;height:44px}.interact-button{grid-column:1 / -1;width:100%;height:39px}.room-objective strong{font-size:12px}.room-objective small{font-size:10px}}

/* One workspace: the library is an ingredient drawer over the same running scene. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app-header .workspace-navigation{gap:20px}.workspace-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#eeefe7}.workspace-tabs>button{min-height:34px;padding:7px 15px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap}.workspace-tabs>button[aria-pressed=true]{background:var(--panel);color:var(--green-dark);box-shadow:0 1px 3px #29332812}.workspace-tabs>#open-library{color:var(--green-dark)}.workspace-tabs>button:hover{background:#e2e8d8}.workspace-tabs>#open-library span{font-size:15px;line-height:12px;margin-left:7px}.advanced-tools{position:relative}.advanced-tools>summary{font-size:11px;color:var(--muted);list-style:none;white-space:nowrap;min-height:38px;display:flex;align-items:center;gap:5px}.advanced-tools>summary::-webkit-details-marker{display:none}.advanced-tools-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:204px;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 10px 30px #25362e18}.app-header nav .advanced-tools-menu a{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border-radius:5px;font-size:11px}.app-header nav .advanced-tools-menu a:hover{background:var(--soft);text-decoration:none}.app-header nav .advanced-tools-menu span{margin-left:12px}
.add-ingredient{display:flex;width:100%;min-height:42px;background:#edf2e5;border:1px dashed #98ad87;color:var(--green-dark);font-size:12px;margin-bottom:22px}.add-ingredient>span{font-size:19px;line-height:16px;font-weight:400}.add-ingredient:hover{background:#e4ecda;border-color:#657f55}.scene-composition{margin-bottom:0;padding-bottom:18px}.module-library{margin-top:18px;padding-top:0;border-top:0}.module-library>.helper{margin-bottom:9px}.module-row{gap:8px;padding:8px 0}.module-icon{width:24px;height:24px;font-size:13px;border-radius:5px}.module-name{font-size:11px;font-weight:600}.module-description{font-size:9px;line-height:1.35;color:var(--muted);display:block;margin-top:2px}.scene-actors{margin-top:10px}.scene-actor{padding:8px 7px}.scene-starters{margin:0 0 7px;border-bottom:1px solid var(--line);padding-bottom:7px}.scene-starters>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;color:var(--muted);font-size:11px;font-weight:600;list-style:none}.scene-starters>summary::-webkit-details-marker{display:none}.scene-starters[open]>summary{margin-bottom:8px}.scene-starters .preset-toolbar{margin:0;background:var(--panel);border-color:var(--line);box-shadow:none}.scene-starters .preset-toolbar>label{display:none}
.inspector-intro{margin-bottom:12px}.selected-actor-inspector{padding-top:0;border-top:0}.selected-actor-seed{padding-bottom:16px}.selected-actor-seed .seed-row{margin-top:0;align-items:end}.selected-actor-seed .helper{margin-top:7px;margin-bottom:0;font-size:9px}.selected-actor-seed .seed-row label{font-size:10px}.selected-actor-seed .seed-row button{min-height:34px}.selected-actor-inspector>.section-label{margin-bottom:14px}.quick-mashups{margin:8px 0 18px;padding:17px 0 0;border-top:1px solid var(--line)}.quick-mashups-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:11px}.quick-mashups-heading h2{font-size:12px;font-weight:650}.quick-mashups-heading p{font-size:10px;color:var(--muted)}.mashup-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mashup-options button{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;min-height:70px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#f8f8ef}.mashup-options button:hover{background:#eaf0df;border-color:#9aad8b}.mashup-options strong{font-size:11px;font-weight:650;color:var(--green-dark)}.mashup-options span{font-size:9px;color:var(--muted);line-height:1.5}
.ingredient-library{width:min(1500px,96vw);max-width:96vw;height:92vh;max-height:92vh;padding:0;border:1px solid #cbd3c0;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #12261b38;overflow:hidden}.ingredient-library[open]{display:flex;flex-direction:column}.ingredient-library::backdrop{background:#1b2d2366;backdrop-filter:blur(3px)}.library-dialog-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:10px 18px;border-bottom:1px solid var(--line);background:var(--panel)}.library-dialog-bar>span{font-size:11px;color:var(--muted)}.library-dialog-bar .button{font-size:11px;min-height:35px}.library-dialog-bar .button>span{font-size:15px}#ingredient-library-frame{display:block;flex:1;width:100%;min-height:0;border:0;background:var(--paper)}.mobile-workspace-bar{display:none}body:has(#ingredient-library[open]){overflow:hidden}
@media(min-width:1450px){.workbench-layout{grid-template-columns:242px minmax(350px,1fr) 270px}.scene-heading{margin-bottom:8px}}
@media(max-width:1150px){.app-header .workspace-navigation{gap:13px}.advanced-tools>summary{font-size:10px}.workspace-tabs>button{padding:7px 12px}.local-chip{display:none}.mashup-options button{padding:10px 8px}.quick-mashups-heading{display:block}.quick-mashups-heading p{margin-top:5px}.module-description{font-size:8px}}
@media(max-width:900px){.advanced-tools>summary{font-size:0}.advanced-tools>summary>span{font-size:14px}.advanced-tools>summary:before{content:'Studies';font-size:10px}.app-header .workspace-navigation{gap:10px}.ingredient-library{width:97vw;max-width:97vw;height:95vh;max-height:95vh}.quick-mashups-heading h2{font-size:11px}.mashup-options{gap:6px}.mashup-options button{min-height:76px}.mashup-options strong{font-size:10px}}
@media(max-width:680px){
  .app-header{padding:0 14px;gap:10px;height:62px}.brand-context,.brand-divider{display:none}.app-header .workspace-navigation{margin-left:auto;gap:8px}.workspace-tabs{padding:3px;gap:1px}.workspace-tabs>button{min-height:34px;padding:7px 10px;font-size:11px}.workspace-tabs>#open-library span{margin-left:4px;font-size:13px}.advanced-tools{display:none}main{padding-top:16px;padding-bottom:76px}.experiment-bar{gap:12px}.experiment-title label{font-size:8px}.experiment-title input{font-size:23px}.scene-starters{margin-bottom:8px}.scene-starters>summary{min-height:30px;font-size:11px}.scene-starters .preset-toolbar{margin:0}.scene-heading{margin-top:0}.add-ingredient{min-height:44px;margin-bottom:20px;font-size:12px}.scene-composition{margin-bottom:0}.module-library{margin-top:19px}.module-row{min-height:43px;padding:8px 0}.module-icon{width:27px;height:27px}.module-name{font-size:12px}.module-description{font-size:10px}.selected-actor-seed .seed-row{max-width:none}.selected-actor-seed .seed-row label{font-size:11px}.selected-actor-seed .seed-row button{min-height:38px}.selected-actor-seed .helper{font-size:10px}.quick-mashups{margin:10px 0 4px;padding-top:15px}.quick-mashups-heading{display:block;margin-bottom:10px}.quick-mashups-heading h2{font-size:12px}.quick-mashups-heading p{font-size:10px;margin-top:5px}.mashup-options{gap:7px}.mashup-options button{padding:10px 8px;min-height:88px}.mashup-options strong{font-size:10px;line-height:1.4}.mashup-options span{font-size:9px;line-height:1.5}.actor-identity{padding-bottom:12px}.app-footer{margin-top:4px;padding-bottom:12px}.app-footer>span{max-width:175px}
  .ingredient-library{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.ingredient-library::backdrop{backdrop-filter:none}.library-dialog-bar{min-height:54px;padding:8px 12px;gap:8px}.library-dialog-bar>span{font-size:10px;max-width:125px;line-height:1.45}.library-dialog-bar .button{min-height:38px;font-size:10px;padding:9px 11px;white-space:nowrap}
  .mobile-workspace-bar{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#fbfaf6f5;border-top:1px solid #cfd6c5;box-shadow:0 -5px 18px #25362e09;backdrop-filter:blur(10px)}.mobile-workspace-bar button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:11px;font-weight:650;color:var(--green-dark)}.mobile-workspace-bar button:first-child{background:#e8efdd;border-color:#c6d3b9}.mobile-workspace-bar button>span{font-size:18px;line-height:1}.mobile-workspace-bar button:hover{background:#e4ebd9}body:has(#ingredient-library[open]) .mobile-workspace-bar{visibility:hidden}
}
@media(max-width:370px){.brand{font-size:16px;gap:7px}.brand-mark{width:27px;height:27px;font-size:22px}.workspace-tabs>button{padding:7px 8px}.workspace-tabs>#open-library span{display:none}.mashup-options{grid-template-columns:1fr}.mashup-options button{min-height:52px;display:block}.mashup-options span{display:block;margin-top:4px}}

/* Play first. The detailed workbench is a deliberate second layer. */
body{background:var(--paper)}
main{max-width:1120px;padding:20px 28px 0}
.app-header{height:62px;padding:0 28px;background:#fbfaf6cc}
.brand-context{font-size:13px}.local-chip{font-size:9px;border:0;padding-right:0}
.workspace-tabs{background:transparent;border:0;padding:0;gap:2px}.workspace-tabs>button{font-size:11px;min-height:34px;background:transparent!important;box-shadow:none!important}.workspace-tabs>button[aria-pressed=true]{color:var(--ink)}
.generation-controls{margin-bottom:14px}.roll-toolbar{display:flex;align-items:center;gap:24px;padding:15px 18px;background:var(--panel);border:1px solid #d8ddce;border-radius:12px;box-shadow:0 3px 0 #dfe3d624}
.roll-button,.keep-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:8px;padding:11px 20px;font-size:15px;font-weight:700;white-space:nowrap}
.roll-button{background:var(--green-dark);color:#fffbed;border:1px solid var(--green-dark);box-shadow:0 3px 0 #203925;letter-spacing:-.25px}.roll-button:hover{background:#446345;transform:translateY(-1px)}.roll-button:active{transform:translateY(1px);box-shadow:0 1px 0 #203925}.roll-button>span{font-size:27px;font-weight:400;line-height:20px}
.keep-button{margin-left:auto;background:#f2ecdd;border:1px solid #d8cfb7;color:#5e593f;font-size:13px;min-height:44px;padding:10px 17px}.keep-button:hover{background:#eae1c9;border-color:#b8aa86}.keep-button>span{font-size:20px;font-weight:400}.keep-button[aria-pressed=true]{color:var(--green-dark);background:#e9efdf;border-color:#aab997}
.game-seed-control{display:flex;flex-direction:column;gap:3px;flex:0 1 120px;min-width:78px}.game-seed-control>span,.chaos-control>span:first-child{font-size:10px;font-weight:650;color:#7b8275}.game-seed-control input{width:100%;min-height:28px;border:0;border-bottom:1px solid #d6dccb;border-radius:0;background:transparent;padding:0 2px;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:600;appearance:textfield}.game-seed-control input::-webkit-inner-spin-button,.game-seed-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.chaos-control{display:flex;flex-direction:column;gap:5px;max-width:240px;min-width:130px;flex:1}.chaos-control>span:first-child{display:flex;justify-content:space-between;gap:12px}.chaos-control output{color:#886330;font-size:10px;font-variant-numeric:tabular-nums;font-weight:700}.chaos-control input{display:block;appearance:none;width:100%;height:5px;margin:3px 0 1px;border-radius:9px;cursor:pointer;background:linear-gradient(90deg,#d8e0c9,#c9ceab,#deb47b);accent-color:#6c784f}.chaos-control input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:2px solid var(--panel);border-radius:50%;background:#65744c;box-shadow:0 0 0 1px #78875e}.chaos-control input::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--panel);border-radius:50%;background:#65744c;box-shadow:0 0 0 1px #78875e}.chaos-extremes{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1px;color:#8e9282}
.generation-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 2px 0;min-height:32px}.generation-caption p{font-size:11px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}.detail-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:3px 0 3px 12px;min-height:28px;border:0;background:transparent;font-size:11px;font-weight:650;color:#596b51;white-space:nowrap}.detail-toggle:hover{text-decoration:underline}.detail-toggle[aria-pressed=true]{color:#977035}.detail-toggle>span{font-size:15px}
body:not(.fine-tuning) .experiment-bar,body:not(.fine-tuning) .library-panel,body:not(.fine-tuning) .inspector-panel,body:not(.fine-tuning) .scene-starters,body:not(.fine-tuning) .scene-readout,body:not(.fine-tuning) .actor-identity,body:not(.fine-tuning) #quick-mashups,body:not(.fine-tuning) #step-scene,body:not(.fine-tuning) .scene-clock,body:not(.fine-tuning) .room-objective{display:none}
body:not(.fine-tuning) .workbench-layout{display:block}.scene-panel{width:100%;grid-column:auto;grid-row:auto}.scene-heading{height:auto;min-height:29px;margin:0 0 6px;gap:12px}.scene-heading h1{font-size:24px;letter-spacing:-.65px;line-height:1.15;font-weight:750}.scene-heading>div{gap:9px}.scene-heading>span{font-size:9px;white-space:nowrap;opacity:.75}.live-indicator{width:5px;height:5px}
.game-brief{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:13px;padding-left:14px}.game-brief>p:first-child{font-size:12px;font-weight:550;line-height:1.5;color:#5e6b55;flex:1}.game-brief>p:last-child{max-width:390px;text-align:right;font-size:9px;color:#858a7b;line-height:1.5}
.arena-wrap{border-radius:12px;box-shadow:0 5px 20px #23362b0c;margin:0;max-height:56vh;min-height:220px;background:#21362e;aspect-ratio:16/9}.arena-wrap canvas{image-rendering:pixelated}
.play-status-line{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:4px;border-bottom:1px solid var(--line)}.run-outcome{display:flex;align-items:center;gap:12px;min-width:0;padding:6px 0}.run-outcome p{font-size:11px;font-weight:600;line-height:1.45;color:#60714e}.run-outcome .button{min-height:29px;padding:6px 9px;font-size:10px;background:#edf0e2}.run-outcome:has(#run-replay:not([hidden])) p{color:#826130}.scene-toolbar{padding:6px 0;border:0;flex-shrink:0;gap:8px}.transport{gap:3px}.transport .button{min-height:28px;padding:5px 8px;font-size:9px;border-color:transparent;background:transparent!important;color:#7c8473}.transport .button:hover{color:#354d31;background:#e8eddf!important;border-color:#d4ddc8}
.remix-section{margin-top:18px}.remix-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:0 1px 11px}.remix-heading h2{font-size:13px;font-weight:650;letter-spacing:-.1px}.remix-heading p{font-size:10px;color:#818777;line-height:1.5}
.macro-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.macro-card{border:1px solid #daddcf;background:#faf9f2;border-radius:10px;min-width:0;overflow:hidden;transition:border-color .15s,background .15s}.macro-card:hover{border-color:#acb99d;background:#fdfcf6}.macro-open{width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) 12px;align-items:start;gap:9px;min-height:89px;padding:16px 12px 13px;background:transparent;border:0;text-align:left}.macro-open:focus-visible{outline-offset:-4px;border-radius:9px}.macro-symbol{display:block;width:37px;height:37px;color:#778764;background:#e9eddf;border-radius:8px;padding:3px}.macro-symbol svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.macro-symbol .icon-fill{fill:#c6d0b4;stroke:currentColor}.cast-symbol{background:#ece7d8;color:#9b8056}.cast-symbol .icon-fill{fill:#ded0b0}.game-symbol{background:#e4eadf;color:#67856b}.game-symbol .icon-fill{fill:#b8c9b1}.feel-symbol{background:#f0e8d3;color:#a18749}.feel-symbol .icon-fill{fill:#e0ce9a}.macro-copy{display:block;min-width:0}.macro-copy strong{display:block;font-size:12px;font-weight:700;letter-spacing:-.15px;margin:1px 0 6px}.macro-copy>span{display:block;font-size:10px;line-height:1.4;color:#7b8271;overflow-wrap:anywhere}.macro-arrow{font-size:12px;color:#9ba58e;margin-top:1px}.macro-actions{display:flex;align-items:center;justify-content:space-between;padding:0 12px 10px;gap:6px}.macro-actions button{display:flex;align-items:center;gap:5px;min-height:28px;padding:5px 7px;border:1px solid transparent;background:transparent;border-radius:5px;font-size:9px;font-weight:550;color:#7c8770}.macro-actions button:first-child{padding-left:0}.macro-actions button>span{font-size:14px;line-height:12px}.macro-actions button:hover{color:#425d37;background:#e7eddc}.macro-actions button[data-lock-domain][aria-pressed=true]{background:#e5ecda;border-color:#c4d1b4;color:#3d6238}.macro-card:has([data-lock-domain][aria-pressed=true]){background:#eef1e6;border-color:#aebb9c}.macro-card:has([data-lock-domain][aria-pressed=true]) .macro-symbol{opacity:.8}
.variant-section{margin-top:21px;padding:16px 0 0;border-top:1px solid var(--line)}.variant-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.variant-heading h2{font-size:11px;font-weight:650;color:#7b8271}.variant-heading>span{font-size:9px;color:#919786}.variant-history{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:thin;scrollbar-color:#c9d1bb transparent;overscroll-behavior-x:contain}.variant-empty{font-size:11px;color:#8a917f;padding:6px 0}.variant-history button,.variant-card{display:flex;flex:0 0 165px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;min-height:64px;padding:10px 12px;border:1px solid #dce0d2;border-radius:7px;background:#f9f8f0;text-align:left;font-size:11px;font-weight:650;color:#5c6c50}.variant-history button:hover{background:#edf0e3;border-color:#aebd9a}.variant-history button[aria-pressed=true],.variant-card.current{border-color:#97ad85;box-shadow:inset 0 0 0 1px #97ad85;background:#edf2e3}.variant-history button>span,.variant-history button>small,.variant-card small{font-size:9px;font-weight:400;color:#8a947d;line-height:1.4;overflow-wrap:anywhere}.variant-history button>strong{font-size:10px;line-height:1.4}.variant-history button[data-kept=true]{border-color:#c5b994;background:#f3eedf}
.app-footer{margin-top:2px;padding:19px 1px 16px;font-size:7px;letter-spacing:1px}.app-footer>span:last-child{font-size:8px;color:#969c8a}
.macro-drawer{position:fixed;inset:16px 16px 16px auto;width:440px;max-width:calc(100vw - 32px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);margin:0;padding:24px;border:1px solid #cdd6c2;border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 15px 65px #1c352a33;overflow-y:auto;overscroll-behavior:contain}.macro-drawer::backdrop{background:#203b294d;backdrop-filter:blur(3px)}.macro-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}.drawer-eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8b967d}.macro-drawer-heading .button{min-height:32px;font-size:10px;padding:6px 9px;background:transparent;border:0;color:#79876a}.macro-drawer-heading .button>span{font-size:19px;font-weight:400;line-height:12px;margin-left:7px}.macro-drawer h2{font-size:29px;font-weight:750;letter-spacing:-.8px;margin-bottom:10px}.macro-drawer>p{font-size:12px;color:#7b8570;line-height:1.6;margin-bottom:25px;max-width:340px}.macro-options{display:grid;gap:12px;padding-bottom:24px}.macro-options>h3,.macro-options section>h3,.macro-options fieldset>legend{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#849076;font-weight:650;margin:11px 0 3px}.macro-options fieldset{min-width:0;margin:0;padding:0;border:0}.macro-options label{display:block;font-size:11px;font-weight:650;color:#718063;line-height:1.5}.macro-options select,.macro-options input[type=number]{display:block;width:100%;min-height:43px;margin-top:7px;border:1px solid #d5ddc9;border-radius:7px;background:#f8f8ef;color:#385032;font-size:12px;padding:9px 11px}.macro-options input[type=range]{width:100%;display:block;margin:12px 0;min-height:14px}.macro-options button{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:7px 12px;min-height:46px;padding:12px 13px;border:1px solid #d9e0cd;border-radius:8px;background:#f5f6eb;text-align:left;color:#4f6743;font-size:12px;font-weight:650;line-height:1.4}.macro-options button:hover{background:#eaf0df;border-color:#aebf99}.macro-options button[aria-pressed=true],.macro-options button.selected{border-color:#789665;background:#e9f0de;box-shadow:inset 0 0 0 1px #789665;color:#355829}.macro-options button strong{font-size:12px}.macro-options button small,.macro-options button span:not(.option-icon){font-size:10px;font-weight:400;color:#7b8b6c;line-height:1.5}.macro-options button .option-icon{font-size:21px}.macro-options .option-copy{display:flex;flex:1;flex-direction:column;gap:4px}.macro-options .option-group{display:grid;gap:8px}.macro-options .option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.macro-options p,.macro-options .helper{font-size:11px;line-height:1.6;color:#829074}.macro-options hr{width:100%;margin:9px 0;border:0;border-top:1px solid var(--line)}.macro-options .drawer-note{padding:12px 13px;border:1px solid #ddd4b9;background:#f2edde;border-radius:7px;color:#8d7850;font-size:10px}.macro-options .button.primary{color:#fffbed;background:var(--green);border-color:var(--green)}body:has(#macro-drawer[open]){overflow:hidden}
body.fine-tuning main{max-width:1720px}body.fine-tuning .generation-controls{max-width:1064px;margin:0 auto 18px}body.fine-tuning .experiment-bar{padding-top:16px;border-top:1px solid var(--line);margin-bottom:18px}body.fine-tuning .experiment-title input{font-size:21px}body.fine-tuning .game-brief{display:block;padding-left:0}body.fine-tuning .game-brief>p:last-child{text-align:left;margin-top:6px}body.fine-tuning .scene-heading h1{font-size:17px}body.fine-tuning .arena-wrap{max-height:none;min-height:0}body.fine-tuning .remix-section,body.fine-tuning .variant-section{max-width:1064px;margin-left:auto;margin-right:auto}body.fine-tuning .scene-toolbar{border:0}body.fine-tuning .run-outcome p{font-size:10px}
@media(min-width:1450px){body.fine-tuning .workbench-layout{grid-template-columns:242px minmax(350px,1fr) 270px;gap:24px}}
@media(max-width:1100px){.roll-toolbar{gap:20px}.macro-cards{gap:10px}.macro-open{grid-template-columns:32px minmax(0,1fr) 9px;gap:7px;padding:14px 10px 10px;min-height:92px}.macro-symbol{width:31px;height:31px;padding:1px}.macro-copy strong{font-size:11px}.macro-copy>span{font-size:9px}.macro-actions{padding:0 10px 9px}.game-brief>p:last-child{max-width:280px}}
@media(max-width:900px){main{padding:18px 20px 0}.roll-toolbar{gap:16px;padding:13px}.roll-button{padding:11px 16px;font-size:14px}.game-seed-control{flex-basis:96px}.chaos-control{min-width:115px}.keep-button{padding:10px 13px}.macro-cards{gap:8px}.macro-open{display:flex;flex-wrap:wrap;gap:7px;min-height:123px;padding:12px 12px 8px}.macro-copy{flex:1 1 100%;order:1}.macro-arrow{margin-left:auto}.macro-copy strong{font-size:12px;margin-bottom:4px}.macro-copy>span{font-size:10px}.macro-actions{padding:0 10px 9px}.game-brief{gap:14px}.game-brief>p:first-child{font-size:11px}.game-brief>p:last-child{font-size:8px;max-width:220px}.scene-heading h1{font-size:23px}.arena-wrap{max-height:none;min-height:0}.remix-heading p{max-width:240px;text-align:right}body.fine-tuning .scene-panel{grid-column:2;grid-row:1 / span 2}}
@media(max-width:680px){
  .app-header{height:55px;padding:0 14px;gap:10px}.brand{font-size:18px}.brand-mark{width:29px;height:29px;font-size:24px}.workspace-tabs>button{font-size:10px;min-height:33px;padding:6px 9px}.app-header .workspace-navigation{gap:5px}.workspace-tabs>#open-library span{margin-left:3px}.local-chip{display:none}
  main{padding:12px 13px 77px}.generation-controls{margin-bottom:17px}.roll-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 98px;column-gap:15px;row-gap:14px;padding:12px;border-radius:10px}.roll-button{grid-column:1;grid-row:1;min-height:43px;font-size:14px;justify-content:flex-start;padding:10px 14px;gap:12px}.roll-button>span{font-size:25px}.keep-button{grid-column:2;grid-row:1;margin:0;width:100%;min-height:43px;font-size:11px;padding:9px 7px;gap:5px}.keep-button>span{font-size:17px}.game-seed-control{grid-column:2;grid-row:2;min-width:0;gap:4px}.game-seed-control input{min-height:25px;font-size:11px}.game-seed-control>span,.chaos-control>span:first-child{font-size:9px}.chaos-control{grid-column:1;grid-row:2;min-width:0;max-width:none;gap:4px}.chaos-control input{margin:3px 0;height:5px}.chaos-extremes{font-size:7px}.chaos-control output{font-size:9px}.generation-caption{gap:13px;padding:9px 1px 0;min-height:0;align-items:flex-start}.generation-caption p{font-size:9px;line-height:1.45;flex:1}.detail-toggle{font-size:9px;min-height:21px;padding:0;gap:5px}.detail-toggle>span{font-size:12px}.scene-heading{min-height:25px;margin:0 0 5px}.scene-heading h1{font-size:22px;letter-spacing:-.6px;line-height:1.18}.scene-heading>span{font-size:8px}.scene-heading>div{gap:6px}.live-indicator{width:4px;height:4px}.game-brief{display:block;padding-left:10px;margin-bottom:11px}.game-brief>p:first-child{font-size:11px;line-height:1.45}.game-brief>p:last-child{font-size:8px;margin-top:4px;text-align:left;max-width:none}.arena-wrap{border-radius:9px;aspect-ratio:4/3;min-height:0;background:#21362e}.arena-wrap #arena{object-fit:contain}.play-status-line{min-height:42px;margin-bottom:2px;gap:7px}.run-outcome{gap:6px;padding:5px 0;min-width:0;flex:1;flex-wrap:wrap}.run-outcome p{font-size:10px;line-height:1.4}.run-outcome .button{min-height:27px;padding:5px 8px;font-size:9px}.scene-toolbar{padding:5px 0}.transport{gap:0}.transport .button{font-size:8px;min-height:27px;padding:5px 5px}.touch-controls{padding:6px 0 10px;gap:18px;border-bottom:0;justify-content:space-between}.direction-pad{grid-template-columns:38px 38px 38px;grid-template-rows:31px 31px 31px;gap:3px}.direction-pad button{font-size:17px;border-radius:6px}.touch-actions{grid-template-columns:73px 77px;gap:6px}.touch-actions .dash-button{width:73px;height:40px;font-size:10px}.touch-actions .attack-button{width:77px;height:40px;font-size:10px}.touch-actions .interact-button{height:33px;font-size:10px}.touch-actions .attack-button>span{font-size:16px}.touch-actions .dash-button>span{font-size:15px}
  .remix-section{margin-top:10px;padding-top:13px;border-top:1px solid var(--line)}.remix-heading{display:block;margin-bottom:12px}.remix-heading h2{font-size:13px;line-height:1.4}.remix-heading p{font-size:9px;text-align:left;max-width:none;margin-top:4px}.macro-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.macro-open{display:grid;grid-template-columns:30px minmax(0,1fr) 8px;gap:7px;min-height:88px;padding:12px 10px 9px}.macro-symbol{width:29px;height:29px;padding:1px;border-radius:6px}.macro-copy{order:0}.macro-copy strong{font-size:11px;line-height:1.25;margin:1px 0 5px}.macro-copy>span{font-size:9px;line-height:1.4}.macro-arrow{margin-top:0;font-size:10px}.macro-actions{padding:0 9px 8px;gap:4px}.macro-actions button{min-height:32px;font-size:9px;padding:5px}.macro-actions button>span{font-size:13px}.variant-section{margin-top:20px;padding-top:14px}.variant-heading{gap:10px;margin-bottom:9px}.variant-heading h2{font-size:10px}.variant-heading>span{font-size:8px;text-align:right}.variant-history{gap:7px;padding-bottom:7px}.variant-history button,.variant-card{flex-basis:142px;min-height:62px;padding:9px 10px;font-size:10px}.variant-history button>strong{font-size:10px}.variant-history button>span,.variant-history button>small{font-size:8px}.variant-empty{font-size:10px;line-height:1.5}.app-footer{margin-top:2px;padding:14px 0 11px;gap:15px}.app-footer>span{font-size:6px;max-width:175px}.app-footer>span:last-child{font-size:7px;max-width:145px}.mobile-workspace-bar{padding:6px 12px max(6px,env(safe-area-inset-bottom));gap:6px}.mobile-workspace-bar button{font-size:10px;min-height:36px;gap:6px}.mobile-workspace-bar button:first-child{background:transparent;border-color:transparent}.mobile-workspace-bar #mobile-show-scene{background:#e8efdd;border-color:#c6d3b9}.mobile-workspace-bar button>span{font-size:16px}.mobile-workspace-bar #mobile-show-inspector[aria-pressed=true]{background:#e9eddf;border-color:#d0d8c4}body:has(#macro-drawer[open]) .mobile-workspace-bar{visibility:hidden}
  .macro-drawer{inset:auto 0 0;width:100%;max-width:100%;height:auto;max-height:88dvh;min-height:50dvh;border:0;border-top:1px solid #cbd6bf;border-radius:17px 17px 0 0;padding:19px 20px 28px;box-shadow:0 -12px 50px #1c352a29}.macro-drawer::before{content:'';display:block;width:34px;height:4px;background:#cdd7c2;border-radius:8px;position:absolute;left:calc(50% - 17px);top:8px}.macro-drawer::backdrop{backdrop-filter:blur(2px)}.macro-drawer-heading{margin-bottom:21px;min-height:33px}.drawer-eyebrow{font-size:8px;letter-spacing:1.3px}.macro-drawer-heading .button{min-height:32px;font-size:10px;padding:7px 0 7px 12px}.macro-drawer h2{font-size:26px;letter-spacing:-.5px;margin-bottom:8px}.macro-drawer>p{font-size:11px;line-height:1.6;max-width:none;margin-bottom:20px}.macro-options{gap:10px;padding-bottom:0}.macro-options button{min-height:49px;padding:13px;font-size:12px}.macro-options select{font-size:12px;min-height:45px}.macro-options .option-grid{gap:7px}.macro-options p,.macro-options .helper{font-size:10px}
  body.fine-tuning .generation-controls{margin-bottom:15px}body.fine-tuning .experiment-bar{padding-top:15px;gap:10px}body.fine-tuning .experiment-title input{font-size:20px}body.fine-tuning .file-actions{gap:5px}body.fine-tuning .file-actions>.button,body.fine-tuning .files-menu>.button{font-size:10px;padding:9px}body.fine-tuning .scene-heading h1{font-size:21px}body.fine-tuning .scene-panel{grid-column:auto;grid-row:auto}body.fine-tuning .arena-wrap{aspect-ratio:4/3}body.fine-tuning .scene-readout{padding:12px 0}body.fine-tuning .actor-identity{padding:12px 0}body.fine-tuning .remix-section{margin-top:18px}body.fine-tuning .panel-content{max-height:none}
}
@media(max-width:360px){main{padding-left:10px;padding-right:10px}.roll-toolbar{padding:11px;gap:12px}.roll-button{font-size:13px;padding:10px}.macro-open{display:flex;min-height:117px;padding:11px 10px 8px}.macro-copy{flex-basis:100%;order:1}.macro-copy strong{margin-bottom:3px}.macro-actions{padding-left:8px;padding-right:8px}.game-brief>p:last-child{font-size:7px}.scene-heading h1{font-size:20px}.touch-controls{gap:10px}}
/* The remix controller fills this small set of contextual choices. */
.macro-option-group{display:grid;gap:8px;margin:0 0 11px}.macro-option-group>h3,.macro-option-group>legend{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#899579;margin:8px 0 3px}.macro-options .macro-choice{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:5px;width:100%;min-height:63px;padding:12px 14px}.macro-choice[role=radio][aria-checked=true]{background:#e9f0de;border-color:#789665;box-shadow:inset 0 0 0 1px #789665;color:#355829}.macro-choice[role=radio][aria-checked=true]::after{content:'Selected';display:block;align-self:flex-end;margin-top:-21px;padding:3px 6px;border-radius:4px;background:#d9e5ca;color:#5c7b43;font-size:8px;font-weight:650}.macro-choice:has(strong){padding-right:72px;position:relative}.macro-choice[role=radio][aria-checked=true]:has(strong)::after{position:absolute;right:10px;top:16px;margin:0}.macro-options .macro-help{font-size:10px;line-height:1.6;color:#89977a;margin:1px 0 5px}.macro-options .macro-choice:disabled{cursor:default;opacity:.48}.macro-options .macro-choice strong{font-size:12px;line-height:1.4}.macro-options .macro-choice>span,.macro-options .macro-choice small{font-size:10px;line-height:1.5;font-weight:400;color:#839373}

/* Leave the remix controls in sight beside the first playable viewport. */
@media(min-width:901px){
 body:not(.fine-tuning) .scene-panel{max-width:min(100%,calc(45vh * 16 / 9));margin-inline:auto}
 body:not(.fine-tuning) .arena-wrap{max-height:45vh;width:100%}
 .roll-toolbar{padding-top:12px;padding-bottom:12px}.generation-caption{padding-top:7px;min-height:29px}
 .macro-open{min-height:87px}.macro-copy strong{font-size:13px}.macro-copy>span{font-size:11px}.macro-actions button{font-size:10px;min-height:30px}
}
@media(max-width:680px){.macro-copy strong{font-size:12px}.macro-copy>span{font-size:10px}.macro-open{min-height:99px}.macro-actions button{font-size:10px;min-height:34px}.game-brief>p:last-child{font-size:9px}.variant-heading>span{max-width:133px;line-height:1.45}}
/* Broad choices stay glanceable, even in the phone's bottom sheet. */
.macro-option-group:has(>[data-option=world]),.macro-option-group:has(>[data-option=camera]),.macro-option-group:has(>[data-option=cast]),.macro-option-group:has(>[data-option=difficulty]){grid-template-columns:repeat(2,minmax(0,1fr))}
.macro-option-group>h3{grid-column:1 / -1}
.macro-options .macro-choice[data-value=random],.macro-options .macro-choice[data-value=originals]{grid-column:1 / -1;min-height:39px;justify-content:center;padding:9px 13px}
.macro-options .macro-choice[data-option=world],.macro-options .macro-choice[data-option=difficulty]{min-height:46px;padding:11px 13px;justify-content:center}
.macro-option-group:has(>[data-option=difficulty]){grid-template-columns:repeat(3,minmax(0,1fr))}
.macro-options .macro-choice:has(strong){padding-right:13px}
.game-brief{display:block}.game-brief>p:first-child{font-size:11px;color:#7d8970}.game-brief>p:last-child{margin-top:4px;max-width:none;text-align:left;font-size:13px;line-height:1.45;color:#738268}
@media(max-width:680px){.arena-wrap,body.fine-tuning .arena-wrap{aspect-ratio:16/9}.game-brief>p:first-child{font-size:10px}.game-brief>p:last-child{font-size:11px;line-height:1.45}.macro-options .macro-choice[data-option=cast],.macro-options .macro-choice[data-option=camera]{padding:11px;min-height:59px}.macro-options .macro-choice[data-option=cast]:has(small){min-height:79px}.macro-options .macro-choice[data-value=originals]{min-height:44px}.macro-options .macro-choice[data-option=difficulty]{padding:10px;min-height:44px}.macro-option-group{gap:7px;margin-bottom:7px}.macro-options .macro-choice strong{font-size:11px}.macro-options .macro-choice small{font-size:10px}}

/* Smart Local AI Director & Natural-Language Library Consultant */
.director-bar{display:flex;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;background:#f8f9f3;border:1px solid #d5decb;border-radius:10px}
.director-input-wrap{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0}
.director-spark{color:#3c6e47;font-size:14px;flex-shrink:0}
.director-input-wrap input{width:100%;min-width:0;border:0;background:transparent;color:#223127;font:500 12px/1.4 system-ui,sans-serif;outline:none}
.director-input-wrap input::placeholder{color:#7f8e74}
.director-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.director-btn{min-height:30px;padding:5px 11px;border-radius:7px;border:1px solid #c6d3b9;background:#eef3e6;color:#2c4631;font:600 11px/1.2 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.director-btn.primary{background:#2f5d3e;border-color:#264d33;color:#f7f9f4}
.director-btn:hover:not(:disabled){filter:brightness(.97)}
.director-btn:disabled{opacity:.5;cursor:default}
.director-meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin-top:6px}
.director-archetypes{display:flex;flex-wrap:wrap;align-items:center;gap:4px;min-width:0}
.director-chip{padding:3px 8px;border-radius:999px;border:1px solid #d4deca;background:#f3f6ec;color:#425943;font:600 10px/1.3 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.director-chip[aria-pressed=true],.director-chip:hover:not(:disabled){background:#dfead2;border-color:#88a678;color:#233d26}
.arena-layout-badge{font:600 10px/1.3 system-ui,sans-serif;color:#5a6e54;background:#edf2e4;border:1px solid #d7e0cd;padding:3px 8px;border-radius:999px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.director-drawer{margin-top:6px;border:1px solid #d8e1ce;border-radius:9px;background:#f7f9f2;overflow:hidden}
.director-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;cursor:pointer;list-style:none;font:500 11px/1.35 system-ui,sans-serif;color:#4c5f48}
.director-drawer>summary::-webkit-details-marker{display:none}
.director-drawer-cta{font-weight:700;color:#2f5d3e;white-space:nowrap;font-size:10px}
.director-mutations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 10px 10px;border-top:1px solid #e2e9da}
.mutation-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:9px 10px;border-radius:8px;border:1px solid #cedac2;background:#ffffff;text-align:left;cursor:pointer;min-width:0}
.mutation-card:hover:not(:disabled){border-color:#789665;background:#f4f8ee}
.mutation-card-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;width:100%}
.mutation-card-top strong{font:700 11px/1.3 system-ui,sans-serif;color:#233326}
.mutation-badge{font:700 9px/1.2 system-ui,sans-serif;padding:2px 5px;border-radius:4px;background:#e5efe0;color:#355e3c}
.mutation-summary{margin:0;font:400 10px/1.4 system-ui,sans-serif;color:#4f604b}
.mutation-why{font:500 9px/1.35 system-ui,sans-serif;color:#788870}
.consultant-panel{margin-top:8px;padding:12px;border-radius:10px;border:1px solid #c5d4b8;background:#f6f9f1}
.consultant-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.consultant-eyebrow{display:block;font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.08em;color:#4b6b4c;margin-bottom:2px}
.consultant-header h2{margin:0;font:700 14px/1.3 system-ui,sans-serif;color:#223127}
.consultant-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px}
.consultant-card{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:8px;border:1px solid #d3dec8;background:#ffffff;min-width:0}
.consultant-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.consultant-pillar-badge{font:700 9px/1.2 system-ui,sans-serif;padding:2px 6px;border-radius:4px;background:#e4efe0;color:#2c5638}
.consultant-evidence-badge{font:600 9px/1.2 system-ui,sans-serif;padding:2px 6px;border-radius:4px;background:#eef1ea;color:#5d6c57}
.consultant-card-title{margin:0;font:700 12px/1.35 system-ui,sans-serif;color:#223127}
.consultant-card-source{margin:0;font:500 9px/1.35 ui-monospace,monospace;color:#6c7d65;overflow-wrap:anywhere}
.consultant-card-summary{margin:0;font:400 10px/1.45 system-ui,sans-serif;color:#42523f}
.consultant-steps{margin:2px 0 4px;padding-left:15px;font:400 10px/1.4 system-ui,sans-serif;color:#4f614b}
.consultant-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
.consultant-card-actions .button{font-size:10px;min-height:26px;padding:4px 8px}
@media(max-width:900px){.director-mutations{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .director-bar{flex-wrap:wrap;padding:7px 8px;gap:6px}
  .director-input-wrap{flex:1 1 100%}
  .director-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .director-btn{width:100%;text-align:center;padding:6px 8px;font-size:10px}
  .director-archetypes{overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:2px;scrollbar-width:none}
  .director-archetypes::-webkit-scrollbar{display:none}
  .arena-layout-badge{font-size:9px;padding:2px 7px}
  .director-drawer>summary{font-size:10px;padding:6px 8px}
  .director-mutations{grid-template-columns:1fr;gap:6px;padding:7px 8px}
  .consultant-results{grid-template-columns:1fr}
}