#game.simulator-mode{background:#101b1c;color:#e8ede6;font-family:"Noto Sans Thai",system-ui,sans-serif}
.sim-design{border:1px solid #b69752;border-radius:10px;background:#24342c;margin:10px 12px}
.sim-design summary{color:#ffe0a0;font-weight:650;padding:12px;cursor:pointer}
.sim-design textarea{width:100%;padding:10px;border:1px solid #58736b;border-radius:7px;color:#ffe0a0;background:#12231f;resize:vertical;font:12px/1.6 "Noto Sans Thai",system-ui;pointer-events:auto}
.sim-design output{display:block;color:#c0d8b8;line-height:1.5}
#game.simulator-mode>:not(#world):not(#loading):not(#simulator){display:none!important}
#game.simulator-mode #world{position:absolute;left:0;top:80px;width:calc(100% - 360px);height:calc(100% - 80px);touch-action:none}
#simulator{position:absolute;inset:0;pointer-events:none;color:#e8ede6;font-size:13px;z-index:50}
#simulator *{box-sizing:border-box}
#simulator [hidden]{display:none!important}
#simulator button,#simulator a,#simulator input,#simulator select,#simulator summary{pointer-events:auto;font:inherit}
#simulator button,#simulator select,#simulator input{min-height:38px;border:1px solid #58736b;border-radius:7px;background:#192c2c;color:#e8ede6;padding:7px 10px;box-shadow:none;text-shadow:none;max-width:100%}
#simulator button{cursor:pointer;white-space:normal}
#simulator button:hover{background:#30483f;border-color:#a8cfaa}
#simulator button:disabled{opacity:.45;cursor:default}
#simulator :focus-visible{outline:2px solid #efc87d;outline-offset:2px}
#simulator a{color:#c0d7c3;text-decoration:none}
.sim-header{position:absolute;inset:0 0 auto;height:80px;background:#111e20f5;border-bottom:1px solid #3f5650;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;pointer-events:auto}
.sim-header h1{font-size:22px;margin:3px 0;font-weight:600;letter-spacing:-.6px}
.sim-eyebrow{font-size:10px;color:#b2cb99;letter-spacing:2px}
.sim-header-actions{display:flex;gap:18px;align-items:center}
#sim-panel{position:absolute;right:0;top:80px;bottom:0;width:360px;overflow:auto;padding:12px 14px 24px;background:#132225f5;border-left:1px solid #3f5650;pointer-events:auto;overscroll-behavior:contain}
#sim-panel details{border-top:1px solid #3f5650;padding:12px 0}
#sim-panel summary{cursor:pointer;color:#d4dfc9;font-weight:600;padding:4px 0}
.sim-section{display:grid;gap:12px;padding-top:14px}
#simulator label{display:grid;gap:5px;font-size:12px;color:#c5d2cd;min-width:0}
#simulator input,#simulator select{width:100%;min-width:0}
#simulator .sim-check{display:flex;align-items:center;gap:8px;font-size:13px}
#simulator .sim-check input{width:18px;height:18px;min-height:18px;accent-color:#b6d998}
.sim-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sim-row>*{flex:1;min-width:0}
.sim-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#sim-attributes{grid-template-columns:repeat(3,minmax(0,1fr))}
#simulator .sim-primary{background:#bbd797;color:#132225;border-color:#bbd797;font-weight:600}
#simulator small,.sim-note{color:#a2b8b0;font-size:11px;line-height:1.6;margin:0}
.sim-skill{display:grid;grid-template-columns:1fr 90px;gap:10px;align-items:end}
#sim-status{position:absolute;left:18px;top:92px;max-width:calc(100% - 400px);padding:8px 12px;border-radius:6px;background:#111e20e8;color:#c3d7b3;font-size:12px}
#sim-status.sim-error{color:#ffd1ba;background:#5a2929f0}
.sim-monitor{position:absolute;left:18px;top:142px;max-width:calc(100% - 400px);width:385px;background:#102022df;border:1px solid #4c696059;border-radius:10px;padding:12px;backdrop-filter:blur(8px)}
.sim-monitor strong{font-size:10px;letter-spacing:1.5px;color:#b6d998}
.sim-monitor .sim-row button{flex:0 0 auto;font-size:11px;min-height:28px;padding:4px 8px}
#simulator output{display:block;white-space:pre-line;font-variant-numeric:tabular-nums;line-height:1.7;margin-top:7px;font-size:12px}
#sim-metrics{color:#e9cd8a}
#sim-rejection{color:#f2b4a1}
.sim-bottom{position:absolute;left:18px;right:378px;bottom:max(16px,env(safe-area-inset-bottom));display:grid;gap:9px}
.sim-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sim-toolbar span{font-size:11px;background:#142326df;border-radius:6px;padding:8px;color:#c2d0c2}
.sim-actions{display:flex;gap:8px;align-items:center;justify-content:center}
#sim-hotbar{display:flex;gap:8px}#sim-hotbar button{min-height:50px;background:#1a3030e8}
#sim-pad{display:none}
#game.sim-panel-hidden #sim-panel{display:none}
#game.sim-panel-hidden #world{width:100%}
.sim-panel-hidden .sim-bottom{right:18px}
.sim-panel-hidden #sim-status,.sim-panel-hidden .sim-monitor{max-width:calc(100% - 36px)}
@media(max-width:800px){
 .sim-header{height:70px;padding:10px 12px}.sim-header h1{font-size:17px}.sim-eyebrow{font-size:8px}.sim-header-actions{gap:10px;font-size:11px}
 #game.simulator-mode #world{top:70px;width:100%;height:calc(100% - 70px)}
 #sim-panel{top:70px;width:min(360px,100%);z-index:5;box-shadow:-10px 0 35px #0008}
 #sim-status{top:78px;left:10px;max-width:calc(100% - 20px);font-size:10px}
 .sim-monitor{top:125px;left:10px;width:305px;max-width:calc(100% - 20px);padding:8px}
 #simulator output{font-size:10px}
 .sim-bottom{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.sim-toolbar span{display:none}
 .sim-actions{flex-wrap:wrap;gap:5px;justify-content:flex-end}#sim-hotbar{flex:1;gap:5px}#sim-hotbar button{font-size:10px;flex:1;padding:5px;min-height:45px}
 #sim-pad{display:grid;grid-template-columns:repeat(3,36px);gap:3px;margin-right:auto}#sim-pad button{padding:0;min-height:36px;touch-action:none}#sim-pad button:first-child{grid-column:2}#sim-pad button:nth-child(2){grid-column:1;grid-row:2}#sim-pad button:nth-child(3){grid-column:2;grid-row:2}#sim-pad button:nth-child(4){grid-column:3;grid-row:2}
 #sim-hotbar{order:3;flex-basis:100%}
}
@media(max-height:500px){.sim-monitor{top:116px;width:285px}.sim-monitor output{font-size:9px!important;line-height:1.35!important}.sim-bottom{left:auto;width:45%}#sim-pad{display:none}.sim-toolbar{justify-content:flex-end}}

#simulator.sim-monitor-small #sim-stats,#simulator.sim-monitor-small #sim-target,#simulator.sim-monitor-small #sim-rejection{display:none}
