.character-screen{--cast-accent:#86a98c;min-height:100svh;background:#111a1c;color:#e7e4d9;font-family:'Space Grotesk','Noto Sans Thai',sans-serif;background-image:radial-gradient(ellipse at 65% 10%,#26333088,transparent 65%);}
.character-screen[hidden]{display:none!important}.in-characters{overflow:auto!important;background:#111a1c}.cast-top{height:76px;max-width:1380px;margin:auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3cfb824}.cast-back{font-size:12px;color:#b8bfba;min-height:44px;display:flex;align-items:center;gap:8px}.cast-brand{display:flex;align-items:center;gap:5px;color:#dcc78b;font:28px Georgia,serif}.cast-brand>span{font-size:14px;align-self:flex-start;margin-top:6px}.cast-brand b{font-family:'Space Grotesk',sans-serif;font-size:14px;letter-spacing:3px;margin-left:12px}.cast-brand small{display:block;font-size:7px;font-weight:400;letter-spacing:3.5px;margin-top:6px;color:#919c98}.cast-chapter,.cast-caption{font-size:9px;letter-spacing:2px;color:#85918a}.cast-main{max-width:1200px;margin:auto;padding:40px 44px 24px}.cast-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.cast-eyebrow{display:block;font-size:9px;color:var(--cast-accent);letter-spacing:2.3px}.cast-heading h1{font-size:32px;line-height:1.45;letter-spacing:-1px;margin:9px 0 0;font-weight:500}.cast-heading h1 span{color:#d1b778}.cast-heading>p{font-size:11px;line-height:1.8;color:#99a69e;border-left:1px solid #d3cfb82c;padding-left:20px;margin:0}.cast-mobile{display:none}.cast-roster{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:28px}.cast-member{position:relative;background:#192323;border:1px solid #aeb2a51c;color:#c0c6bd;min-height:68px;border-radius:2px;text-align:left;padding:11px 10px 9px 32px;transition:background .2s,border-color .2s}.cast-member span:not(.cast-member-icon){display:block;font-size:15px}.cast-member small{display:block;font-size:7px;letter-spacing:1px;margin-top:5px;color:#7b8b83}.cast-member-icon{position:absolute;width:7px;height:7px;left:14px;top:17px;transform:rotate(45deg);background:var(--member-color);opacity:.55}.cast-member[aria-pressed=true]{border-color:var(--member-color);background:#263230;color:#f2ead6;box-shadow:inset 0 -2px var(--member-color)}.cast-member[aria-pressed=true] .cast-member-icon{opacity:1}.cast-member:focus-visible,.cast-next:focus-visible,.cast-view-switch button:focus-visible{outline:2px solid #e4cb8c;outline-offset:4px}.cast-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:38px}.cast-profile{padding:20px 0}.cast-number{font-size:11px;color:#727f77;letter-spacing:3px;display:block;margin-bottom:35px}.cast-name{font-size:52px;line-height:1.3;letter-spacing:-2px;margin:8px 0 0;font-weight:500}.cast-role{font-size:13px;color:var(--cast-accent);margin:4px 0 20px}.cast-intro{font-size:13px;line-height:1.9;color:#b4bdb4;max-width:240px}.cast-profile-rule{height:1px;background:#e1d9b622;margin:25px 0}.cast-place,.cast-detail{font-size:11px;line-height:1.9;margin:6px 0 20px}.cast-note{font-size:10px;color:#829083;line-height:1.8;margin-top:22px}.cast-display{min-width:0;border:1px solid #a8ad9429;background:#172121;position:relative}.cast-display-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px;border-bottom:1px solid #a8ad9429}.cast-view-switch{display:flex;gap:2px}.cast-view-switch button{padding:8px 10px;min-height:40px;background:transparent;color:#819187;font-size:11px;border-radius:2px;border:1px solid transparent}.cast-view-switch button[aria-pressed=true]{border-color:#8e9d7840;color:#e5d9b5;background:#27322b}.cast-art{position:relative;margin:0;padding:16px;min-height:300px}.cast-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f6f0e4}.cast-art figcaption{display:flex;justify-content:space-between;padding-top:13px;font-size:7px;letter-spacing:1.3px;color:#7c8981}.cast-image-error{position:absolute;inset:25% 8%;background:#172b28f5;color:#e8dfc8;padding:24px;text-align:center;font-size:14px}.cast-retry{display:block;margin:12px auto;background:#d9c38d;color:#192923;padding:10px 20px}.cast-movement{padding:24px}.cast-movement[hidden],.cast-art[hidden],.cast-image-error[hidden]{display:none}.cast-spec-summary strong{font-size:23px;font-weight:500}.cast-spec-summary strong span{font-size:11px;color:var(--cast-accent);margin-left:14px}.cast-spec-summary p{font-size:11px;color:#a7b3a9;line-height:1.8}.cast-state-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:20px 0}.cast-state{border:1px solid #81927735;min-height:39px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#aebbac}.cast-state b{font-size:13px;color:#e1d3b1;white-space:nowrap}.cast-state small{font-size:9px;color:#859480;font-weight:400}.cast-work,.cast-tech{font-size:11px;line-height:1.8;color:#a9b5a6}.cast-tech summary{cursor:pointer;min-height:44px;padding-top:10px;color:#d5c697}.cast-dialogue{margin-top:28px;border:1px solid #b9a67980;box-shadow:inset 0 0 0 4px #192223,inset 0 0 0 5px #b9a67925,0 14px 32px #0002;background:linear-gradient(110deg,#263631,#172824);padding:18px;display:grid;grid-template-columns:105px minmax(0,1fr);gap:22px;position:relative}.cast-dialogue:before,.cast-dialogue:after{content:'';position:absolute;width:5px;height:5px;background:#d9c38c;top:-3px;transform:rotate(45deg)}.cast-dialogue:before{left:12px}.cast-dialogue:after{right:12px}.cast-portrait{border:1px solid #c6b78375;background-size:200% auto;background-position:right top;background-color:#f2e8d3;min-height:110px}.cast-dialogue-content{min-width:0}.cast-speaker-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cast-speaker{font-size:17px;letter-spacing:.5px;color:#e4cea0}.cast-dialogue-kind{font-size:9px;color:#9eafa2}.cast-dialogue-text{font-size:14px;line-height:1.9;min-height:50px;margin:8px 0;color:#e9e7d9}.cast-dialogue-footer{display:flex;align-items:center;justify-content:space-between}.cast-line-count{font-size:9px;letter-spacing:2px;color:#81998b}.cast-next{min-height:38px;padding:6px 0 6px 16px;color:#ceb77e;background:transparent;font-size:11px}.cast-next span{display:inline-block;margin-left:13px;font-size:8px;animation:castPrompt 1.5s ease-in-out infinite}.cast-footer{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:1.4px;color:#68796e;margin-top:25px;align-items:center}.cast-footer a{font-size:10px;color:#b5bb9b;min-height:44px;display:flex;align-items:center}.cast-entry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #e7c47c55;background:#17312dcc;color:#f0d99a;padding:0 15px;font-size:11px;letter-spacing:.5px}.world-heading .cast-entry{min-height:30px;font-size:10px;padding:0 9px}.cast-entry:hover{background:#2b4439}@keyframes castPrompt{50%{transform:translateX(3px);opacity:.55}}
@media(max-width:800px){.cast-top{height:62px;padding:0 20px}.cast-main{padding:25px 20px 18px}.cast-chapter{font-size:7px;letter-spacing:1px}.cast-heading{align-items:start;gap:12px;margin-bottom:22px}.cast-heading h1{font-size:25px}.cast-heading>p{font-size:9px;padding-left:12px}.cast-layout{grid-template-columns:200px minmax(0,1fr);gap:20px}.cast-roster{gap:5px}.cast-member{padding-left:12px;text-align:center}.cast-member-icon{display:none}.cast-member small{font-size:6px}.cast-name{font-size:40px}.cast-art{padding:10px;min-height:0}.cast-display-top{padding:0 10px}.cast-display-top>.cast-caption{font-size:7px;letter-spacing:1px}}
@media(max-width:580px){.cast-top{height:58px;padding:0 16px}.cast-back{font-size:10px}.cast-brand{font-size:23px}.cast-brand b{font-size:10px;letter-spacing:2px;margin-left:5px}.cast-brand small{font-size:5px;letter-spacing:2px}.cast-chapter{display:none}.cast-main{padding:23px 16px 14px}.cast-heading{display:block;margin-bottom:20px}.cast-eyebrow{font-size:8px;letter-spacing:1.8px}.cast-heading h1{font-size:27px;line-height:1.5;margin-top:8px}.cast-mobile{display:block}.cast-heading>p{border:0;padding:0;margin-top:8px;font-size:10px;line-height:1.6}.cast-heading>p br{display:none}.cast-roster{display:flex;overflow-x:auto;gap:6px;padding:3px 1px 12px;margin-bottom:16px;scrollbar-width:thin;scrollbar-color:#7b856a #172523}.cast-member{flex:0 0 82px;min-height:65px;padding:10px 6px}.cast-member small{font-size:6px;letter-spacing:.5px}.cast-layout{display:flex;flex-direction:column;gap:15px}.cast-profile{position:relative;padding:0}.cast-number{position:absolute;right:0;top:0;font-size:9px;margin:0}.cast-name{font-size:35px;letter-spacing:0;display:inline-block;margin:5px 0 0}.cast-role{display:inline-block;font-size:12px;margin:0 0 0 13px}.cast-intro{font-size:11px;line-height:1.8;max-width:none;margin:7px 0 0}.cast-profile-rule,.cast-profile>.cast-caption,.cast-place,.cast-detail,.cast-note{display:none}.cast-display-top{height:48px;padding:0 12px}.cast-art{padding:9px}.cast-art figcaption{font-size:6px;letter-spacing:1px;padding-top:9px}.cast-view-switch button{font-size:10px;padding:7px 8px}.cast-dialogue{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:12px;margin-top:20px}.cast-portrait{min-height:83px;height:90px}.cast-speaker-line{gap:3px;display:block}.cast-speaker{font-size:16px}.cast-dialogue-kind{display:block;font-size:8px;line-height:1.6;margin-top:4px}.cast-dialogue-text{font-size:12px;line-height:1.85;margin:7px 0 0;min-height:66px}.cast-next{min-height:44px;font-size:10px}.cast-footer{font-size:6px;letter-spacing:.8px;margin-top:14px;gap:8px}.cast-footer>span:last-child{display:none}.cast-footer a{font-size:9px}.cast-movement{padding:17px}.cast-spec-summary strong{font-size:20px}.cast-spec-summary strong span{font-size:10px;margin-left:8px}.cast-state-grid{gap:5px}.cast-state{padding:8px 6px;font-size:9px}.cast-state b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cast-next span{animation:none}.cast-member{transition:none}}
.cast-heading h1 span{display:inline}.cast-heading h1{padding:0;max-width:none}.cast-note{overflow-wrap:anywhere}
@media(max-width:580px){.cast-intro{font-size:12px}.cast-dialogue-text{font-size:13px}.cast-profile .cast-note{display:block;font-size:9px;margin:7px 0 0;color:#839385}}