@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Noto+Serif+Thai:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#0c2024;--panel:#122d31;--panel2:#19383c;--line:#ffffff17;--gold:#e5bd79;--text:#f3f2e9;--muted:#a5bebd;--jade:#9cdfbd;--red:#ee9b87;font-family:'Noto Sans Thai',Tahoma,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{touch-action:manipulation}a{color:var(--gold)}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:'Noto Serif Thai',serif;font-weight:500}h1{font-size:1.45rem;line-height:1.5}h2{font-size:1.65rem;line-height:1.6}h3{font-size:1rem;font-weight:600}p{line-height:1.85}.muted{color:var(--muted)}.eyebrow{color:var(--gold);font-size:.75rem;letter-spacing:.17em;font-weight:600}.small{font-size:.875rem}.gold{color:var(--gold)}.jade{color:var(--jade)}.topbar{height:91px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;background:#0c2024}.brand{display:flex;align-items:center;gap:14px}.seal{width:46px;height:46px;display:grid;place-items:center;border:1px solid #c69f61;transform:rotate(45deg);color:var(--gold);flex-shrink:0}.seal span{transform:rotate(-45deg);font-family:serif;font-size:1.7rem}.brand-sub{font-size:.7rem;letter-spacing:.24em;color:var(--muted);margin-top:2px}.top-actions{display:flex;gap:10px;align-items:center}.button{border:1px solid var(--line);border-radius:6px;background:transparent;padding:10px 15px;transition:background .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;min-height:44px}.button:hover:not(:disabled){background:#ffffff10}.button.primary{background:var(--gold);color:#172b2c;border-color:var(--gold);font-weight:700}.button.primary:hover:not(:disabled){background:#f4cf92;transform:translateY(-1px)}.button.soft{background:#9cdfbd12;color:var(--jade);border-color:#9cdfbd35}.button.full{width:100%}.button.ghost{border:0;padding:8px 10px;color:var(--muted)}.button svg{width:18px;height:18px;flex-shrink:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 376px;min-height:calc(100dvh - 91px)}.world-column{min-width:0;position:relative;border-right:1px solid var(--line);display:flex;flex-direction:column}.resource-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:#10292d;border-bottom:1px solid var(--line)}.resource{display:flex;gap:11px;align-items:center}.resource svg{color:var(--gold);width:23px;height:23px}.resource-label{color:var(--muted);font-size:.75rem}.resource-value{font-size:1.05rem;font-weight:600;white-space:nowrap}.resource-value small{font-size:.75rem;color:var(--muted);font-weight:400}.world{position:relative;flex:1;min-height:480px;overflow:hidden;background:#193b3d;isolation:isolate}.world::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#071e2670,transparent 30%,transparent 70%,#0c242780);z-index:2}.map-wrap{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}.map{position:absolute;inset:0;transform-origin:60% 55%;transition:transform .35s}.map-bg{position:absolute;width:100%;height:100%;object-fit:cover;pointer-events:none}.map-title{position:absolute;top:25px;left:26px;z-index:4;max-width:calc(100% - 90px);text-shadow:0 2px 15px #000}.map-title h2{font-size:2.1rem;color:#fff8df;line-height:1.6}.map-title p{color:#ecefdf;font-size:.875rem}.chapter-line{display:flex;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.1em;color:#f6d8a2;margin-bottom:5px}.chapter-line::before{content:'';width:24px;height:1px;background:var(--gold)}.compass{position:absolute;top:25px;right:24px;z-index:4;display:grid;place-items:center;width:36px;color:#e5e8d6;font-size:.75rem;text-shadow:0 1px 4px #123}.compass svg{width:28px;height:28px;opacity:.75}.map-tools{position:absolute;bottom:24px;right:20px;z-index:5;display:flex;gap:6px}.map-tools button{width:42px;height:42px;background:#0c2428dd;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:6px;font-size:1.2rem}.map-tip{position:absolute;bottom:25px;left:24px;z-index:4;background:#0b2429ce;backdrop-filter:blur(8px);border:1px solid #ffffff20;border-radius:5px;color:#c1d4ca;padding:8px 11px;font-size:.75rem;pointer-events:none}.site-node{position:absolute;transform:translate(-50%,-75%);width:140px;height:155px;border:0;background:none;padding:0;z-index:3;overflow:visible;filter:drop-shadow(0 6px 7px #0a252957);transition:filter .2s}.site-node:hover,.site-node:focus-visible{z-index:6;filter:drop-shadow(0 0 8px #f5ce7c99)}.sprite{display:block;width:140px;height:140px;background-image:url('assets/buildings.png');background-size:300% 200%;background-repeat:no-repeat;transition:opacity .7s,filter .7s,transform .5s}.site-node.empty .sprite{opacity:.28;filter:grayscale(.9) brightness(1.7)}.site-node.selected .sprite{opacity:.65;filter:saturate(.65)}.site-node.active .sprite{opacity:.8;filter:saturate(.6)}.site-node.done .sprite{opacity:1;filter:none;animation:built .5s ease-out}.node-label{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);padding:5px 9px;background:#112d31ed;color:#fff;border:1px solid #e4c58540;border-radius:4px;font-size:.75rem;white-space:nowrap;box-shadow:0 3px 12px #0003}.site-node.done .node-label{background:#214c40ed;border-color:#a0d5b780}.node-progress{position:absolute;bottom:-5px;left:25%;width:50%;height:3px;background:#0c242c}.node-progress i{display:block;height:100%;background:var(--gold);transition:width .6s}.node-num{position:absolute;top:35px;left:40px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#1a3032;font-size:.75rem;font-weight:700}.world-footer{padding:17px 24px;background:#10292d;display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.phase-track{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.phase-step{font-size:.75rem;color:#819f9f;display:flex;align-items:center;gap:6px}.phase-step.current{color:var(--gold)}.phase-step.past{color:var(--jade)}.phase-step .number{height:22px;min-width:22px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.7rem}.phase-step:not(:last-child)::after{content:'';width:15px;height:1px;background:#526665;margin:0 3px}.first-sprint{font-size:.75rem;color:var(--muted);white-space:nowrap}.sidebar{background:linear-gradient(145deg,#18363a,#10282c);padding:24px;display:flex;flex-direction:column;gap:18px;max-height:calc(100dvh - 91px);overflow:auto;scrollbar-color:#4f6967 transparent}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head span{font-size:.75rem;color:var(--muted)}.character{display:flex;gap:14px;align-items:center;padding:4px 0}.portrait{width:76px;height:76px;object-fit:cover;border:1px solid #d6b47a70;border-radius:50%;background:#16363b;flex-shrink:0}.character-name{font-size:1.2rem;font-weight:600}.character-role{color:var(--gold);font-size:.75rem;margin-top:3px}.quote{font-size:1rem;line-height:1.95;color:#e0e8df;border-left:2px solid #d1af69;padding-left:15px}.objective{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.objective-label{font-size:.75rem;color:var(--gold);margin-bottom:7px}.objective p{font-size:.95rem}.questions{display:flex;flex-direction:column;gap:8px}.question{padding:12px;text-align:left;background:#ffffff06;border:1px solid #ffffff14;border-radius:5px;display:flex;align-items:center;gap:9px;font-size:.875rem}.question:hover{border-color:#e5bd7955;background:#ffffff0b}.question.heard{color:var(--jade)}.hint{font-size:.8rem;line-height:1.8;color:var(--muted)}.panel-bottom{margin-top:auto;display:flex;flex-direction:column;gap:9px;padding-top:8px}.divider{border-top:1px solid var(--line);padding-top:15px}.task-list{display:flex;flex-direction:column;gap:8px}.task-card{padding:12px;background:#0c232680;border:1px solid #ffffff17;border-radius:6px}.task-card.chosen{border-color:#d5af6666;background:#1e3d3c}.task-top{display:flex;align-items:flex-start;gap:10px}.check-button{width:25px;height:25px;flex-shrink:0;display:grid;place-items:center;border:1px solid #7e9992;border-radius:4px;background:transparent;margin-top:1px}.chosen .check-button{background:var(--gold);border-color:var(--gold);color:#142c2a}.task-name{font-weight:500;font-size:.9rem;text-align:left;padding:0;border:0;background:none;line-height:1.6}.task-meta{font-size:.75rem;color:var(--muted);margin-top:3px;line-height:1.8}.task-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.badge{font-size:.7rem;border-radius:3px;padding:2px 6px;background:#9cdfbd12;color:var(--jade)}.badge.optional{color:var(--muted);background:#ffffff08}.reorder{display:flex;gap:4px}.reorder button{background:transparent;border:1px solid #ffffff18;border-radius:3px;min-width:30px;min-height:28px;font-size:.9rem}.plan-summary{background:#0c23267a;border-radius:5px;padding:11px;font-size:.8rem;display:flex;flex-direction:column;gap:8px}.plan-summary div{display:flex;justify-content:space-between;gap:10px}.warning{color:#fac5a7;font-size:.8rem;line-height:1.7}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-switch button{font-size:.8rem;padding:9px 5px;border:1px solid #ffffff22;background:#0c232655;border-radius:4px}.mode-switch button.active{border-color:var(--gold);color:var(--gold);background:#e5bd7910}.progress{height:5px;background:#ffffff0e;border-radius:5px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--gold);border-radius:5px;transition:width .4s}.work-row{padding:10px 0;border-bottom:1px solid var(--line)}.work-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.85rem}.work-title strong{color:var(--gold);font-weight:500}.work-title.done strong{color:var(--jade)}.day-banner{display:flex;align-items:baseline;gap:8px}.day-banner strong{font-size:2.2rem;font-family:serif;color:var(--gold);font-weight:400}.event-card{border:1px solid #c49c5660;border-radius:6px;background:#d6ac6110;padding:16px}.choices{display:grid;gap:9px}.choice{text-align:left;border:1px solid #ffffff22;background:#0b25297a;border-radius:6px;padding:13px;line-height:1.7}.choice:hover{border-color:var(--gold);background:#e5bd7910}.choice strong{display:block;font-size:.9rem}.choice small{display:block;color:var(--muted);font-size:.8rem;line-height:1.8;margin-top:4px}.choice.chosen{border-color:var(--gold);background:#e5bd7914}.result-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{padding:13px;background:#0b22265c;border:1px solid var(--line);border-radius:5px}.metric strong{display:block;font-size:1.35rem;color:var(--gold);font-weight:500}.metric span{font-size:.75rem;color:var(--muted)}.goal-status{padding:11px 13px;border-left:2px solid var(--jade);background:#9cdfbd0a;font-size:.9rem;line-height:1.8}.goal-status.missed{border-color:#e1a17c;background:#e1a17c0a}.reflection{width:100%;min-height:92px;resize:vertical;background:#0b2326;border:1px solid #ffffff25;border-radius:5px;color:var(--text);padding:11px;font-size:.9rem;line-height:1.8}.micro-label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:6px}.learning-link{background:none;border:0;text-align:left;color:var(--gold);padding:4px 0;font-size:.8rem;text-decoration:underline;text-underline-offset:4px}.lesson-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d4ac6238;border-radius:4px;padding:5px 8px;color:var(--gold);font-size:.75rem;margin:3px 3px 3px 0}.journal-log{max-height:190px;overflow:auto;font-size:.8rem;color:var(--muted);line-height:1.8}.journal-log p{border-left:1px solid #8fa49b44;padding:3px 0 8px 11px}.footnote{font-size:.75rem;color:var(--muted);line-height:1.8}.dot{width:6px;height:6px;border-radius:50%;background:var(--gold);display:inline-block;margin-right:7px}dialog{width:min(620px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #c8a36570;border-radius:12px;padding:0;background:#163338;color:var(--text);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#061719ad;backdrop-filter:blur(6px)}.modal-content{padding:30px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.modal-head h2{font-size:1.5rem}.modal-close{min-width:36px;min-height:36px;background:none;border:1px solid var(--line);border-radius:50%;font-size:1.15rem}.modal-content p{margin-bottom:14px;color:#d3e1dc}.modal-content .button{margin-top:8px}.lesson-number{color:var(--gold);font-size:.75rem;letter-spacing:.13em;margin-bottom:8px}.detail-art{height:160px;width:160px;margin:-10px auto 4px;background-image:url('assets/buildings.png');background-size:300% 200%;background-repeat:no-repeat}.detail-stat{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.9rem}.detail-stat span{color:var(--muted)}.modal-list{padding-left:20px;line-height:1.85;font-size:.9rem;color:#cdded7}.journal-section{margin-top:20px}.journal-section h3{color:var(--gold);margin-bottom:8px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.journal-item{background:#0a222666;border:1px solid var(--line);border-radius:5px;padding:12px;text-align:left}.journal-item strong{display:block;font-size:.875rem;font-weight:500}.journal-item small{color:var(--muted);font-size:.75rem}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 30px);padding:12px 20px;border:1px solid #e5bd7970;background:#163337;border-radius:7px;color:#ffdfaf;z-index:20;opacity:0;pointer-events:none;transition:.25s;text-align:center;font-size:.9rem}#toast.visible{opacity:1;transform:translate(-50%,0)}.save-status{font-size:.7rem;color:#86a6a4}.mobile-title{display:none}.asset-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}@keyframes built{from{transform:translateY(6px) scale(.94)}to{transform:translateY(0) scale(1)}}@media(min-width:1500px){.layout{grid-template-columns:minmax(0,1fr) 410px}.sidebar{padding:28px}.world{min-height:650px}.site-node,.sprite{width:165px}.sprite{height:165px}.site-node{height:180px}}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr) 340px}.sidebar{padding:20px}.topbar{padding:0 20px}.resource-bar{padding:14px 16px;flex-wrap:wrap}.resource{gap:8px}.resource-value{font-size:.9rem}.world-footer{padding:14px 16px}.first-sprint{display:none}.map-title h2{font-size:1.7rem}.site-node,.sprite{width:110px}.sprite{height:110px}.site-node{height:125px}.node-label{font-size:.7rem}.map-title{left:20px}.map-tip{max-width:55%;left:16px;bottom:20px}}
@media(max-width:800px){.topbar{height:80px;padding:0 16px}.brand{gap:12px}.seal{width:35px;height:35px}.seal span{font-size:1.4rem}h1{font-size:1.08rem}.brand-sub{font-size:.6rem;letter-spacing:.12em}.top-actions{gap:4px}.top-actions .button{font-size:.8rem;padding:8px}.top-actions .button span{display:none}.layout{display:flex;flex-direction:column;min-height:calc(100dvh - 80px)}.world-column{border-right:0}.world{flex:none;height:48dvh;min-height:340px}.sidebar{max-height:none;overflow:visible;padding:22px;gap:16px}.resource-bar{padding:10px 14px;gap:8px}.resource-label{font-size:.65rem}.resource-value{font-size:.875rem}.resource-value small{font-size:.65rem}.resource svg{width:17px}.resource{gap:6px}.world-footer{padding:13px 16px}.phase-step{font-size:.7rem}.phase-step:not(:last-child)::after{width:8px;margin:0}.map-title{top:16px;left:18px}.map-title h2{font-size:1.65rem}.map-title p{font-size:.75rem}.map-tip{font-size:.65rem;padding:6px;bottom:14px;max-width:60%}.map-tools{bottom:13px;right:12px}.map-tools button{width:34px;height:34px}.site-node,.sprite{width:90px}.sprite{height:90px}.site-node{height:110px}.node-label{font-size:.65rem;padding:4px 6px}.node-num{top:22px;left:25px}.task-list{display:grid;grid-template-columns:1fr 1fr}.task-card:last-child{grid-column:1/-1}.panel-bottom{padding-top:2px}.modal-content{padding:23px}.character{gap:15px}.portrait{width:70px;height:70px}}
@media(max-width:390px){.resource svg{display:none}.resource-value{font-size:.8rem}.task-list{grid-template-columns:1fr}.task-card:last-child{grid-column:auto}.phase-track{gap:4px}.phase-step{font-size:.65rem}.phase-step .number{height:19px;min-width:19px}.brand-sub{display:none}.map-title h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Comfortable reading sizes, with room for Thai text and longer decisions. */
:root{font-size:18px;--muted:#b3cac6}
.layout{grid-template-columns:minmax(0,1fr) 440px}
.sidebar{padding:26px;gap:20px}
.hint,.choice small,.plan-summary,.warning,.mode-switch button,.micro-label,.learning-link,.journal-log,.small,.detail-stat,.modal-list{font-size:.95rem}
.task-name,.choice strong,.question,.work-title,.objective p,.goal-status,.reflection,.journal-item strong{font-size:1rem}
.quote{font-size:1.06rem}
.task-meta,.badge,.character-role,.objective-label,.panel-head span,.eyebrow,.metric span,.footnote,.journal-item small,.lesson-chip,.lesson-number{font-size:.84rem}
.save-status{font-size:.8rem;line-height:1.8}
.resource-label,.resource-value small,.phase-step,.first-sprint,.map-tip,.node-label,.chapter-line{font-size:.82rem}
.resource-value{font-size:1.16rem}
.resource-bar{padding:16px 22px;gap:16px}
.resource{gap:8px}
.world-footer{flex-wrap:wrap;gap:8px;padding:16px 22px}
.phase-step .number{font-size:.78rem;height:25px;min-width:25px}
.map-title p{font-size:1rem}
.button{min-height:46px}
.button svg{width:20px;height:20px}
.panel-head{gap:14px;align-items:baseline;flex-wrap:wrap}
.task-list{gap:10px}
.task-card{padding:14px}
.check-button{width:34px;height:34px}
.reorder button{min-width:38px;min-height:34px}
.mode-switch button{min-height:46px}
.learning-link{line-height:1.8;min-height:44px}
dialog{width:min(700px,calc(100% - 32px))}
.modal-content{padding:32px}
.modal-close{min-width:44px;min-height:44px}
.sound-button{color:var(--muted)}
.sound-button.sound-active{color:var(--jade);border-color:#9cdfbd50;background:#9cdfbd0b}
.sound-channel{padding:20px 0;border-bottom:1px solid var(--line)}
.sound-switch{display:flex;align-items:center;gap:12px;font-weight:500;cursor:pointer}
.sound-switch input{width:22px;height:22px;accent-color:var(--gold);flex-shrink:0}
.volume-row{display:flex;justify-content:space-between;gap:16px;margin:14px 0 2px;color:var(--muted);font-size:.9rem}
.volume-row output{color:var(--gold);font-variant-numeric:tabular-nums}
.sound-channel input[type=range]{width:100%;height:38px;accent-color:var(--gold);cursor:pointer}
.sound-status{padding-top:16px}
input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
@media(min-width:1600px){:root{font-size:20px}.layout{grid-template-columns:minmax(0,1fr) 490px}.sidebar{padding:30px}}
@media(min-width:801px) and (max-width:1180px){.layout{grid-template-columns:minmax(0,1fr) 390px}.sidebar{padding:22px}.resource-bar{flex-wrap:wrap}.resource-value{font-size:1.05rem}.map-title h2{font-size:1.65rem}.map-tip{max-width:52%}.site-node,.sprite{width:112px}.sprite{height:112px}.site-node{height:132px}}
@media(max-width:800px){:root{font-size:16px}.sidebar{padding:24px}.layout{display:flex}.top-actions .sound-button span{display:none}.top-actions .button{padding:8px}.topbar{gap:8px}.resource-label,.resource-value small{font-size:.78rem}.resource-value{font-size:1rem}.resource-bar{padding:12px 14px;gap:12px}.phase-step{font-size:.8rem}.phase-track{gap:6px}.first-sprint{display:none}.map-tip{font-size:.75rem;max-width:57%}.node-label{font-size:.75rem}.chapter-line{font-size:.8rem}.map-title p{font-size:.9rem}.modal-content{padding:24px}.task-list{grid-template-columns:1fr}.task-card:last-child{grid-column:auto}.world-footer{padding:14px 16px}.brand-sub{font-size:.58rem;letter-spacing:.1em}.plan-summary,.hint,.choice small{font-size:1rem}}
@media(max-width:430px){.topbar{padding:0 12px}.brand{gap:10px}.seal{width:29px;height:29px}h1{font-size:1rem}.brand-sub{display:none}.top-actions{gap:0}.top-actions .button{padding:8px 6px}.map-title h2{font-size:1.4rem}.resource svg{display:none}.resource-bar{gap:9px}.resource-value{font-size:.95rem}.resource-label{font-size:.72rem}.map-tools button{width:36px;height:36px}}

/* The Sprint observatory shares the game's ink, jade and gold palette. */
.top-actions{flex-shrink:0;gap:8px}
.settings-button{min-width:46px;padding:10px}
.backlog-caption{color:var(--gold);font-size:.85rem;line-height:1.8}
.sp-chip{display:inline-flex;align-items:center;gap:7px;background:#e5bd7910;color:var(--gold);border:1px solid #e5bd7955;border-radius:5px;padding:6px 10px;margin-top:8px;min-height:44px;font-size:.9rem;font-weight:600}
.sp-chip span{color:var(--muted);font-size:.8rem;font-weight:400}
.task-top>div{min-width:0}
.task-bottom{gap:8px;flex-wrap:wrap}
.check-button,.reorder button{min-width:44px;min-height:44px}
.work-title>span{min-width:0}.work-title strong{flex-shrink:0}
dialog{max-width:calc(100% - 24px)}
dialog[data-kind=progress]{width:min(940px,calc(100% - 24px))}
.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 20px}
.dashboard-stats>div{padding:15px;border:1px solid var(--line);border-radius:8px;background:#0c2429}
.dashboard-stats span{display:block;color:var(--muted);font-size:.85rem}
.dashboard-stats strong{display:block;color:var(--gold);font-size:1.5rem;margin-top:5px}
.dashboard-stats small{font-size:.85rem;font-weight:400}
.chart-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px}
.chart-tabs button{min-height:46px;border:1px solid var(--line);border-radius:6px;background:#0c2429;font-size:.95rem;padding:8px}
.chart-tabs .chosen{color:var(--gold);border-color:var(--gold);background:#e5bd7910}
.chart-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px}
.chart-heading span,.chart-axis-label,.chart-x-label{font-size:.8rem;color:var(--muted)}
.chart-axis-label{margin-top:14px}
.chart-x-label{text-align:right;margin-top:-2px}
.chart-note{padding:12px 14px;border-left:2px solid var(--gold);background:#e5bd790a;line-height:1.8;font-size:.9rem}
.sprint-chart{display:block;width:100%;height:auto;overflow:visible}
.sprint-chart text{fill:var(--muted);font-family:'Noto Sans Thai',sans-serif;font-size:14px}
.chart-grid{stroke:#ffffff13;stroke-width:1}
.chart-done,.chart-remaining,.chart-scope,.chart-reference{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.chart-done{stroke:var(--jade)}.chart-dot-done{fill:var(--jade)}
.chart-remaining{stroke:#f0ae8f}.chart-dot-remaining{fill:#f0ae8f}
.chart-scope{stroke:var(--gold);stroke-width:2;stroke-dasharray:8 5}
.chart-reference{stroke:#b3cac6;stroke-width:2;stroke-dasharray:5 7;opacity:.7}
.chart-today{stroke:#ffffff32;stroke-width:1;stroke-dasharray:3 5;pointer-events:none}
.chart-area-done{fill:#80cda4;fill-opacity:.83}.chart-single-done{stroke:#80cda4}
.chart-area-wip{fill:#e5bd79;fill-opacity:.83}.chart-single-wip{stroke:#e5bd79}
.chart-area-todo{fill:#637d88;fill-opacity:.83}.chart-single-todo{stroke:#637d88}
.chart-legend{display:flex;flex-wrap:wrap;gap:12px 22px;margin:14px 0 20px;font-size:.85rem}
.chart-legend span{display:inline-flex;align-items:center;gap:8px}
.swatch{display:inline-block;width:22px;height:4px;border-radius:2px;background:#637d88}
.swatch.done{background:#80cda4}.swatch.wip{background:#e5bd79}.swatch.remaining{background:#f0ae8f}.swatch.reference{background:repeating-linear-gradient(90deg,#b3cac6 0 5px,transparent 5px 9px)}
.chart-explanation{font-size:1rem}.chart-lesson{border-left:2px solid var(--jade);padding:12px 16px;background:#9cdfbd09;margin-bottom:18px;line-height:1.8}
.chart-lesson strong{color:var(--jade)}.chart-lesson p{margin:4px 0 0;font-size:.95rem}
.flow-counts{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;font-size:.9rem}
.flow-counts span{border:1px solid var(--line);border-radius:5px;padding:7px 10px}.flow-counts b{color:var(--gold);margin-left:7px}
.chart-data{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}
.chart-data summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--gold);font-size:.95rem}
.table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}
.chart-data table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}
.chart-data caption{text-align:left;color:var(--muted);padding:8px 0;white-space:normal}
.chart-data th,.chart-data td{padding:10px;text-align:right;border-bottom:1px solid var(--line)}
.chart-data th{color:var(--gold);font-weight:500}
.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}.dashboard-actions .button{flex:1;min-width:180px}
.dashboard-stats strong{white-space:nowrap}
.map-bg{object-position:50% 0%}
@media(max-width:1180px){.topbar{height:auto;min-height:112px;padding:14px 20px;flex-wrap:wrap;gap:12px}.brand{flex:1 0 100%}.top-actions{width:100%;justify-content:flex-end}.sidebar{max-height:calc(100dvh - 150px)}.layout{min-height:calc(100dvh - 150px)}}
@media(max-width:800px){.topbar{padding:14px 18px;gap:14px}.brand{gap:14px}.brand h1{font-size:1.25rem}.seal{width:34px;height:34px}.top-actions{justify-content:space-between;gap:10px}.top-actions .button{min-width:44px;min-height:44px;padding:10px}.top-actions .button span{display:none}.sidebar{max-height:none;padding:22px}.world{min-height:430px;height:53dvh}.map-bg{object-position:20% 0%}.node-label{font-size:.875rem;max-width:142px;white-space:normal;line-height:1.45;width:max-content;text-align:center}.map-tools button{width:44px;height:44px}.map-tip{font-size:.875rem;max-width:48%;padding:6px 8px;line-height:1.6}.map-title{max-width:calc(100% - 60px)}.map-title h2{font-size:1.5rem}.map-title p{font-size:.9rem}.compass{right:14px}.resource-label{font-size:.8rem}.resource-value small{font-size:.8rem}.resource-value{font-size:1rem}.resource-bar{gap:10px}.phase-step{font-size:.875rem}.task-meta,.badge,.character-role,.objective-label,.panel-head span,.eyebrow,.metric span,.footnote,.journal-item small,.lesson-chip,.lesson-number,.save-status,.brand-sub{font-size:.875rem}.brand-sub{display:none}.chart-tabs button{font-size:.95rem}.dashboard-stats{gap:6px}.dashboard-stats>div{padding:11px 8px}.dashboard-stats span{font-size:.8rem}.dashboard-stats strong{font-size:1.2rem}.dashboard-stats small{font-size:.8rem}.chart-heading span,.chart-axis-label,.chart-x-label{font-size:.875rem}.chart-x-label{text-align:left;line-height:1.7}.chart-legend{font-size:.875rem;gap:12px}.modal-content{padding:22px}.modal-head h2{font-size:1.4rem}.chart-lesson{padding:12px}.chart-lesson p,.chart-explanation,.chart-note{font-size:1rem}.dashboard-actions{display:grid;grid-template-columns:1fr}.chart-data table{font-size:.875rem}.chart-data summary{font-size:1rem}}
@media(max-width:360px){.topbar{padding:14px}.brand h1{font-size:1.1rem}.sidebar{padding:18px}.resource-bar{flex-wrap:wrap}.resource{flex:1 0 42%}.node-label{max-width:124px}.modal-content{padding:16px}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats>div:last-child{grid-column:1/-1}.dashboard-stats>div:last-child strong{display:inline-block;margin-left:10px}.dashboard-stats>div:last-child span{display:inline}.map-title h2{font-size:1.35rem}}
@media(max-width:800px){.chart-tabs button{font-size:.875rem;padding:8px 4px;white-space:nowrap}.dashboard-stats strong{font-size:1.1rem}.dashboard-stats small{font-size:.75rem}}

/* Reading is calm and jade; decisions have a gold prompt and numbered actions. */
.intent-badge,.reading-label,.pace-heading{display:flex;align-items:center;gap:9px;line-height:1.7}
.intent-badge{font-size:.875rem;font-weight:600;margin-bottom:10px}
.intent-badge svg,.reading-label svg,.pace-heading svg{width:21px;height:21px;flex-shrink:0}
.reading-label{color:var(--jade);font-size:.875rem;font-weight:500}
.pace-note{padding:16px;border:1px solid #a8cbd333;border-radius:8px;background:#0d252c}
.pace-heading{color:#c5e2e8;font-size:.95rem;align-items:flex-start}
.pace-note p{margin:10px 0 7px;font-size:.95rem;line-height:1.8}
.pace-note small{color:var(--muted);font-size:.85rem;line-height:1.7;display:block}
.questions{gap:4px}
.question{background:transparent;border:0;border-bottom:1px solid #9cdfbd25;border-radius:0;color:var(--jade);font-size:1rem;min-height:48px;padding:12px 3px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#9cdfbd55}
.question:hover{background:#9cdfbd08;border-color:#9cdfbd60}
.learning-link{color:var(--jade);text-decoration-color:#9cdfbd70}
.event-card{background:#102e34;border-color:#9cdfbd33;border-left:3px solid var(--jade)}
.decision-prompt{border-top:1px solid #e5bd7955;padding-top:18px;margin-top:3px}
.decision-prompt .intent-badge{color:var(--gold);letter-spacing:.015em}
.decision-prompt h2{font-size:1.5rem;color:#fff1d5}
.choices{counter-reset:decision;gap:12px}
.choice{counter-increment:decision;position:relative;padding:17px 16px 17px 64px;border:1px solid #e5bd7970;background:linear-gradient(120deg,#4a3929a6,#263633);box-shadow:inset 0 1px #ffffff06}
.choice::before{content:counter(decision,decimal-leading-zero);position:absolute;left:15px;top:18px;width:32px;height:32px;border:1px solid #e5bd7980;border-radius:5px;display:grid;place-items:center;color:var(--gold);font-size:.85rem;font-weight:600}
.choice:hover{background:#614d2c80;border-color:#f4d59c}
.choice strong{color:#fff3de;font-size:1rem}
.choice small{color:#d0d7cb;font-size:.95rem}
.choice.chosen{background:#67563199;border-color:var(--gold);box-shadow:inset 4px 0 var(--gold)}
.choice.chosen::before{content:'✓';background:var(--gold);color:#1b2f2b}
dialog[data-intent=info]{border-color:#9cdfbd66;background:linear-gradient(145deg,#173b40,#0e292f)}
dialog[data-intent=info] .modal-head{border-bottom:1px solid #9cdfbd30;padding-bottom:20px}
dialog[data-intent=info] .intent-badge{color:var(--jade)}
dialog[data-intent=info] .lesson-number{color:#b1c8c6;letter-spacing:.04em;font-size:.85rem}
dialog[data-intent=info] .modal-head h2{color:#e6f5ed}
dialog[data-intent=info] .modal-content>p{line-height:1.95}
dialog[data-intent=info] .button[data-action=close]{background:#9cdfbd09;color:var(--jade);border-color:#9cdfbd44;margin-top:14px}
.reading-footer{margin-top:22px;padding-top:8px;border-top:1px solid #9cdfbd25}
dialog[data-intent=decision]{border:1px solid #e5bd79aa;background:linear-gradient(145deg,#403528,#162e30)}
dialog[data-intent=decision] .intent-badge{color:var(--gold)}
dialog[data-intent=decision] .modal-head{padding-bottom:20px;border-bottom:1px solid #e5bd7940}
dialog[data-intent=decision] .modal-head h2{color:#fff1d5}
dialog[data-intent=tool] .intent-badge{color:var(--muted)}
.modal-head>div{min-width:0}
.modal-close{flex-shrink:0}
@media(max-width:800px){.pace-note{padding:14px}.pace-note p{font-size:1rem}.pace-note small{font-size:.875rem}.decision-prompt h2{font-size:1.4rem}.choice{padding:16px 14px 16px 58px}.choice::before{left:13px;top:17px;width:30px;height:30px}.choice small{font-size:1rem}}