/* The contender reveal: full-height stage, printed identity, portrait roster. */
#help-panel[data-page="characters"]{padding:16px;background:linear-gradient(105deg,#04151fed,#0a2837ec),url('../assets/ui/title-city-v2.png') center/cover}
#help-panel[data-page="characters"] .menu-sheet{width:min(1680px,98vw);max-width:1680px;height:calc(100dvh - 32px);max-height:none;padding:18px 24px 12px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 25% 60%,#173c46,#071c29 65%);border-top-width:5px}
#help-panel[data-page="characters"] .sheet-top{flex:none;margin:0;height:30px}
#help-panel[data-page="characters"] .menu-sheet #panel-title{font-size:clamp(30px,3.1vw,48px);margin:3px 0 8px;flex:none;align-self:flex-start}
#help-panel[data-page="characters"] .screen-quip{position:absolute;top:46px;right:95px;font-size:10px!important;max-width:320px;margin:0!important}
#cast-sheet{flex:1;min-height:0;display:flex;flex-direction:column}
#cast-sheet .cast-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:22px;align-items:stretch}
#cast-sheet .cast-stage{min-height:0;overflow:hidden;border:1px solid #c9c1a93d;box-shadow:none;background:radial-gradient(ellipse at 53% 40%,#37666d44,transparent 58%),linear-gradient(112deg,#0c2635,#204752 52%,#071c2c);isolation:isolate}
#cast-sheet .cast-stage::before{background:linear-gradient(112deg,transparent 27%,#d9dfc50d 27%,#e8e4c31f 43%,transparent 43%),repeating-conic-gradient(from 12deg at 50% 80%,transparent 0 19deg,#c3c8b708 19deg 20deg);z-index:-1}
#cast-sheet .cast-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#061825f5,transparent 24%,transparent 80%,#06182566);z-index:1}
#cast-sheet #cast-preview{width:100%;height:100%;min-height:0;position:absolute;inset:0;z-index:1;cursor:grab;touch-action:none}
#cast-sheet #cast-preview:active{cursor:grabbing}
#cast-sheet .cast-stage-label{top:18px;left:22px;right:22px;background:none;border:0;padding:0;transform:none;color:#d1c49e;font:800 9px Arial,sans-serif;display:flex;justify-content:space-between;letter-spacing:.16em}
.cast-stage-label span{color:#ed698e;letter-spacing:.1em}
.cast-identity{position:absolute;top:52px;left:24px;z-index:2;pointer-events:none;max-width:38%;filter:drop-shadow(2px 3px 0 #04141e)}
.cast-identity>span{display:block;font:800 9px Arial,sans-serif;letter-spacing:.2em;color:#b5c9c6;margin-bottom:9px}
.cast-identity>strong{display:block;font:clamp(29px,3.2vw,54px)/.98 var(--comic-type);text-transform:uppercase;color:#fff0ce;overflow-wrap:anywhere;letter-spacing:.025em}
.cast-identity>b{display:table;font:clamp(40px,5vw,78px)/1 var(--comic-type);letter-spacing:.04em;color:#f3dcaa;border-left:5px solid #c33160;padding-left:12px;margin-top:15px}
.cast-reveal-caption{position:absolute;z-index:2;left:24px;right:24px;bottom:70px;pointer-events:none}
.cast-reveal-caption>span{display:table;font:22px var(--comic-type);text-transform:uppercase;letter-spacing:.07em;color:#ebd49f}
#cast-sheet .cast-reveal-caption p{font:12px/1.5 Arial,sans-serif;color:#c2d5d0;margin:6px 0 0;max-width:65%}
#cast-sheet .cast-preview-tools{z-index:3;left:24px;right:auto;bottom:18px;flex-direction:row;gap:7px;flex-wrap:wrap}
#cast-sheet .cast-preview-tools button{font:11px Arial,sans-serif;font-weight:800;padding:9px 10px;letter-spacing:.06em;background:#0a2635e8;color:#e8dcba;border:1px solid #6b8584;box-shadow:none;min-height:32px}
#cast-sheet .cast-preview-tools button:hover,#cast-sheet .cast-preview-tools button[aria-pressed=true]{background:#bd315c;color:#fff0ce;border-color:#e0ba92}
.cast-roster{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:2px 6px 4px 2px;scrollbar-width:thin;scrollbar-color:#bd315c #102733}
.cast-roster-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 14px;flex:none}
.cast-roster-heading>span{font:19px var(--comic-type);letter-spacing:.065em;color:#f5dfb4}.cast-roster-heading>b{font:800 9px Arial,sans-serif;color:#a2b7b7;letter-spacing:.1em}
#cast-sheet #cast-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;flex:none;padding:3px 3px 8px}
#cast-sheet .cast-card,#cast-sheet .cast-card[aria-pressed=true]{display:block;position:relative;min-height:0;aspect-ratio:.72;padding:0;border:2px solid #36545d;background:#102f3b;box-shadow:3px 3px 0 #020f19;transform:none;overflow:hidden;isolation:isolate}
#cast-sheet .cast-card img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.65);transition:filter .2s,transform .25s}
#cast-sheet .cast-card::after{inset:0;width:auto;background:linear-gradient(0deg,#041520 0%,transparent 55%);z-index:0}
#cast-sheet .cast-card .cast-number{position:absolute;top:5px;left:5px;font:10px var(--comic-type);color:#dbd5be;z-index:1;text-shadow:1px 1px #00151c}
#cast-sheet .cast-card strong{position:absolute;left:3px;right:3px;bottom:7px;font:clamp(13px,1.3vw,20px)/1 var(--comic-type);letter-spacing:.025em;z-index:1;text-align:center;color:#e8ddc2}
#cast-sheet .cast-card[aria-pressed=true]{border-color:#f4d6a0;box-shadow:0 0 0 2px #c13664,0 0 24px #c1366433;transform:translateY(-2px)}
#cast-sheet .cast-card[aria-pressed=true] img,#cast-sheet .cast-card:hover img{filter:saturate(1);transform:scale(1.055)}
#cast-sheet .cast-card[aria-pressed=true]::after{background:linear-gradient(0deg,#b32d56 0%,transparent 65%)}
#cast-sheet .cast-card .cast-check{display:block;position:absolute;right:4px;top:3px;z-index:2;font-size:16px;color:#fff0ce}
#cast-sheet .cast-heading{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 0;gap:8px}
#cast-sheet .cast-heading h3{font:clamp(30px,3.1vw,46px)/1 var(--comic-type);letter-spacing:.04em}
#cast-selection-index{font:13px var(--comic-type);color:#d4bd8c;letter-spacing:.12em}
#cast-sheet #cast-caption{font:12px Arial,sans-serif;color:#e1cca3;margin:7px 0;min-height:0}
#cast-sheet #cast-status{font:800 8px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#91b5b2;margin:5px 0 16px;min-height:12px}
#cast-sheet .cast-actions{position:static;flex:none;min-height:76px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #68726b4d;box-shadow:none;background:none;flex-wrap:nowrap;gap:20px}
#cast-sheet .cast-actions .primary{min-width:270px;min-height:57px;margin-left:auto;font-size:24px}
.cast-fate{font:800 9px Arial,sans-serif;letter-spacing:.16em;color:#9badab;margin-left:6px}
#cast-sheet .cast-mode{display:flex;align-items:center;gap:12px;font-size:9px}#cast-sheet .cast-mode select{font-size:13px;padding:10px}
@media(min-width:1100px) and (max-height:820px){#cast-sheet #cast-status{margin-bottom:10px}#cast-sheet .cast-heading{margin-top:10px}#cast-sheet .cast-card{aspect-ratio:.8}#cast-sheet .cast-roster-heading{padding:5px 0 10px}}
@media(max-width:1099px){#cast-sheet .cast-layout{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:16px}#help-panel[data-page="characters"] .screen-quip{display:none}#cast-sheet #cast-list{gap:6px}.cast-roster-heading>span{font-size:16px}.cast-roster-heading>b{font-size:8px}.cast-identity{max-width:44%;left:18px}.cast-identity>strong{font-size:32px}.cast-identity>b{font-size:52px}.cast-fate{display:none}#cast-sheet .cast-preview-tools{left:16px;gap:5px}#cast-sheet .cast-preview-tools button{font-size:9px;padding:8px}.cast-reveal-caption{left:18px}}
@media(max-width:740px){#help-panel[data-page="characters"]{padding:8px}#help-panel[data-page="characters"] .menu-sheet{height:calc(100dvh - 16px);padding:12px;overflow:auto;display:block}#help-panel[data-page="characters"] .menu-sheet #panel-title{font-size:32px;margin:6px 0 14px}#cast-sheet{display:block}#cast-sheet .cast-layout{display:flex;flex-direction:column;gap:20px}#cast-sheet .cast-stage{height:clamp(470px,70dvh,700px);flex:none}#cast-sheet #cast-preview{height:100%}.cast-roster{overflow:visible;min-height:0}.cast-identity{top:48px;max-width:40%}.cast-identity>strong{font-size:30px}.cast-identity>b{font-size:50px}.cast-reveal-caption>span{font-size:19px}#cast-sheet .cast-reveal-caption p{font-size:11px;max-width:90%}#cast-sheet .cast-stage-label{font-size:7px;left:16px;right:16px}.cast-roster-heading>span{font-size:20px}#cast-sheet .cast-card,#cast-sheet .cast-card[aria-pressed=true]{aspect-ratio:.78}#cast-sheet .cast-card strong{font-size:15px}#cast-sheet .cast-heading h3{font-size:36px}#cast-sheet .cast-actions{position:sticky;bottom:-12px;z-index:5;background:#071d29;padding:12px 0;gap:10px;margin-top:20px;min-height:70px}#cast-sheet .cast-mode{display:block;font-size:7px}#cast-sheet .cast-mode select{display:block;font-size:11px;padding:8px;margin-top:3px}#cast-sheet .cast-actions .primary{min-width:0;flex:1;width:auto;min-height:54px;font-size:20px}#cast-sheet #personal-best{display:none}}
@media(max-height:600px) and (min-width:741px){#help-panel[data-page="characters"] .menu-sheet{overflow:auto;display:block}#cast-sheet{display:block}#cast-sheet .cast-layout{min-height:520px}#cast-sheet .cast-stage{min-height:520px}#cast-sheet .cast-actions{position:sticky;bottom:-12px;background:#071d29;z-index:5}}
@media(prefers-reduced-motion:reduce){#cast-sheet .cast-card img{transition:none}}
@media(max-width:740px){
 .cast-identity{top:40px;left:16px;right:16px;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
 .cast-identity>span{grid-column:1/-1;font-size:7px;margin-bottom:5px}.cast-identity>strong{font-size:25px;line-height:1;max-width:100%;letter-spacing:.01em}.cast-identity>b{font-size:38px;margin:0;padding-left:8px;border-left-width:3px}
 #cast-sheet #cast-preview{top:110px;height:calc(100% - 205px)}
 .cast-reveal-caption{bottom:57px;left:16px;right:16px}.cast-reveal-caption>span{font-size:16px}#cast-sheet .cast-reveal-caption p{max-width:100%;font-size:10px;margin-top:4px}
 #cast-sheet .cast-preview-tools{display:grid;grid-template-columns:repeat(5,1fr);left:16px;right:16px;bottom:14px;gap:4px}#cast-sheet .cast-preview-tools button{padding:7px 2px;font-size:8px;letter-spacing:0;min-height:30px}
}