@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');:root{--bg:#151410;--panel:#22211c;--line:#39362d;--gold:#d7b77a;--muted:#aca79a;--cream:#f5eee0}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans Thai',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--cream);line-height:1.65}a{color:inherit;text-decoration:none}header{padding:20px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#191812}.brand{display:flex;gap:12px;align-items:center}.brand b{display:block;font-size:23px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--gold)}.logo{font-size:28px;color:var(--gold);border:1px solid #776344;border-radius:12px;padding:3px 10px}nav{display:flex;gap:20px;align-items:center;font-size:13px}button,select,input,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--cream);padding:12px 19px;border-radius:9px}button:hover{border-color:var(--gold)}nav button{background:none;border:0;padding:0}select,input,textarea{background:#1a1915;border:1px solid #544b3b;color:var(--cream);padding:10px;border-radius:7px}select{max-width:100%}.primary{background:var(--gold);color:#201b12;border-color:var(--gold);font-weight:700}.secondary{background:#342b1e;color:var(--gold)}main{max-width:1280px;margin:auto;padding:38px 30px}h1{font-size:clamp(34px,4.4vw,64px);line-height:1.25;margin:20px 0}h2{font-size:25px;margin:10px 0 20px}h3{margin:0 0 10px}p{margin:10px 0}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase}.muted,.note{color:var(--muted)}.note{font-size:12px}.hero{display:grid;grid-template-columns:1.25fr 1fr;min-height:490px;background:linear-gradient(130deg,#29251b,#191813);border:1px solid var(--line);border-radius:22px;overflow:hidden}.hero-copy{padding:48px 40px}.hero-copy p{max-width:540px;color:#bcb5a5}.hero-copy .actions{margin-top:28px}.hero-art{position:relative;min-height:490px;background:#332315}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;position:absolute}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#201e1700 50%,#15141022),linear-gradient(0deg,#151410dd,transparent 45%)}.portrait-caption{position:absolute;bottom:28px;left:28px;z-index:1}.portrait-caption b{font-size:23px}.actions{display:flex;gap:10px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:center;margin-top:42px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.case-card{display:flex;flex-direction:column}.case-card p{font-size:13px;color:var(--muted);flex:1}.case-card .number{font-size:35px;color:#8d7650;margin-bottom:12px}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role{padding:18px;background:#1d1c17;border:1px solid var(--line);border-radius:10px}.role small{display:block;color:var(--muted);font-size:12px}.role .symbol{font-size:20px;color:var(--gold)}.game-layout{display:grid;grid-template-columns:1fr 320px;gap:24px}.panel-title{font-size:31px}.participants{display:grid;grid-template-columns:1fr 1fr;gap:10px}.participant{padding:12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.participant span{color:var(--muted);display:block}.evidence{width:100%;text-align:left;margin:8px 0;display:flex;align-items:center;gap:12px}.evidence.reviewed{border-color:#719872;background:#203126}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.route{text-align:left;padding:22px;min-height:150px}.route b{display:block;font-size:20px;color:var(--gold)}.route small{display:block;margin-top:8px}.steps{display:flex;gap:6px;margin:20px 0}.step{height:5px;border-radius:4px;background:#494232;flex:1}.step.on{background:var(--gold)}.option{width:100%;margin:8px 0;text-align:left}.option.selected{background:#3d3220;border-color:var(--gold)}button:disabled{opacity:.45;cursor:default}.feedback{padding:18px;background:#2c3626;border-left:3px solid #9cae7c;margin:18px 0}.score-circle{font-size:64px;line-height:1.3;color:var(--gold)}.log{padding:16px 0;border-bottom:1px solid var(--line)}.log small{display:block;color:var(--muted)}label{display:block;font-size:14px;margin:15px 0 6px}input,textarea{width:100%}textarea{min-height:100px;resize:vertical}.manager{display:grid;grid-template-columns:250px 1fr;gap:24px}.manager-list button{width:100%;text-align:left;margin-bottom:10px}.banner{padding:15px 20px;background:#3a2e1b;border:1px solid #635035;border-radius:10px;color:#e0c897;margin-bottom:24px}.stats{display:flex;gap:25px;margin:20px 0}.stats b{font-size:28px;color:var(--gold);display:block}.stats small{color:var(--muted)}.lang-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}footer{max-width:1280px;margin:auto;padding:30px;color:#898476;font-size:12px;border-top:1px solid var(--line)}footer p{max-width:1000px}.status{color:var(--gold);min-height:24px}@media(max-width:900px){nav{gap:12px;flex-wrap:wrap}.hero{grid-template-columns:1fr 0.8fr}.hero-copy{padding:30px}.game-layout{grid-template-columns:1fr}.role-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}.manager{grid-template-columns:1fr}}@media(max-width:600px){header{align-items:flex-start;gap:18px;flex-direction:column}nav{width:100%}main{padding:22px 16px}.hero{grid-template-columns:1fr}.hero-art{min-height:360px;grid-row:1}.hero-copy{padding:25px}.route-grid,.lang-fields{grid-template-columns:1fr}.participants{grid-template-columns:1fr}.section-head{display:block}.role-grid{grid-template-columns:1fr 1fr}.card{padding:20px}.hero-art img{object-position:50% 20%}h1{font-size:36px}}