:root{font-family:Inter,Noto Sans Thai,system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;color:#284450;background:#eff3ef;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid #259e98;outline-offset:2px}#app{position:relative;background:radial-gradient(ellipse at 50% 50%,#f9f5e9,#dce9e7)}#stage{position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}.masthead{position:absolute;left:23px;right:23px;top:20px;display:flex;align-items:center;gap:11px;z-index:4;pointer-events:none}.brandmark{width:46px;height:46px;display:grid;place-items:center;font-size:27px;position:relative;border-radius:13px;background:#398e87;color:#fff;font-weight:900;box-shadow:0 8px 22px #538b8720}.dot{position:absolute;width:8px;height:8px;border-radius:100%;right:7px;bottom:7px;background:#d6e7ad}.brandcopy{display:grid;gap:3px}.brandcopy strong{font-size:16px;letter-spacing:.02em}.brandcopy strong span{font-size:11px;color:#8597a0;font-weight:500}.brandcopy small{font-size:12px;color:#718790}.daytag{margin-left:auto;padding:10px 13px;background:#ffffffef;box-shadow:0 4px 20px #779d9830;color:#458e77;border:1px solid #d3e7dc;border-radius:25px;font-size:11px}.daytag span{color:#87979e;padding-left:8px;font-size:10px}.overview{position:absolute;left:23px;top:100px;min-width:270px;padding:15px 18px;border-radius:16px;background:#fffffff1;box-shadow:0 14px 35px #668a8230;border:1px solid #d7e4dd;z-index:4}.eyebrow{font-size:10px;letter-spacing:.11em;color:#397c79;font-weight:800}.demo-label,.data-heading span{font-size:9px;letter-spacing:0;color:#9b875d;background:#fff4e4;padding:4px 6px;border-radius:5px;margin-left:6px}.statlist{display:flex;gap:28px;margin-top:13px}.statlist div{display:flex;flex-direction:column;gap:2px}.statlist strong{font-size:24px;line-height:1.2}.statlist small{font-size:11px;color:#71828a}.overview p{font-size:10px;color:#899aa1;margin:11px 0 0}.scene-help{position:absolute;left:23px;bottom:82px;z-index:4;color:#687c7e;background:#ffffffd8;border:1px solid #e3ebe5;border-radius:9px;padding:9px 12px;font-size:11px}.controls{position:absolute;right:23px;bottom:84px;z-index:4;display:flex;gap:7px}.controls button{background:#ffffffef;border:1px solid #d7e3df;color:#42666b;padding:8px 11px;border-radius:10px;font-size:17px;font-weight:700;box-shadow:0 5px 17px #667d8521}.controls button:last-child{font-size:12px}.controls button:hover{background:#e6f9f2;border-color:#60b9a7}.room-nav{position:absolute;left:50%;transform:translate(-50%);bottom:16px;width:min(1300px,98%);display:flex;gap:6px;justify-content:center;flex-wrap:wrap;z-index:5}.room-nav button{border:1px solid #d2e2dc;border-radius:9px;box-shadow:0 5px 13px #79969b24;background:#fffffff2;padding:8px 10px;font-size:11px;font-weight:650;color:#3b6069}.room-nav button:hover,.room-nav button.active{background:#dff4ee;border-color:#78b9aa}.drawer{position:absolute;right:23px;top:103px;bottom:150px;width:min(360px,calc(100vw - 45px));overflow:auto;background:#fffffff9;box-shadow:0 18px 62px #486b7140;z-index:8;border-radius:17px;border:1px solid #cfdfd7;padding:23px 22px;display:none}.drawer.open{display:block}.close{position:absolute;right:15px;top:14px;border:0;border-radius:10px;background:#eaf0ec;color:#445c68;font-size:21px;width:34px;height:34px}.drawer-emoji{font-size:29px;margin-top:12px}.drawer h2{font-size:25px;line-height:1.2;margin:8px 0}.drawer p{line-height:1.65;font-size:13px;color:#6c8187}.data-heading{font-size:12px;font-weight:850;margin:19px 0 10px}.drawer-metrics{display:grid;gap:8px}.metric{border:1px solid #e0ebe4;border-radius:10px;display:flex;justify-content:space-between;gap:14px;padding:12px;background:#f6f9f6;font-size:12px}.metric b{color:#2d696b}.drawer-actions{display:grid;gap:7px}.drawer-actions button{background:#eaf5ef;border:1px solid #c9e4d7;border-radius:9px;text-align:left;padding:11px;color:#39796f;font-size:12px;font-weight:750}.drawer-actions button:hover{background:#d7eee4}.drawer-foot{font-size:11px;color:#a17d57;background:#fff5e7;padding:11px;margin-top:19px;border-radius:9px}.error{position:absolute;z-index:6;bottom:145px;left:50%;transform:translate(-50%);background:#fff1d9;color:#905a30;border-radius:9px;padding:11px 14px}.loader{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;color:#659590;font-size:14px}.loader span{font-size:11px}.spinner{width:35px;height:35px;border-radius:50%;border:3px solid #cfdfd7;border-top-color:#47a9a1;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.masthead{top:10px;left:10px;right:10px}.brandmark{width:36px;height:36px;font-size:20px}.brandcopy strong{font-size:12px}.brandcopy strong span{display:none}.brandcopy small{font-size:10px}.daytag{font-size:9px;padding:8px}.daytag span{display:none}.overview{left:10px;top:65px;min-width:0;padding:10px 12px}.statlist{gap:16px;margin-top:8px}.statlist strong{font-size:18px}.statlist small{font-size:9px}.overview p,.scene-help{display:none}.controls{right:10px;bottom:119px}.room-nav{bottom:5px;gap:3px}.room-nav button{font-size:10px;padding:6px 7px}.drawer{top:130px;bottom:152px;right:10px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.erp-modal[hidden]{display:none!important}.erp-modal{position:fixed;inset:0;z-index:40;background:#183f4c88;display:grid;place-items:center;padding:22px}.erp-card{position:relative;width:min(940px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:26px;box-shadow:0 30px 100px #183a4d55;color:#284c59}.erp-close{position:absolute;right:18px;top:16px;border:0;border-radius:9px;background:#e8efed;font-size:24px;width:38px;height:38px;cursor:pointer}.erp-kicker{font-size:11px;letter-spacing:1.5px;color:#278d84;font-weight:800}.erp-card h2{margin:8px 0}.erp-card p{font-size:13px;color:#71838a}.erp-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.erp-actions button,.erp-actions a{border:1px solid #d0dfdc;background:#f3f8f5;color:#28675f;padding:9px 12px;border-radius:8px;text-decoration:none;font-size:12px;cursor:pointer}.erp-table{width:100%;border-collapse:collapse;font-size:12px}.erp-table th,.erp-table td{border-bottom:1px solid #e5ecea;text-align:left;padding:11px 9px}.erp-table th{background:#f4f8f6}.erp-empty{padding:22px;background:#f6f8f7;border-radius:10px;font-size:13px;color:#71848a}.erp-label{display:block;font-size:12px;margin:12px 0 5px}.erp-input{width:100%;padding:11px;border:1px solid #cbdad7;border-radius:9px;font:inherit}.erp-warn{padding:12px;background:#fff3e4;color:#90683b;border-radius:9px;font-size:12px;margin:14px 0}.erp-tabs{display:flex;gap:8px;margin:16px 0}.erp-tabs button{padding:9px 13px;background:#e8f1ed;border:1px solid #cbded8;border-radius:9px;cursor:pointer}.erp-tabs button.active{background:#2b867d;color:#fff}