:root{color-scheme:dark;--bg:#0c1519;--surface:#142126;--surface2:#19282d;--surface3:#22333a;--line:#30434a;--line-soft:#25373c;--text:#ebeadf;--muted:#94a4a7;--quiet:#6e8488;--gold:#dabd86;--gold-strong:#e9cb92;--teal:#9ac8bb;--red:#ce857a;--blue:#9bbdd4;--shadow:0 20px 60px rgba(0,0,0,.28);--serif:'Iowan Old Style','Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.58 var(--sans);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--gold)}p{margin:.35rem 0 1rem}small{font-size:11px}::selection{background:#dabd8655;color:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.background-grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.atmosphere-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.18;mix-blend-mode:screen}.app-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}
.sidebar{background:#101b20e8;border-right:1px solid #3342479c;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:25px 16px 15px;backdrop-filter:blur(24px);z-index:30;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3b514f transparent}.brand-block{display:flex;align-items:center;gap:11px;padding:1px 10px 33px;cursor:pointer}.brand-seal{width:47px;height:47px;border:1px solid #8c795b;border-radius:8px;display:flex;align-items:center;justify-content:center;font:22px var(--serif);letter-spacing:-2px;background:linear-gradient(145deg,#293a3a,#172226);color:var(--gold);box-shadow:0 0 0 4px #b9996112}.brand-seal span{font-size:13px;align-self:flex-end;margin-bottom:7px;letter-spacing:0}.brand-words strong{display:block;font-family:var(--serif);letter-spacing:2.2px;font-weight:500;font-size:13px}.brand-words small{letter-spacing:2px;font-size:8px;color:var(--muted)}.side-label{padding:0 13px;margin:9px 0 10px;letter-spacing:1.4px;font-size:9px;font-weight:750;color:#637e80;display:flex;justify-content:space-between;align-items:center}.side-label span{color:#466269;font-size:9px}.nav-group{display:grid;gap:3px;margin-bottom:20px}.nav-link{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#a3b4b6;padding:9px 10px;display:flex;align-items:center;gap:12px;border-radius:7px;transition:.2s}.nav-link:hover{background:#24383b80;color:var(--text)}.nav-link.active{background:#d6b78216;color:var(--gold);border-color:#b99d6a37;box-shadow:inset 2px 0 var(--gold)}.nav-link>span:nth-child(2){display:block;font-size:12px;font-weight:600}.nav-link small{display:block;font-size:10px;line-height:1.1;font-weight:400;color:#6f8589;margin-top:3px}.nav-link.active small{color:#b79e72}.nav-symbol{width:25px;flex:0 0 25px;text-align:center;font-family:var(--serif);font-size:20px;font-weight:400}.sidebar-bottom{margin-top:auto;padding:18px 10px 4px;border-top:1px solid #284047}.desk-status{font-size:11px;color:#a6b8b8;display:flex;align-items:center;gap:8px}.status-light{width:6px;height:6px;display:inline-block;border-radius:50%;background:#81b79f;box-shadow:0 0 12px #76c49c}.sidebar-version{font-size:9px;letter-spacing:1px;color:#617579;margin-top:7px}.sidebar-version span{color:var(--gold)}
.main-column{min-width:0;display:flex;flex-direction:column}.topbar{height:70px;position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 33px;background:#101b20d9;border-bottom:1px solid #33434782;backdrop-filter:blur(22px)}.topbar-leading,.topbar-actions{display:flex;align-items:center;gap:13px}.topbar-breadcrumb{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.1px}.topbar-breadcrumb span{color:#71888c}.topbar-breadcrumb b{font-weight:500;color:#c7d1cc}.topbar-breadcrumb b:before{content:'/';color:#4e6065;margin-right:15px}.case-pill{border:1px solid #87704856;border-radius:50px;color:#cdb37d;font:10px var(--sans);letter-spacing:1.1px;padding:7px 12px;background:#cdb37d10;white-space:nowrap}.icon-button{border:1px solid #425457;background:#1a2a2e;color:#cbd2ce;width:34px;height:34px;border-radius:8px;font-size:18px;display:grid;place-items:center;transition:.18s}.icon-button:hover{border-color:#a89972;color:var(--gold)}.mobile-menu{display:none}.view-container{padding:33px 38px 62px;width:100%;max-width:1700px;margin:0 auto;flex:1;animation:fade-up .4s both}.site-footer{padding:22px 38px 26px;border-top:1px solid #27383b;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:1px;color:#5b7278}.site-footer span:nth-child(2){text-align:center}
@keyframes fade-up{from{opacity:.35;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{50%{opacity:.4;transform:scale(1.12)}}@keyframes shimmer{to{background-position:200% center}}@keyframes rise{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.kicker{font-size:10px;color:var(--gold);letter-spacing:2.8px;text-transform:uppercase;font-weight:750;display:flex;align-items:center;gap:13px}.kicker:before{content:'';height:1px;width:22px;background:var(--gold)}.page-title{font:normal clamp(33px,3.8vw,54px)/1.06 var(--serif);letter-spacing:-1.4px;margin:13px 0}.page-subtitle{color:var(--muted);max-width:750px;font-size:14px;line-height:1.8}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading .page-subtitle{margin:0}.section-title{font:normal 26px/1.2 var(--serif);margin:0 0 8px}.section-subtitle{color:var(--muted);font-size:12px;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:#9aaaab;font-size:10px;font-weight:700}.fineprint{color:#71878b;font-size:11px;line-height:1.7}.thai{font-family:var(--sans);color:#aabcb9;font-size:.85em}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.4px}.gold{color:var(--gold)}.muted{color:var(--muted)}.good{color:var(--teal)}.warning{color:#e7bd74}.danger{color:var(--red)}.divider{height:1px;background:#314146;margin:20px 0}.divider-fade{height:1px;background:linear-gradient(90deg,transparent,#ab91646b,transparent);margin:18px 0}
.hero{min-height:580px;position:relative;overflow:hidden;border:1px solid #655b4e77;border-radius:13px;background:#0d1b20 url('./assets/hero.webp') 65% center/cover no-repeat;box-shadow:var(--shadow)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c171bee 0%,#0d171bcd 36%,#0f1b2355 67%,#101b2036 100%),linear-gradient(0deg,#0c171bf0,transparent 45%)}.hero:after{content:'';position:absolute;inset:17px;border:1px solid #d1b67e29;border-radius:2px;pointer-events:none}.hero-content{position:relative;z-index:1;min-height:580px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:700px;padding:65px 61px}.hero-mark{font:italic 16px var(--serif);color:#c7b187;letter-spacing:1px;display:flex;align-items:center;gap:13px}.hero-mark:before{content:'✦';font:16px var(--sans)}.hero h1{font:normal clamp(53px,5.9vw,98px)/.96 var(--serif);letter-spacing:-3px;margin:26px 0 20px;color:#f5edda;text-shadow:0 5px 30px #0009}.hero h1 em{font-style:italic;color:#e8cc99}.hero-desc{font-size:15px;line-height:1.85;color:#c7d1cf;max-width:470px}.hero-thai{color:#afc7c2;font-size:13px;margin-top:8px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-bottom{position:absolute;bottom:27px;left:61px;right:40px;z-index:1;display:flex;gap:22px;font-size:10px;letter-spacing:1.5px;color:#bdc5bf}.hero-bottom span:before{content:'✧';color:var(--gold);margin-right:9px}.hero-corner{position:absolute;right:30px;top:29px;z-index:1;border:1px solid #d0b68252;padding:9px 12px;font:11px var(--serif);letter-spacing:2px;color:#e7d2a7;transform:rotate(1deg)}.welcome-bottom{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:17px;margin-top:19px}.welcome-detail{min-height:152px;padding:24px}.detail-number{color:#b59768;font:italic 22px var(--serif);margin-bottom:10px}.detail-heading{font:20px var(--serif);color:#e6e5d8;margin-bottom:7px}.detail-body{color:var(--muted);font-size:12px;line-height:1.65}
.button{border:1px solid #44565b;border-radius:7px;padding:11px 18px;background:#23343a;color:var(--text);font-weight:650;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.2s;min-height:42px;text-decoration:none}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.button-gold{background:linear-gradient(135deg,#ecd4a7,#cba66a);border-color:#f3dcab;color:#152124;box-shadow:0 8px 28px #c99d5438}.button-outline{background:#16252bb3;border-color:#907e5b;color:#e8d0a8}.button-ghost{background:transparent;border-color:#3a4e53;color:#b5c7c3}.button-danger{background:#502e30;border-color:#8b5554;color:#f4bbbb}.button-sm{padding:7px 12px;min-height:32px;font-size:11px}.button-full{width:100%}.button-icon{font-size:18px;line-height:0}.button:active{transform:translateY(0)}.badge{display:inline-flex;align-items:center;border:1px solid #69787966;border-radius:100px;padding:4px 9px;font-size:10px;font-weight:700;letter-spacing:.35px;color:#b5c9c8;white-space:nowrap}.badge-gold{background:#dbba7923;border-color:#d3b77d55;color:#e1c38c}.badge-teal{background:#67b6a521;border-color:#80c3b66b;color:#a8d9cd}.badge-red{background:#bd696724;border-color:#bd696764;color:#e6a39c}.badge-blue{background:#8caecc21;border-color:#88a8c852;color:#a2c7e0}.badge-muted{color:#91a4a4}
.panel{background:linear-gradient(146deg,#1a2b30de,#132025f2);border:1px solid #3b525650;border-radius:11px;padding:24px;box-shadow:0 8px 32px #00000012;min-width:0}.panel-soft{background:linear-gradient(130deg,#1a2a2e98,#1b292e86);border:1px solid #35474c77;border-radius:11px;padding:20px}.panel-highlight{background:linear-gradient(130deg,#2e332e,#192b2c);border-color:#94785265}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h3{font:normal 23px var(--serif);margin:0}.panel-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.stack{display:grid;gap:15px}.two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:20px}.two-equal{display:grid;grid-template-columns:1fr 1fr;gap:20px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.four-col{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wide-col{grid-column:span 2}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:14px}.flex-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.empty{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:36px;color:#839a9a;border:1px dashed #3b5558;border-radius:10px;background:#15232983}.empty-symbol{font:42px var(--serif);color:#bfa56f;margin-bottom:10px}.empty h3{font:23px var(--serif);color:#ddd9cc;margin:0 0 8px}.empty p{font-size:12px;max-width:390px}
.field{display:grid;gap:7px;min-width:0}.field label,.field-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#a5bab5}.input,.select,.textarea,.number-input{width:100%;min-height:43px;border-radius:7px;border:1px solid #44595c;background:#0e1c20;color:#e9ebdf;padding:10px 12px;outline:none;transition:.18s}.input::placeholder,.textarea::placeholder{color:#637b7e}.input:focus,.select:focus,.textarea:focus,.number-input:focus{border-color:#c7ae7a;box-shadow:0 0 0 3px #dabd861d}.textarea{min-height:100px;resize:vertical;line-height:1.6}.number-input{max-width:120px}.select{appearance:auto}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:8px}.helper{font-size:11px;color:#8ea09e;margin-top:2px}.inline-control{display:flex;align-items:center;gap:10px}.inline-control>label{font-size:11px;color:#b1c1bd}.chip-row{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #40565a;background:#1b2b30;color:#adbfbd;padding:6px 11px;border-radius:100px;font-size:11px;white-space:nowrap}.chip:hover,.chip.active{color:#f0dcb5;background:#be9c6225;border-color:#bca37188}.input-search{padding-left:35px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392a4a6' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px 50%;background-size:17px}
.setup-intro{border-left:2px solid var(--gold);padding-left:19px;color:#bbc9c6;font:italic 18px/1.6 var(--serif);margin:21px 0}.form-section{margin:20px 0 25px}.form-section h3{font:24px var(--serif);margin:0 0 6px}.form-section>p{font-size:12px;color:var(--muted);margin:0 0 15px}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.mode-card{background:#122125;border:1px solid #415358;border-radius:9px;padding:20px;text-align:left;color:var(--text);min-height:160px;transition:.2s}.mode-card.selected{border-color:#d4b77c;background:linear-gradient(135deg,#37372c7a,#17302e);box-shadow:inset 0 0 0 1px #d4b77c40}.mode-card:hover{border-color:#a9905e}.mode-symbol{font:28px var(--serif);color:var(--gold)}.mode-title{font:22px var(--serif);display:block;margin:10px 0 6px}.mode-description{font-size:12px;color:#a8bbb8;line-height:1.6;display:block}.player-input-row{display:flex;gap:9px;align-items:center}.player-input-row .input{flex:1}.player-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.player-token{background:#23383b;border:1px solid #5e7874;border-radius:100px;padding:6px 9px 6px 14px;display:flex;align-items:center;gap:8px;font-size:11px}.player-token button{border:0;background:transparent;color:#aaadaa;font-size:14px}
.metric{padding:21px;position:relative;overflow:hidden}.metric:after{content:'✧';position:absolute;right:18px;top:12px;color:#876f4b40;font:32px var(--serif)}.metric-label{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#8ba19f}.metric-value{font:35px var(--serif);color:#ece9dc;margin:5px 0 4px}.metric-foot{font-size:11px;color:#8a9b9b}.active-investigator{padding:23px;background:linear-gradient(120deg,#283934,#1c2d33);border:1px solid #b79a5b6c;border-radius:11px}.active-investigator .person-name{font:normal 34px var(--serif);color:#f0d8a5;margin:7px 0}.phase-steps{display:flex;gap:0;align-items:center;justify-content:space-between;margin-bottom:21px;border:1px solid #3d535354;border-radius:10px;background:#162429;padding:8px}.phase-step{flex:1;text-align:center;padding:9px 4px;color:#7d9598;border-radius:7px;font-size:11px;letter-spacing:.3px;position:relative}.phase-step.active{background:#c2a46d23;color:#f4ddb3}.phase-step.done{color:#9cc9b5}.phase-step .step-num{width:20px;height:20px;border:1px solid #52696a;display:inline-grid;place-items:center;border-radius:50%;font-size:10px;margin-right:7px}.phase-step.active .step-num{border-color:var(--gold)}.tip-card{border-left:2px solid #86b9a8;background:#1b302f88;padding:14px 16px;border-radius:0 8px 8px 0;color:#b7cdca;font-size:12px}.tip-card strong{color:#cbdfd5}.quote-card{padding:28px;border:1px solid #a48b5a6b;background:linear-gradient(120deg,#2e332f99,#17272b);border-radius:11px;font:italic 23px/1.55 var(--serif);color:#d9d0b8}.quote-card small{font:10px var(--sans);letter-spacing:1.6px;color:#9badad;display:block;margin-top:18px}
.lead-row{display:grid;grid-template-columns:56px 105px minmax(0,1fr) auto;gap:12px;align-items:start;padding:15px;border:1px solid #35494d88;border-radius:9px;background:#17262b;margin-bottom:9px}.lead-index{font:27px var(--serif);color:#c2ad84}.lead-code{font:12px ui-monospace,monospace;border:1px solid #9e87626b;color:#e1c798;display:inline-block;padding:7px;border-radius:5px;text-align:center}.lead-content strong{font-size:13px;color:#ecede4}.lead-content p{margin:6px 0;color:#a4b6b3;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.lead-meta{font-size:10px;color:#728d91}.lead-actions{display:flex;gap:5px}.tiny-button{border:1px solid #4f6568;background:transparent;color:#91a4a4;border-radius:5px;font-size:11px;padding:5px 8px}.tiny-button:hover{color:#f0d1a3;border-color:#b29e73}.new-lead-panel{border-color:#b29a6a65}.revisit-banner{padding:11px 14px;border:1px solid #779e9166;background:#24433c6b;border-radius:8px;margin:9px 0;font-size:12px}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.evidence-card{min-height:165px;padding:19px;background:#f0e1be;color:#2d3530;border-radius:5px 12px 8px 5px;box-shadow:4px 5px 0 #a48c635a,0 15px 30px #0004;transform:rotate(-.35deg);position:relative}.evidence-card:nth-child(3n+2){transform:rotate(.55deg);background:#e5daba}.evidence-card:nth-child(3n){transform:rotate(-.6deg);background:#e1e0d2}.evidence-card:before{content:'';position:absolute;top:-7px;left:50%;width:12px;height:12px;background:#c68e73;border:2px solid #8a6b5d;border-radius:50%;box-shadow:0 2px 4px #0005}.evidence-card .note-type{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;font-weight:800;color:#736d60}.evidence-card h3{font:21px var(--serif);margin:8px 0 5px;color:#333730;overflow-wrap:anywhere}.evidence-card p{font-size:12px;line-height:1.55;color:#4c554e;white-space:pre-wrap;overflow-wrap:anywhere}.evidence-card .note-foot{display:flex;justify-content:space-between;gap:9px;align-items:center;font-size:10px;color:#706f64;margin-top:13px}.evidence-card button{border:0;background:transparent;color:#746d5a}.evidence-fact{border-bottom:4px solid #719a84}.evidence-testimony{border-bottom:4px solid #8a99ae}.evidence-theory{border-bottom:4px solid #b89b5d}.evidence-contradiction{border-bottom:4px solid #bc776b}.evidence-question{border-bottom:4px solid #8d80aa}
.timeline-list{position:relative;padding-left:35px}.timeline-list:before{content:'';position:absolute;top:9px;bottom:15px;left:12px;width:1px;background:linear-gradient(#ccb17d,#44645f)}.timeline-event{position:relative;margin-bottom:16px;padding:15px 18px;background:#18282b;border:1px solid #344c4d;border-radius:8px}.timeline-event:before{content:'';position:absolute;width:11px;height:11px;left:-29px;top:22px;border-radius:50%;background:#c6ad79;box-shadow:0 0 0 5px #bba36b26}.timeline-when{font:17px var(--serif);color:var(--gold)}.timeline-event h3{font-size:13px;font-weight:650;margin:4px 0;color:#e8e9dc}.timeline-event p{font-size:12px;color:#a4b9b6;margin:0}.timeline-event .event-foot{display:flex;align-items:center;gap:8px;margin-top:9px;font-size:10px;color:#89a2a1}.person-card{padding:17px;background:#18282c;border:1px solid #3b5254;border-radius:10px;display:flex;gap:15px;align-items:flex-start}.person-avatar{width:52px;height:56px;background:linear-gradient(145deg,#344845,#162429);border:1px solid #7e8b70;border-radius:50% 50% 5px 5px;display:grid;place-items:center;color:#e1cc9f;font:26px var(--serif);flex:0 0 52px}.person-info{min-width:0;flex:1}.person-info h3{font:21px var(--serif);margin:0}.person-info p{font-size:12px;color:#a1b6b2;margin:5px 0;overflow-wrap:anywhere}.person-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;gap:8px}.person-footer .mono{font-size:11px;color:#d1b681}
.vocab-tools{display:flex;gap:10px;align-items:center;margin:18px 0;flex-wrap:wrap}.vocab-tools .input{flex:1;min-width:200px}.vocab-tools .select{width:auto;min-width:145px}.vocab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.vocab-item{border:1px solid #3d5150;border-radius:9px;background:#192b2d;padding:15px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;transition:.2s}.vocab-item:hover{border-color:#a99166}.vocab-en{font:21px var(--serif);color:#f0e4ca;line-height:1.3;margin-bottom:5px}.vocab-th{font-size:12px;color:#acd1c4;line-height:1.55}.vocab-ex{font-size:11px;color:#809899;margin-top:7px}.vocab-item .star{border:0;background:transparent;color:#708688;font-size:20px;padding:0 2px}.vocab-item .star.fav{color:#dabe8b}.vocab-count{font-size:11px;color:#879f9e}.level-label{border-left:1px solid #4a6864;padding-left:7px;font:9px var(--sans);color:#9bb3aa;margin-left:7px;vertical-align:middle}
.rule-item{border:1px solid #3b5051;border-radius:9px;background:#17262a;margin-bottom:9px;overflow:hidden}.rule-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:17px 20px}.rule-item summary::-webkit-details-marker{display:none}.rule-item summary:hover{background:#25363960}.rule-item summary strong{font:20px var(--serif);font-weight:400}.rule-item summary span{font-size:11px;color:#8ba6a3}.rule-item summary:after{content:'+';font:23px var(--serif);color:var(--gold)}.rule-item[open] summary:after{content:'−'}.rule-body{padding:0 20px 20px;color:#b6c7c4;font-size:13px;line-height:1.9}.rules-banner{background:linear-gradient(90deg,#273631,#14272a);border:1px solid #a58b5d69;border-radius:10px;padding:23px 28px;margin-bottom:20px}.rules-banner h3{font:26px var(--serif);margin:0 0 7px}.rules-banner p{font-size:12px;color:#a5b8b3;margin:0}.allies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ally{padding:19px;border:1px solid #475650;background:linear-gradient(150deg,#20312f,#15262b);border-radius:9px;display:flex;flex-direction:column;gap:7px}.ally-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ally .name{font:22px var(--serif);color:#e9e2d2}.ally .description{font-size:12px;color:#a6bdb4}.ally .thai{font-size:12px;color:#c4aa7d}.ally .address{font:12px ui-monospace,monospace;color:#dfbf81}.ally-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}
.score-card{border:1px solid #50605c;border-radius:11px;background:linear-gradient(145deg,#243630,#16272b);padding:23px}.score-total{font:60px var(--serif);line-height:1;color:#f3d8a5;margin:10px 0}.score-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.score-equation{padding:15px 18px;border:1px solid #b99f6e5d;border-radius:8px;background:#1d302d;font:17px var(--serif);color:#d7caad}.verdict-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 16px;border:1px solid #445858;border-radius:8px;background:#17272c;margin-bottom:9px}.verdict-row h3{font:22px var(--serif);margin:0 0 4px}.verdict-row p{font-size:11px;color:#8fa6a2;margin:0}.verdict-list{display:grid;gap:9px}.result-banner{padding:35px;background:linear-gradient(110deg,#3a3d30,#18272b);border:1px solid #baa2736b;border-radius:11px;text-align:center}.result-banner .result-score{font:clamp(66px,10vw,100px) var(--serif);color:#f7dba1}.result-banner h2{font:33px var(--serif);margin:8px 0}.result-banner p{color:#b9cac5}
.checklist{display:grid;gap:9px}.check-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#1b2d30;border:1px solid #3d5756;border-radius:8px;font-size:12px;color:#c4d3ce;cursor:pointer}.check-item input{accent-color:#d5b37b;margin-top:3px}.check-item.checked{background:#1d3a32;border-color:#4e7e6b}.check-item strong{color:#e4e5d6}.mini-progression{display:flex;gap:4px;margin:11px 0}.mini-progression span{height:4px;flex:1;background:#334746;border-radius:100px}.mini-progression span.done{background:#bcaa79}.guide-list{margin:0;padding-left:21px;color:#b7c8c4;font-size:12px;line-height:1.9}.guide-list li{margin-bottom:6px}.source-link{display:inline-flex;align-items:center;gap:6px;color:#ddc291;font-size:12px;text-decoration:none;border-bottom:1px solid #a991627a}.source-link:hover{color:#f6dfb4}.footnote-box{padding:15px;border-left:2px solid #be9b68;background:#3f392d44;font-size:11px;line-height:1.6;color:#adbbb4}
.modal-overlay{position:fixed;inset:0;z-index:120;background:#020909d9;backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.modal{background:linear-gradient(135deg,#25332f,#111e24);border:1px solid #bfa16c8c;width:min(680px,100%);max-height:min(85dvh,820px);overflow:auto;border-radius:11px;box-shadow:0 35px 90px #000b;padding:29px}.modal h2{font:35px var(--serif);margin:7px 0}.modal p{color:#b5c6c0}.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.modal-seal{font:20px var(--serif);color:var(--gold);border:1px solid #bda670;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;margin-bottom:10px}.toast-stack{position:fixed;right:22px;top:84px;z-index:150;display:grid;gap:10px;max-width:min(380px,calc(100vw - 40px))}.toast{background:#234036;border:1px solid #61937e;color:#d9efe5;box-shadow:0 12px 40px #0008;padding:12px 16px;border-radius:8px;font-size:12px;animation:rise .25s}.toast.error{background:#4c2c30;border-color:#9e5955;color:#f8c6bf}
.sound-dock{position:fixed;bottom:24px;right:25px;z-index:55}.sound-trigger{display:flex;align-items:center;gap:10px;border:1px solid #b49c67a0;background:#27352ddf;backdrop-filter:blur(18px);padding:11px 14px;border-radius:50px;color:#e9d7af;box-shadow:0 14px 35px #0007;font-size:11px;letter-spacing:.3px}.sound-bars{display:flex;align-items:center;gap:2px;height:13px}.sound-bars i{width:2px;height:6px;background:#d5b77e;border-radius:2px}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:9px}.sound-bars i:nth-child(4){height:5px}.sound-dock.playing .sound-bars i{animation:glow 1.3s ease-in-out infinite alternate}.sound-dock.playing .sound-bars i:nth-child(2){animation-delay:.25s}.sound-dock.playing .sound-bars i:nth-child(3){animation-delay:.5s}.sound-panel{position:absolute;right:0;bottom:54px;width:min(320px,calc(100vw - 30px));padding:19px;background:#1d302edc;backdrop-filter:blur(26px);border:1px solid #9c835bc0;border-radius:11px;box-shadow:0 16px 60px #000b}.sound-panel-heading{font-size:10px;letter-spacing:1.5px;color:#e8d3a8;display:flex;justify-content:space-between;align-items:center}.sound-panel p{font-size:11px;color:#9ab0a9;margin:10px 0 13px}.text-small{border:0;background:transparent;color:#bbc4b9;font-size:15px}.sound-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.sound-presets button{font-size:10px;padding:8px 5px;background:#243d3a;border:1px solid #49605a;border-radius:5px;color:#bdc8c2}.sound-presets button.is-selected{background:#ab905a3d;border-color:#c0a269;color:#f4dbac}.volume-label{display:grid;gap:4px;margin:16px 0 7px;font-size:11px;color:#bcc9c1}.volume-label input{width:100%;accent-color:#ceb079}.switch-line{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;color:#c4d0c7}.switch-line input{accent-color:#cab077}.mobile-scrim{display:none}
@media(max-width:1250px){.sidebar{width:238px}.app-shell{grid-template-columns:238px 1fr}.view-container{padding:26px}.hero-content{padding:48px}.hero-bottom{left:48px}.evidence-grid,.allies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 25px}}
@media(max-width:1024px){.two-col{grid-template-columns:1fr}.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-bottom{grid-template-columns:repeat(2,1fr)}.welcome-bottom .welcome-detail:first-child{grid-column:span 2}.four-col{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:65px}}
@media(max-width:840px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100dvh;width:280px;transform:translateX(-105%);transition:transform .25s;box-shadow:0 20px 100px #0008}.sidebar.open{transform:none}.mobile-scrim.show{display:block;position:fixed;inset:0;background:#000a;z-index:29}.mobile-menu{display:grid}.topbar-breadcrumb span{display:none}.topbar-breadcrumb b:before{display:none}.view-container{padding:20px}.site-footer{padding:20px;flex-wrap:wrap}.hero{min-height:550px}.hero-content{min-height:550px;padding:39px}.hero-bottom{left:39px}}
@media(max-width:620px){.topbar{height:62px;padding:0 14px}.topbar-actions{gap:6px}.case-pill{font-size:9px;padding:5px 8px;max-width:112px;overflow:hidden;text-overflow:ellipsis}.top-audio{display:none}.topbar-breadcrumb{font-size:10px}.icon-button{width:31px;height:31px;font-size:16px}.view-container{padding:14px 13px 82px}.site-footer{font-size:8px;justify-content:center;text-align:center}.site-footer span:nth-child(2){display:none}.hero{border-radius:9px;min-height:585px;background-position:62% center}.hero-content{min-height:585px;padding:37px 26px 68px;justify-content:center}.hero h1{font-size:clamp(54px,14vw,78px);letter-spacing:-2px}.hero-desc{font-size:13px}.hero-mark{font-size:14px}.hero-corner{top:19px;right:18px;font-size:9px}.hero-bottom{left:26px;bottom:30px;right:20px;gap:12px;flex-wrap:wrap;font-size:8px}.welcome-bottom{grid-template-columns:1fr;gap:10px}.welcome-bottom .welcome-detail:first-child{grid-column:auto}.welcome-detail{min-height:auto}.page-title{font-size:39px}.page-heading{align-items:start;flex-direction:column}.section-header{align-items:flex-start;flex-direction:column}.two-equal,.three-col,.four-col,.mode-cards,.evidence-grid,.allies-grid,.vocab-list{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.panel{padding:18px}.panel-soft{padding:16px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:17px}.metric-value{font-size:28px}.phase-steps{display:grid;grid-template-columns:repeat(2,1fr)}.lead-row{grid-template-columns:42px 75px minmax(0,1fr);gap:7px;padding:12px}.lead-actions{grid-column:3}.lead-index{font-size:22px}.lead-code{font-size:10px;padding:5px}.lead-content strong{font-size:12px}.lead-content p{font-size:11px}.sound-dock{right:12px;bottom:12px}.sound-trigger{padding:9px 11px}.sound-trigger span:nth-child(2){font-size:10px}.modal{padding:22px}.score-form{grid-template-columns:repeat(2,1fr)}.quote-card{font-size:19px}.topbar-actions #backup-button{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}