/* The character files: warm paper, numbered portraits and familiar faces. */
.cast-page{--cast-red:#b83f2a;--cast-green:#244c40;--cast-sage:#e0e6d4;--cast-peach:#f5ddc9;--cast-yellow:#f5e6b8;background-image:radial-gradient(var(--line) .6px,transparent .6px);background-size:12px 12px}
.cast-page .page{max-width:1280px}.cast-page main{background:var(--paper)}
.cast-page [hidden]{display:none!important}.cast-page :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.cast-eyebrow{font:800 11px/1.5 var(--body);letter-spacing:.14em;color:var(--cast-red);margin:0 0 18px}
.cast-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:10px;min-height:590px;padding:48px 0 25px;border-bottom:2px solid var(--ink);overflow:hidden}
.cast-hero-copy{position:relative;z-index:2;padding:0 4px 26px;min-width:0}.cast-hero h1{font:700 clamp(62px,7.9vw,108px)/.98 Georgia,serif;letter-spacing:-.065em;margin:20px 0 26px;position:relative}.cast-hero h1>span,.cast-hero h1>em{display:block}.cast-hero h1>em{font-weight:400;color:var(--cast-red);letter-spacing:-.065em}
.cast-deck{font:16px/1.8 var(--body);color:var(--muted);max-width:380px;margin:0 0 27px}
.cast-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:48px;padding:11px 19px;background:var(--cast-green);color:#fff6e7;text-decoration:none;font:700 13px/1.5 var(--body);border:1px solid var(--cast-green);box-shadow:3px 3px 0 var(--line)}.cast-primary:hover{background:#38614e}.cast-primary>span{font-size:24px;line-height:1}
.cast-hero-stage{position:relative;align-self:stretch;min-height:510px;isolation:isolate}.cast-stage-orbit{position:absolute;width:88%;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;top:35px;left:5%;background:repeating-conic-gradient(from 10deg,transparent 0 19deg,var(--soft) 19deg 20deg);opacity:.7}
.cast-hero-stage img{position:absolute;height:auto;filter:drop-shadow(7px 10px 0 #20392c15);object-fit:contain}.cast-hero-chef{width:71%;left:24%;top:20%;z-index:3;transform:rotate(5deg)}.cast-hero-squid{width:53%;left:0;top:4%;z-index:1;transform:rotate(-14deg)}.cast-hero-boar{width:49%;left:0;bottom:2%;z-index:4;transform:rotate(-6deg)}
.cast-hero-stamp{position:absolute;right:0;top:0;z-index:5;display:grid;place-items:center;width:98px;height:98px;text-align:center;border:2px solid var(--cast-red);border-radius:50%;font:700 18px/1.15 Georgia,serif;color:var(--cast-red);padding:14px;box-sizing:border-box;transform:rotate(12deg);background:var(--paper)}
.cast-spark{position:absolute;font-size:54px;color:var(--cast-red);right:5%;bottom:7%;transform:rotate(12deg)}.cast-spark-two{left:0;top:46%;font-size:35px;color:#9c742d}

.cast-rollcall{padding:70px 0 35px;scroll-margin-top:25px}.cast-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}.cast-section-heading h2{font:700 clamp(40px,5vw,62px)/1.1 Georgia,serif;letter-spacing:-.045em;margin:0 0 12px}.cast-section-heading p:not(.cast-eyebrow){font:13px/1.7 var(--body);color:var(--muted);margin:0}.cast-section-heading .cast-eyebrow{margin-bottom:10px}.cast-section-heading [data-cast-count]{white-space:nowrap;font-size:11px}
.cast-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.cast-filters button{min-height:44px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font:700 12px/1.4 var(--body);padding:10px 16px;border-radius:24px;cursor:pointer}.cast-filters button[aria-pressed=true]{background:var(--cast-green);color:#fff6e7;border-color:var(--cast-green)}
.cast-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.cast-card{min-width:0;position:relative;border:1px solid var(--line);background:var(--panel);border-radius:4px;box-shadow:4px 5px 0 var(--soft);overflow:hidden;scroll-margin-top:25px}.cast-card[data-headliner=true]{grid-column:span 3}.cast-card[data-headliner=false]{grid-column:span 2}.cast-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 21px;background:var(--cast-sage)}.cast-number{font:700 18px/1 Georgia,serif;letter-spacing:-.5px;color:#244c40}
.cast-portrait{height:330px;background:var(--cast-sage);position:relative;overflow:hidden;padding:8px 30px 15px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cast-portrait img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;transition:transform .25s}.cast-card:hover .cast-portrait:not(.cast-atlas) img{transform:translateY(-5px) rotate(-2deg)}
.cast-slicebert :is(.cast-card-top,.cast-portrait){background:var(--cast-yellow)}.cast-splotto :is(.cast-card-top,.cast-portrait){background:var(--cast-peach)}.cast-truffle :is(.cast-card-top,.cast-portrait){background:#dddcd2}.cast-scovilly :is(.cast-card-top,.cast-portrait){background:var(--cast-peach)}.cast-anchovio :is(.cast-card-top,.cast-portrait){background:#cddfdb}
.cast-card-copy{padding:25px 23px 18px}.cast-role{font:700 9px/1.6 var(--body);letter-spacing:.1em;color:var(--cast-red);margin:0 0 12px}.cast-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 15px}.cast-name h3{font:700 clamp(26px,3.2vw,45px)/1.1 Georgia,serif;letter-spacing:-.045em;margin:0}.cast-alias{font:500 15px/1.5 Georgia,'PingFang TC',serif;color:var(--muted)}
.cast-bio{font:14px/1.85 var(--body);color:var(--ink);min-height:3.7em;margin:16px 0 22px;max-width:440px}.cast-sightings{display:flex;flex-wrap:wrap;gap:3px 12px;padding-top:15px;border-top:1px dashed var(--line);font:11px/1.65 var(--body)}.cast-seen-label{display:block;flex-basis:100%;font-size:9px;letter-spacing:.04em;color:var(--muted);margin-bottom:2px}.cast-sightings a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-underline-offset:4px}.cast-sightings>span:not(.cast-seen-label){display:block;flex-basis:100%}
.cast-card-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;padding-top:14px;margin-top:12px;border-top:1px solid var(--line)}.cast-card-actions button{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:7px 0;background:none;border:0;color:var(--cast-red);font:700 11px/1.5 var(--body);cursor:pointer}.cast-card-actions .icon{width:14px;height:14px}.cast-card-actions button:disabled{opacity:.6;cursor:wait}.cast-copyright{font:10px/1.5 var(--body);color:var(--muted)}
.cast-card .cast-atlas{height:auto;width:100%;aspect-ratio:1;padding:0}.cast-atlas img{position:absolute;width:190%;height:190%;max-width:none;object-fit:fill}.cast-q00 img{left:5%;top:5%}.cast-q10 img{left:-95%;top:5%}.cast-q01 img{left:5%;top:-95%}.cast-q11 img{left:-95%;top:-95%}
.cast-save-status{font:12px/1.7 var(--body);min-height:1.7em;margin:20px 0 0;color:var(--cast-red)}
.cast-costumes{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding:25px 30px;margin:15px 0 55px;background:var(--soft);border-block:1px solid var(--line)}.cast-costumes h2{font:700 clamp(28px,3.8vw,44px)/1.12 Georgia,serif;letter-spacing:-.035em;max-width:460px;margin:10px 0 20px}.cast-costumes p:last-child{font:14px/1.85 var(--body);max-width:430px}.cast-costume-art{display:flex;min-width:0;align-items:center}.cast-costume-art img{width:53%;height:auto;min-width:0;filter:drop-shadow(5px 7px 0 #20392c10)}.cast-costume-art img:first-child{transform:rotate(-7deg);margin-right:-8%}.cast-costume-art img:last-child{transform:rotate(7deg)}
.cast-end{padding:30px 0 55px;text-align:center;border-bottom:4px solid var(--cast-red)}.cast-end>span{font-size:43px;color:var(--cast-red)}.cast-end h2{font:700 clamp(32px,4vw,50px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:18px auto;max-width:700px}.cast-end p{font:13px/1.8 var(--body);color:var(--muted);max-width:520px;margin:0 auto 24px}.cast-page .site-footer .copyright-notice{font:11px/1.5 var(--body);color:var(--muted)}
html[data-theme=dark] .cast-page{--cast-red:#f39b7a;--cast-sage:#c9d3ba;--cast-peach:#dec1ac;--cast-yellow:#dccc9d}.cast-page .cast-primary{color:#fff6e7}html[data-theme=dark] .cast-costumes{background:#394234}
html:lang(zh) .cast-hero h1{font-family:Georgia,'Noto Serif TC','Songti TC',serif;font-size:clamp(52px,6.7vw,88px);line-height:1.12;letter-spacing:-.04em}html:lang(zh) .cast-hero h1 em{letter-spacing:-.04em}html:lang(zh) .cast-deck{font-size:17px}html:lang(zh) .cast-role{font-size:12px;letter-spacing:.05em}html:lang(zh) .cast-bio{font-size:16px;line-height:1.8}html:lang(zh) .cast-sightings{font-size:13px}html:lang(zh) .cast-seen-label{font-size:11px}html:lang(zh) .cast-card-actions button{font-size:13px}
@media(max-width:1000px){.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cast-card[data-headliner]{grid-column:span 1}.cast-hero{min-height:520px}.cast-hero-stage{min-height:450px}.cast-portrait{height:290px}.cast-hero-stamp{width:83px;height:83px;font-size:15px}.cast-grid{gap:18px}.cast-card-copy{padding:21px 18px 14px}}
@media(max-width:780px){.cast-hero{grid-template-columns:1fr;gap:0;padding-top:35px}.cast-hero-copy{padding-bottom:0}.cast-hero h1{font-size:clamp(55px,11vw,84px);max-width:650px}.cast-deck{max-width:480px}.cast-hero-stage{width:min(540px,100%);min-height:440px;justify-self:end;margin-top:10px}.cast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cast-card[data-headliner]{grid-column:span 1}.cast-portrait{height:280px}.cast-costumes{grid-template-columns:1fr;gap:20px;padding:24px}.cast-costume-art{max-width:440px;margin:auto}.cast-costumes h2{max-width:600px}.cast-rollcall{padding-top:48px}.cast-section-heading{align-items:start}}
@media(max-width:540px){.cast-grid{grid-template-columns:minmax(0,1fr);gap:24px}.cast-hero h1{font-size:clamp(46px,11.4vw,62px)}.cast-hero-stage{min-height:350px;margin-top:18px}.cast-hero-stamp{width:75px;height:75px;font-size:14px;padding:10px;right:3px}.cast-hero-chef{width:68%;top:19%;left:28%}.cast-hero-boar{width:50%;bottom:0}.cast-hero-squid{width:52%;top:5%}.cast-hero .cast-eyebrow{font-size:9px}.cast-deck{font-size:14px}.cast-section-heading{display:block}.cast-section-heading [data-cast-count]{margin-top:12px}.cast-name h3{font-size:40px}.cast-portrait{height:300px}.cast-atlas{height:auto;aspect-ratio:1}.cast-atlas img{height:auto;aspect-ratio:1}.cast-filters{gap:6px}.cast-filters button{font-size:11px;padding-inline:12px}.cast-card-copy{padding:24px}.cast-bio{min-height:0;font-size:15px}.cast-costumes{padding:24px 18px}.cast-end{padding-bottom:40px}.cast-end h2{font-size:34px}.cast-spark{font-size:35px}html:lang(zh) .cast-hero h1{font-size:clamp(44px,10.8vw,60px)}html:lang(zh) .cast-deck{font-size:16px}}
@media(prefers-reduced-motion:reduce){.cast-portrait img{transition:none}.cast-card:hover .cast-portrait:not(.cast-atlas) img{transform:none}}
.cast-card{display:flex;flex-direction:column}.cast-card-copy{display:flex;flex-direction:column;flex:1}.cast-sightings{display:block;margin-top:auto}.cast-game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;list-style:none;margin:8px 0 0;padding:0}.cast-game-list li{min-width:0}.cast-game-list a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-height:44px;padding:4px 0;text-decoration:none}.cast-game-list a>span{font-size:13px;text-decoration:underline;text-underline-offset:3px}.cast-game-list a>small{font-size:11px;line-height:1.5;color:var(--muted)}
.cast-card.cast-pesto{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.cast-pesto .cast-card-top{grid-column:1/-1;background:#cbded6}.cast-pesto .cast-portrait{background:#cbded6;height:340px}.cast-pesto .cast-card-copy{justify-content:center}.cast-pesto .cast-sightings{margin-top:0}.cast-pesto .cast-bio{min-height:0}.cast-pesto .cast-card-actions{margin-top:18px}
html:lang(zh) .cast-game-list a>span{font-size:15px}html:lang(zh) .cast-game-list a>small{font-size:12px}
@media(max-width:540px){.cast-card.cast-pesto{display:block}.cast-pesto .cast-portrait{height:300px}.cast-game-list a>span{font-size:12px}.cast-game-list a>small{font-size:10px}}
.cast-coming-soon{font:700 12px/1.7 var(--body);color:var(--muted);padding:14px 0;margin:0;border-top:1px dashed var(--line)}