@font-face{font-family:LocalThai;src:local('Leelawadee UI')}*{box-sizing:border-box} :root{--ink:#193e31;--green:#20543c;--muted:#7b8478;--line:#dedfd2;--cream:#f6f5ed;--gold:#b7a36a;--paper:#fffff9}body{margin:0;color:var(--ink);background:var(--cream);font-family:'Segoe UI',LocalThai,Tahoma,sans-serif;font-size:13px}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,#viewport:focus-visible{outline:2px solid #b49440;outline-offset:4px}a{color:inherit}.site-header{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.1%;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-emblem{display:grid;place-items:center;width:43px;height:48px;border:1px solid #b5b395;border-radius:50%}.brand-emblem svg{width:34px}.brand strong{font-family:Georgia,serif;font-size:23px;letter-spacing:-1px;display:block;white-space:nowrap}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:2.8px;margin-top:4px}.site-header nav{display:flex;gap:25px;height:100%;align-items:stretch}.nav-button{font-size:12px;display:flex;align-items:center;gap:7px;position:relative;color:#727969;padding:0 2px}.nav-button.active{font-weight:650;color:var(--ink)}.nav-button.active:after{content:'';height:3px;background:#31513e;position:absolute;bottom:0;left:0;right:0}.nav-button span{font-size:10px;color:#929883}.nav-button svg{width:13px;fill:none;stroke:currentColor;stroke-width:1.5}.concept-tag{border:1px solid #d8dccc;padding:8px 12px;border-radius:30px;white-space:nowrap;font-size:8px;letter-spacing:1.1px;display:flex;align-items:center;gap:7px}.concept-tag i,.live-label i,.clock-row i{width:6px;height:6px;background:#5b7e4f;border-radius:50%;display:inline-block}.concept-tag i{box-shadow:0 0 0 3px #e4e8d9}main{max-width:1800px;margin:auto;padding:28px 3.1% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow,.tiny-label{font-size:9px;letter-spacing:2px;font-weight:650}.intro .eyebrow{display:flex;align-items:center;gap:16px}.intro .eyebrow span{letter-spacing:1px;font-size:8px;color:#7d897b;font-weight:400}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:44px;letter-spacing:-1.9px;margin:8px 0 6px;line-height:1.12}.intro h1 em{font-weight:400;color:#648257}.intro p{margin:0;color:#7b8273;font-size:12px}.intro-note{border-left:1px solid #d7d9cb;padding-left:20px;line-height:1.85;margin-top:10px}.intro-note .tiny-label{font-size:8px;letter-spacing:1.6px;color:#7c836f}.intro-note p{font-size:10px;margin-top:7px;color:#919582}.intro-note b{font-weight:400;color:#6b7c62}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:23px;align-items:start}.scene-card{height:638px;border:1px solid #d8ddcd;background:#e9eddf;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 5px 17px #1d342904}.scene-topline{position:absolute;z-index:3;top:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.live-label{font-size:8px;font-weight:650;letter-spacing:1.6px;display:flex;align-items:center;gap:7px}.backend{font:9px 'Segoe UI',sans-serif;color:#6b7f66;letter-spacing:.3px;background:#ffffff66;border:1px solid #ced7c5;padding:5px 8px;border-radius:4px}#viewport{position:absolute;inset:0 0 58px;overflow:hidden}#viewport canvas{display:block;width:100%;height:100%;outline:0;cursor:grab;touch-action:none}#viewport canvas:active{cursor:grabbing}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#e9eddf;z-index:2;color:#486444}.loading-leaf{font-size:55px;animation:float 2s ease-in-out infinite}#loading b{font-family:Georgia,serif;font-weight:400;font-size:20px}#loading small{font-size:10px;color:#89987c}.view-rail{position:absolute;left:19px;top:70px;z-index:3;display:flex;flex-direction:column;gap:5px;padding:5px;background:#fbfcf3cc;border:1px solid #d6deca;border-radius:10px;box-shadow:0 3px 15px #24452508}.view-rail button{border-radius:7px;width:33px;height:33px;font-size:19px;color:#687d5a}.view-rail button.active{background:var(--ink);color:#e9eddc;box-shadow:0 2px 4px #142f2926}.view-rail button:hover{background:#cdd9c0}.view-rail button.active:hover{background:var(--ink)}.scene-location{position:absolute;left:23px;bottom:92px;z-index:3;display:flex;align-items:center;gap:11px;max-width:calc(100% - 45px);background:#fffff7e0;border:1px solid #d8dfcc;padding:10px 12px;border-radius:9px;box-shadow:0 4px 12px #233e2510;backdrop-filter:blur(8px)}.location-mark{display:grid;place-items:center;border:1px solid #d8dfcc;border-radius:50%;width:30px;height:30px;font-size:17px}.scene-location strong{display:block;font-family:Georgia,serif;font-size:16px;font-weight:400}.scene-location div span{font-size:8px;color:#7b8872;display:block;margin-top:3px}.scene-location button{margin-left:12px;font-size:16px;color:#7e8f77}.orbit-hint{position:absolute;bottom:72px;right:21px;font-size:8px;color:#819275;pointer-events:none}.orbit-hint span{margin:0 4px}.scene-toolbar{position:absolute;bottom:0;left:0;right:0;height:58px;border-top:1px solid #d4dcc8;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#f8faf0;gap:8px}.segmented{background:#e9edde;border-radius:7px;padding:3px;display:flex;gap:2px}.segmented button{padding:7px 9px;font-size:9px;border-radius:5px;white-space:nowrap;color:#819175}.segmented button.active{background:#fffff7;box-shadow:0 1px 4px #1a352715;color:#294c35}.tool-buttons{display:flex;gap:5px}.tool-buttons button{padding:7px 8px;font-size:12px;border-radius:5px;color:#63795a;white-space:nowrap}.tool-buttons button span{font-size:9px;margin-left:3px}.tool-buttons button[aria-pressed=true]{background:#dfe8d3;color:#264f35}.scene-caption{position:absolute;top:68px;right:20px;max-width:230px;padding:10px 13px;background:#203b2ce8;border:1px solid #537157;border-radius:7px;color:#e4e9d5;font-size:10px;line-height:1.7;z-index:3;opacity:0;transition:opacity .5s;pointer-events:none}.scene-caption.visible{opacity:1}.dashboard{min-width:0}.dashboard-title{display:flex;justify-content:space-between;align-items:center;margin:2px 0 15px}.dashboard-title .eyebrow{color:#7c896f;font-size:8px;letter-spacing:1.8px}.dashboard-title h2{font-size:20px;font-weight:500;margin:5px 0 0}.simulation-pill{font-size:8px;letter-spacing:.9px;border:1px solid #d6dac8;color:#8b8f72;border-radius:4px;padding:5px 7px}.clock-row{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:14px}.clock-row>span{flex:1;display:flex;align-items:center;gap:7px}.clock-row b{font-size:13px;font-weight:600}.clock-row small{font-size:9px;color:#939783}.clock-row button{font-size:13px;background:#e5eadb;width:25px;height:25px;border-radius:4px}.clock-row select{font-size:10px;color:#627554;background:transparent;border:0;padding:3px;cursor:pointer}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px}.kpis article{padding:13px;background:#fffef6;border:1px solid #e0e2d5;border-radius:8px}.kpis article>span{font-size:10px;color:#859077}.kpis strong{font-family:Georgia,serif;font-size:30px;line-height:1.35;font-weight:400;display:block;margin-top:4px;letter-spacing:-.8px}.kpis strong small{font-family:'Segoe UI',Tahoma,sans-serif;font-size:10px;letter-spacing:0;color:#839173}.metric-foot{display:flex;gap:5px;align-items:center;font-size:8px;color:#9a9f8b;white-space:nowrap;margin-top:4px}.green-dot{background:#96ac7f;width:4px;height:4px;border-radius:50%}.kpis article.small-kpi{padding:9px 13px;background:#f0f2e6}.kpis .small-kpi strong{font-size:22px;margin-top:2px}.occupancy{margin:13px 0 17px}.occupancy>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#839073}.occupancy strong{font-weight:500;color:#627c53}.occupancy-track{height:4px;border-radius:8px;background:#e3e7d8;overflow:hidden;margin-top:7px}.occupancy-track span{display:block;height:100%;background:#93a676;width:0;transition:width .5s}.ranking-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ranking-title h3{font-family:Georgia,serif;font-size:17px;font-weight:400;margin:0}.ranking-title h3 span{font-family:'Segoe UI',Tahoma,sans-serif;font-size:10px;color:#7a8970;margin-left:4px}.ranking-title>span{font-size:8px;color:#929a83}.menu-row{display:grid;grid-template-columns:15px 30px minmax(0,1fr) 41px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #e3e5d8;position:relative}.menu-rank{font-family:Georgia,serif;font-size:12px;color:#a3aa94}.cup-icon{width:27px;height:28px;display:grid;place-items:center;background:#e6e7d7;border-radius:6px}.cup-icon svg{width:19px;height:24px}.menu-copy strong{font-size:10px;font-weight:500;display:block}.menu-copy small{font-size:8px;color:#969b87;display:block;margin-top:3px}.menu-count{text-align:right}.menu-count b{font-size:12px;font-weight:500;display:block}.menu-count small{display:block;font-size:8px;color:#939b82;margin-top:3px}.menu-fill{position:absolute;height:2px;background:#acb98e;bottom:-1px;left:53px;max-width:calc(100% - 53px);transition:width 1s}.data-note{color:#9a9e88;font-size:8px;line-height:1.9;margin:10px 0 0}.arrival-control{margin-top:16px;padding:12px;border:1px solid #dce1cf;border-radius:7px;background:#ecefdf}.arrival-control label{font-size:9px;display:flex;justify-content:space-between}.arrival-control label b{font-weight:500}.arrival-control input{width:100%;accent-color:#5c7946;height:12px;margin:10px 0 5px;cursor:pointer}.arrival-control>div{display:flex;justify-content:space-between;font-size:8px;color:#929c7f}.moments{margin:25px 0 0}.moments-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.moments-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:#89967c}.moments-heading h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:6px 0 0;letter-spacing:-.4px}.moments-heading button{font-size:10px;color:#89977b}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.event-card{border:1px solid #dce0d1;border-radius:9px;padding:18px 16px;display:flex;gap:13px;align-items:center;text-align:left;background:#f0f1e4;transition:background .2s,transform .2s}.event-card:hover{transform:translateY(-3px);background:#e5ebd7}.event-card.active{background:#dfe9d1;border-color:#91a474}.event-icon{font-size:23px;font-family:Georgia,serif;color:#809461;display:grid;place-items:center;width:35px;height:36px;border:1px solid #d6dec7;border-radius:50%}.event-card strong{font-family:Georgia,serif;font-size:17px;font-weight:400;display:block}.event-card div>span{font-size:9px;display:block;margin-top:5px;color:#87957a}.event-arrow{margin-left:auto;font-size:15px;color:#82936d}.rain{background:#edf0ea}.rain .event-icon{color:#79948c}.vip{background:#f1eee1}.vip .event-icon{color:#b49c60}footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:24px;padding:16px 0 19px;color:#9a9f8b;font-size:8px;letter-spacing:.3px}footer i{font-style:normal;margin:0 9px}footer button{font-size:8px;color:#839575}dialog{border:1px solid #d2dbc6;border-radius:15px;background:var(--cream);color:var(--ink);max-width:760px;width:calc(100% - 32px);padding:26px;box-shadow:0 24px 100px #12322645;max-height:85dvh}dialog::backdrop{background:#173e316e;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{font-size:18px;color:#788a67}.dialog-head .eyebrow{color:#829474}dialog h2{font-family:Georgia,serif;font-size:32px;font-weight:400;letter-spacing:-1px;margin:16px 0}dialog p{font-size:12px;line-height:1.9;color:#728167}dialog h3{font-size:13px;font-weight:600;margin:22px 0 8px}dialog .ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}dialog .ref-box{background:#ecefdf;border-radius:8px;padding:15px;font-size:11px;line-height:1.9;color:#708064}dialog .ref-box b{display:block;color:#31503a;margin-bottom:5px}dialog ul{padding-left:18px;font-size:11px;line-height:2;color:#7c8871}dialog .sources{padding-top:10px;border-top:1px solid var(--line);display:grid;gap:8px}dialog .sources a{font-size:11px;text-decoration:underline;text-underline-offset:3px}dialog table{width:100%;border-collapse:collapse;font-size:11px}dialog th,dialog td{text-align:left;padding:10px;border-bottom:1px solid #dde2ce}dialog th{font-weight:500;color:#829275}dialog .flow{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}dialog .flow span{background:#e2e9d5;padding:8px 10px;border-radius:5px;font-size:10px}.map-diagram{width:100%;height:205px;border:1px solid #d8dfcc;border-radius:9px;background:#e7ecdc;margin:8px 0 14px}.map-diagram text{font-family:'Segoe UI',Tahoma,sans-serif}.assumption-banner{padding:10px 14px;border-left:3px solid #b6a368;background:#eeeddd}#toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,25px);opacity:0;pointer-events:none;padding:13px 22px;background:#234c36;color:#f1f0d9;border:1px solid #72925c;box-shadow:0 8px 25px #16352c26;border-radius:9px;font-size:12px;transition:.3s;text-align:center;max-width:calc(100vw - 32px)}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-7px)}}@media(min-width:1550px){.scene-card{height:690px}.workspace{grid-template-columns:minmax(0,1fr) 330px}.dashboard-title h2{font-size:22px}.menu-row{padding:12px 0}.arrival-control{margin-top:24px}}@media(max-width:1120px){.site-header{padding:0 25px}.concept-tag{display:none}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:17px}.scene-card{height:638px}.tool-buttons button span{display:none}.intro h1{font-size:39px}.intro-note{font-size:9px}.intro-note .tiny-label{font-size:7px}.event-card{padding:15px 12px;gap:9px}.event-card strong{font-size:15px}.event-card div>span{font-size:8px}.scene-location div span{max-width:270px}.orbit-hint{font-size:7px}.kpis article{padding:11px}.clock-row small{font-size:8px}}@media(max-width:820px){.site-header{height:73px;padding:0 20px;gap:15px}.brand strong{font-size:21px}.brand small{font-size:7px;letter-spacing:2px}.brand-emblem{width:36px;height:40px}.brand-emblem svg{width:28px}.site-header nav{gap:17px}.nav-button{font-size:10px}.nav-button span{display:none}main{padding:24px 20px 0}.intro-note{display:none}.intro{margin-bottom:21px}.intro h1{font-size:40px}.workspace{grid-template-columns:minmax(0,1fr);gap:24px}.scene-card{height:570px}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.dashboard-title{grid-column:1/3}.clock-row{grid-column:1/3}.menu-ranking{grid-column:2;grid-row:3/6}.kpis{grid-column:1}.occupancy{grid-column:1}.arrival-control{grid-column:1;margin-top:0}.menu-row{padding:11px 0}.event-card strong{font-size:15px}.event-card{align-items:flex-start}.event-icon{width:27px;height:27px;flex-shrink:0;font-size:18px}.event-arrow{display:none}footer{font-size:7px;flex-wrap:wrap}.scene-location div span{max-width:none}}@media(max-width:520px){.site-header{padding:0 15px;height:69px}.brand{gap:8px}.brand strong{font-size:19px}.brand small{font-size:6px;letter-spacing:1.7px}.brand-emblem{width:32px;height:37px}.site-header nav{gap:11px}.nav-button{font-size:9px}.nav-button svg{display:none}.nav-button:nth-child(2){display:none}main{padding:21px 13px 0}.intro{margin-bottom:19px}.intro .eyebrow{font-size:7px;letter-spacing:1.5px;gap:10px}.intro .eyebrow span{font-size:6px;letter-spacing:.2px}.intro h1{font-size:35px;margin:9px 0 7px;letter-spacing:-1.7px}.intro p{font-size:10px}.scene-card{height:465px;border-radius:12px}.scene-topline{top:14px;left:14px;right:14px}.live-label{font-size:6px;letter-spacing:1px}.backend{font-size:7px;padding:4px 6px}.view-rail{top:49px;left:11px;gap:3px;padding:3px}.view-rail button{width:26px;height:28px;font-size:16px}.scene-location{left:12px;bottom:87px;padding:8px;gap:8px;max-width:calc(100% - 24px)}.scene-location strong{font-size:14px}.scene-location div span{font-size:6px;max-width:220px}.location-mark{width:25px;height:25px;font-size:14px}.scene-location button{margin-left:2px;font-size:14px}.scene-toolbar{height:52px;padding:0 9px;gap:3px}#viewport{bottom:52px}.segmented{padding:2px;gap:0}.segmented button{font-size:7px;padding:7px}.tool-buttons{gap:0}.tool-buttons button{padding:7px;font-size:13px}.tool-buttons button span{display:none}.orbit-hint{bottom:66px;right:12px;font-size:6px}.dashboard{display:block}.dashboard-title{margin-bottom:12px}.dashboard-title h2{font-size:20px}.clock-row{padding:10px 0}.clock-row small{font-size:9px}.kpis{gap:9px}.kpis strong{font-size:32px}.kpis article{padding:13px}.kpis .small-kpi strong{font-size:25px}.occupancy{margin:16px 0 20px}.menu-row{padding:11px 0;grid-template-columns:18px 33px minmax(0,1fr) 45px}.menu-copy strong{font-size:11px}.menu-copy small{font-size:9px}.data-note{font-size:8px}.arrival-control{margin-top:17px;padding:13px}.moments{margin-top:25px}.moments-heading h2{font-size:20px}.moments-heading .eyebrow{font-size:7px}.moments-heading button{font-size:9px}.event-grid{grid-template-columns:1fr;gap:10px}.event-card{align-items:center;padding:15px}.event-card strong{font-size:18px}.event-card div>span{font-size:9px}.event-icon{width:35px;height:35px;font-size:22px}.event-arrow{display:block}footer{margin-top:23px;justify-content:flex-start;gap:10px}footer>span:first-child{width:100%}.scene-caption{right:12px;top:49px;max-width:190px;font-size:8px;padding:8px 10px}dialog{padding:20px}dialog h2{font-size:27px}dialog .ref-grid{grid-template-columns:1fr}.map-diagram{height:170px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.scene-card.night .live-label{color:#dce6ce}.scene-card.night .backend{color:#e3ead7;background:#ffffff14;border-color:#ffffff40}.scene-card.night .orbit-hint{color:#c0d2ae}