@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+TC:wght@500;600;700;900&family=Outfit:wght@400;500;600;700&display=swap";
:root{--ink:#253046;--paper:#f8f7f3;--cream:#f0e9df;--line:#d9d4cd;--blue:#8ccfe3;--deep-blue:#426a87;--coral:#ec907f;--yellow:#f3cb69;--muted:#777984}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Outfit,Noto Serif TC,sans-serif}a{color:inherit;text-decoration:none}.site-frame{grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fffefa;flex-direction:column;height:100vh;min-height:100vh;padding:31px 25px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:.16em;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;line-height:1.25;display:flex}.brand-star{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:29px;height:29px;font-size:15px;display:grid}.sidebar nav{margin-top:62px}.nav-label,.section-kicker,.eyebrow,.character-en{letter-spacing:.12em;color:#777985;margin:0;font-family:DM Mono,monospace;font-size:10px}.story-nav{align-items:flex-start;gap:11px;margin:13px 0 21px;display:flex}.story-index{color:var(--coral);border:1px solid var(--coral);border-radius:50%;place-items:center;width:23px;height:23px;margin-top:1px;font:500 10px DM Mono,monospace;display:grid}.story-nav-title{margin:0 0 2px;font-family:Noto Serif TC,serif;font-size:16px;font-weight:700}.story-nav small{color:var(--muted);font-size:11px}.nav-link{color:#747783;border-radius:5px;align-items:center;gap:10px;margin:2px -9px;padding:9px;font-size:13px;transition:all .2s;display:flex}.nav-link:hover{color:var(--ink);background:#f2efe9}.nav-link.active{color:#315d75;background:#e7f3f6;font-weight:600}.nav-link>span{text-align:center;width:14px;font:500 10px DM Mono,monospace}.episode-group{margin-top:39px}.episode-group .nav-label{margin-bottom:8px}.episode-link{align-items:flex-start;line-height:1.45}.disabled{cursor:default;color:#bbb9b6}.disabled:hover{color:#bbb9b6;background:0 0}.sidebar-bottom{border-top:1px solid var(--line);color:#989895;justify-content:space-between;margin-top:auto;padding-top:20px;font:10px DM Mono,monospace;display:flex}.sound-lines{color:var(--deep-blue);letter-spacing:-2px}.archive-return{border-top:1px solid var(--line);color:#637b89;align-items:center;margin:18px -9px 0;padding:10px 9px;font:500 11px Noto Serif TC,serif;transition:color .2s,background .2s;display:flex}.archive-return:hover{color:#315d75;background:#edf5f6}.archive-return:focus-visible{outline-offset:2px;outline:3px solid #76abc0}.main-content{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#f8f7f3e0;justify-content:space-between;align-items:center;height:70px;padding:0 6.5%;font-family:Noto Serif TC,serif;font-size:12px;display:flex;position:sticky;top:0}.topbar-mark{letter-spacing:.1em;color:var(--coral);font:10px DM Mono,monospace}.mobile-brand,.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-overlay{display:none}.page-content{max-width:1180px;margin:0 auto;padding:68px 7.5% 85px}footer{border-top:1px solid var(--line);color:#969696;letter-spacing:.1em;padding:24px 7.5%;font:9px DM Mono,monospace}.hero-card{color:#f8fbfc;background:linear-gradient(122deg,#27465ff0,#578fa9bf),url(https://pub-4c3e5eee31794e18943a3a91d356a138.r2.dev/12month/bg01.webp) 50%/cover;border-radius:3px;min-height:480px;padding:74px 8.5%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff21}.hero-card:after{content:"";border:1px solid #ffffff61;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-330px;right:-180px;box-shadow:0 0 0 70px #ffffff0d,0 0 0 140px #ffffff0a}.hero-snow{color:#fff;opacity:.75;letter-spacing:6px;position:absolute;top:44px;right:8%}.hero-card .eyebrow{color:#e7eff1}.hero-date{letter-spacing:.1em;color:#f6d887;margin:18px 0 2px;font:11px DM Mono,monospace}.hero-card h1,.episode-header h1{z-index:1;letter-spacing:.02em;margin:0;font:700 clamp(40px,5vw,67px)/1.14 Noto Serif TC,serif;position:relative}.hero-card h1 em,.episode-header h1 em{color:#f4d275;font-style:normal}.hero-lead{max-width:360px;margin:25px 0 30px;font-family:Noto Serif TC,serif;font-size:14px;line-height:2}.primary-button{color:var(--ink);background:#f8f7f3;align-items:center;gap:24px;padding:12px 16px;font-size:12px;font-weight:600;display:inline-flex}.primary-button span{color:var(--coral);font-size:16px}.content-section{padding:105px 0}.intro-grid{grid-template-columns:.9fr 1.1fr;gap:8%;display:grid}.section-kicker{color:var(--coral);margin-bottom:13px}.content-section h2,.characters h2,.poll-heading h2,.youtube-placeholder h2{letter-spacing:.02em;margin:0;font:700 clamp(27px,3.1vw,40px)/1.35 Noto Serif TC,serif}.reading-copy{color:#485062;font-family:Noto Serif TC,serif;font-size:14px;line-height:2.1}.reading-copy p{margin:0 0 20px}.reading-copy strong{color:#355d79}.mystery-note{text-align:center;background:#fffefa;border:1px solid #dfdad1;margin:0 3%;padding:49px 10% 45px;position:relative;box-shadow:8px 10px #eee8de}.note-pin{color:var(--coral);font-size:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.mystery-note blockquote{color:#344f65;margin:22px 0 17px;font:700 clamp(23px,3vw,35px)/1.55 Noto Serif TC,serif}.mystery-note>p:last-child{color:#777984;margin:0;font-size:13px}.outcome-section{align-items:center;gap:58px;max-width:840px;margin:0 auto;display:flex}.outcome-number{color:#dceaf0;font:700 clamp(80px,13vw,155px)/.7 Noto Serif TC,serif}.outcome-section>div:last-child{flex:1}.outcome-section .reading-copy{margin-top:18px}.characters{padding-top:25px}.characters-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding-bottom:27px;display:flex}.characters-heading>p{max-width:300px;color:var(--muted);margin:0;font:13px/1.8 Noto Serif TC,serif}.character-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:30px;display:grid}.character-card{background:var(--paper);grid-template-columns:42% 1fr;min-height:245px;display:grid}.portrait-wrap{background:#d9e2e1;position:relative;overflow:hidden}.portrait-wrap:after{content:"";background:linear-gradient(#0000 55%,#1c304026);position:absolute;inset:0}.portrait-wrap img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s;display:block}.character-card:hover img{transform:scale(1.04)}.character-no{z-index:1;color:#fff;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:25px;height:25px;font:10px DM Mono,monospace;display:grid;position:absolute;top:12px;left:12px}.character-info{padding:27px 22px 18px}.character-en{color:var(--coral);font-size:9px}.character-info h3{margin:6px 0 7px;font:700 22px Noto Serif TC,serif}.character-role{color:#3b6f8f;border-bottom:1px solid #a7c6d3;padding-bottom:2px;font-size:11px}.character-info>p:last-child{color:#676d7c;margin:14px 0 0;font:13px/1.75 Noto Serif TC,serif}.character-card.supporting{min-height:205px}.character-card.supporting .portrait-wrap{filter:saturate(.72)}.character-card.supporting .character-info{padding-top:22px}.episode-header{text-align:center;border-bottom:1px solid var(--line);padding:8px 0 54px}.episode-header .eyebrow{color:var(--coral)}.episode-no{color:#668aa1;letter-spacing:.15em;margin:22px 0 6px;font:500 12px DM Mono,monospace}.episode-header h1{font-size:clamp(39px,5vw,66px)}.episode-meta{color:#80838b;justify-content:center;align-items:center;gap:13px;margin-top:23px;font-size:11px;display:flex}.episode-meta i{background:var(--coral);border-radius:50%;width:3px;height:3px}.youtube-placeholder{color:#f8f7f3;background-color:#314b60;background-image:linear-gradient(120deg,#314b60f2,#476f84e6),url(https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;grid-template-columns:auto 1fr auto;align-items:center;gap:23px;margin:44px 0 64px;padding:24px 31px;display:grid}.youtube-embed{aspect-ratio:16/9;background:#253046;margin:44px 0 64px;position:relative}.youtube-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.play-mark{background:var(--coral);border-radius:50%;place-items:center;width:52px;height:52px;padding-left:3px;font-size:17px;display:grid}.youtube-placeholder .section-kicker{color:#f0d37d;margin-bottom:5px}.youtube-placeholder h2{font-size:21px}.youtube-placeholder p:not(.section-kicker){color:#d5e4e9;margin:4px 0 0;font-size:12px}.youtube-placeholder code{color:#fff7c7}.youtube-placeholder a{white-space:nowrap;border-bottom:1px solid #f0d37d;padding-bottom:4px;font-size:11px}.episode-layout{grid-template-columns:minmax(0,680px) 1fr;gap:8%;max-width:950px;margin:auto;display:grid}.episode-copy{color:#333d50;font:15px/2.25 Noto Serif TC,serif}.episode-copy>p{margin:0 0 30px}.episode-copy .drop-cap{float:left;color:#456c85;margin:11px 7px 0 0;font-size:54px;line-height:.83}.episode-aside{color:#7790a0;border-left:1px solid #b5ced9;align-self:start;padding:1px 0 0 17px}.episode-aside span{font:16px DM Mono,monospace}.episode-aside p{letter-spacing:.13em;margin-top:12px;font:10px/1.7 DM Mono,monospace}.inline-quote{border-left:3px solid var(--coral);color:#415a70;background:#f4ece1;margin:45px 0 45px 7%;padding:19px 27px;font:700 21px/1.65 Noto Serif TC,serif}.poll-section{border-top:1px solid var(--line);background:#eef5f6;margin-top:94px;padding:52px 6.5% 0}.poll-heading{justify-content:space-between;align-items:start;gap:30px;display:flex}.poll-heading h2{font-size:31px}.poll-heading>div:first-child>p:last-child{color:#777f88;margin:10px 0 0;font-size:12px}.total-votes{text-align:right;grid-template-columns:auto auto;align-items:baseline;column-gap:4px;padding:5px 10px 0;display:grid}.total-votes strong{color:#416b85;font:600 43px/.9 DM Mono,monospace}.total-votes span{font:12px Noto Serif TC,serif}.total-votes small{color:#818d94;grid-column:1/-1;margin-top:7px;font-size:10px}.poll-chart{border-bottom:1px solid #a9c5cc;justify-content:space-around;align-items:stretch;gap:11%;height:362px;margin-top:6px;padding:62px 7% 0;display:flex}.bar-column{text-align:center;flex:1;grid-template-rows:22px 1fr auto;min-width:0;max-width:150px;display:grid}.bar-count{color:#5a7382;font:11px DM Mono,monospace}.bar-track{justify-content:center;align-items:end;padding:6px 0 0;display:flex}.bar-fill{justify-content:center;align-items:flex-start;width:min(64px,55%);min-height:13px;padding-top:9px;transition:height .7s cubic-bezier(.34,1.56,.64,1);display:flex}.bar-fill span{color:#fff;font:10px DM Mono,monospace}.option-a{background:#e79585}.option-b{background:#568ba4}.option-c{background:#e5bd5d}.bar-option{padding:15px 0 18px}.bar-option b{color:#fff;background:#476d83;border-radius:50%;place-items:center;width:22px;height:22px;font:11px DM Mono,monospace;display:inline-grid}.bar-option p{color:#4e5d66;min-height:37px;margin:8px -33px 0;font:12px/1.5 Noto Serif TC,serif}.poll-actions{justify-content:space-between;align-items:center;padding:21px 0 38px;display:flex}.poll-actions p{color:#71818b;align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.pulse-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ec907f2e}.poll-actions button{cursor:pointer;background:var(--ink);color:#fff;border:0;padding:12px 15px;font:12px Noto Serif TC,serif}.poll-actions button span{color:var(--yellow);margin-left:18px}.poll-details{background:#fffefa;border-top:1px solid #d4e0df;margin:0 -7.5%;padding:42px 7.5% 55px}.search-row{justify-content:space-between;align-items:end;gap:25px;display:flex}.search-row h3{margin:0;font:700 24px Noto Serif TC,serif}.search-row label{width:275px;position:relative}.search-row input{width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #a5b3b5;outline:none;padding:10px 23px 10px 0;font-family:Noto Serif TC,serif}.search-row input:focus{border-color:#416b85}.search-row label>span:last-child{color:#496f84;font-size:18px;position:absolute;bottom:9px;right:0}.search-result{color:#507589;margin:24px 0 0;font-size:12px}.voter-columns{grid-template-columns:repeat(3,1fr);gap:23px;margin-top:27px;display:grid}.voter-list{border-top:3px solid #a9c6cf;padding-top:11px}.voter-list:first-child{border-color:var(--coral)}.voter-list:nth-child(3){border-color:var(--yellow)}.voter-list-title{align-items:center;gap:8px;display:flex}.voter-list-title b{color:#466e85;font:13px DM Mono,monospace}.voter-list-title span{flex:1;font:12px Noto Serif TC,serif}.voter-list-title small{color:#929496;font-size:10px}.name-chips{flex-wrap:wrap;gap:6px;max-height:156px;margin-top:13px;padding-right:4px;display:flex;overflow:auto}.name-chip{color:#666d70;background:#f1f1ed;border-radius:2px;padding:4px 7px;font-size:10px}.no-name{color:#a0a0a0;font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:820px){.site-frame{display:block}.sidebar{z-index:20;width:min(320px,85vw);height:100dvh;min-height:100dvh;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:12px 0 30px #1925322e}.sidebar:target{transform:translate(0)}.mobile-menu-overlay{display:none}.sidebar:target+.mobile-menu-overlay{z-index:15;background:#1925326b;display:block;position:fixed;inset:0}.mobile-menu-toggle{z-index:8;border:1px solid var(--line);color:#315d75;letter-spacing:.04em;background:#fffefaf5;border-radius:4px;place-items:center;width:40px;height:40px;font:500 9px DM Mono,monospace;display:grid;position:fixed;top:9px;left:5%;box-shadow:0 2px 8px #25304614}.mobile-menu-close{border:1px solid var(--line);color:#4b6676;letter-spacing:.08em;border-radius:4px;place-items:center;width:42px;height:32px;font:500 9px DM Mono,monospace;display:grid;position:absolute;top:19px;right:19px}.topbar{height:58px;padding:0 5% 0 64px}.mobile-brand{letter-spacing:.08em;font:10px DM Mono,monospace;display:inline}.topbar>span:nth-child(2){display:none}.page-content{padding:39px 5% 58px}.hero-card{min-height:430px;padding:54px 8%}.intro-grid{grid-template-columns:1fr;gap:25px}.content-section{padding:70px 0}.outcome-section{gap:25px}.character-grid{grid-template-columns:1fr}.youtube-placeholder{grid-template-columns:auto 1fr;padding:21px}.youtube-placeholder a{grid-column:2;justify-self:start}.episode-layout{grid-template-columns:1fr}.episode-aside{display:none}.poll-section{margin-left:-5.3%;margin-right:-5.3%;padding-left:7%;padding-right:7%}.poll-details{margin-left:-7.5%;margin-right:-7.5%}.poll-chart{gap:6%;padding-left:3%;padding-right:3%}.bar-option p{margin-left:-18px;margin-right:-18px}.voter-columns{grid-template-columns:1fr}.name-chips{max-height:105px}.search-row{flex-direction:column;align-items:start}.search-row label{width:100%}}@media (max-width:460px){.hero-card h1{font-size:38px}.hero-card{padding:47px 8%}.hero-snow{display:none}.characters-heading{display:block}.characters-heading>p{margin-top:13px}.character-card{grid-template-columns:39% 1fr;min-height:210px}.character-info{padding:19px 15px}.character-info h3{font-size:19px}.character-info>p:last-child{margin-top:9px;font-size:11px}.mystery-note{margin:0;padding:43px 7%}.outcome-section{display:block}.outcome-number{margin-bottom:25px}.episode-header{padding-bottom:40px}.episode-header h1{font-size:38px}.youtube-placeholder{margin:31px 0 45px}.youtube-placeholder h2{font-size:18px}.episode-copy{font-size:14px;line-height:2.1}.inline-quote{margin-left:0;font-size:18px}.poll-heading{display:block}.total-votes{text-align:left;justify-content:start;margin-top:24px}.poll-chart{height:315px;padding-top:37px}.bar-fill{width:70%}.bar-option p{font-size:10px}.poll-actions{align-items:flex-end;gap:14px}.poll-actions p{max-width:130px;line-height:1.5}}.archive-home{background:var(--paper);min-height:100vh}.archive-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;height:83px;margin:auto;padding:0 7.5%;display:flex}.archive-nav>span{color:#8b8d93;letter-spacing:.13em;font:10px DM Mono,monospace}.archive-hero{max-width:1180px;margin:auto;padding:114px 14% 91px;position:relative;overflow:hidden}.archive-hero:after{content:"✦";color:#d4e9ee;font-size:170px;line-height:1;position:absolute;top:54px;right:10%}.archive-hero .eyebrow{color:var(--coral)}.archive-hero h1{z-index:1;margin:15px 0 20px;font:700 clamp(38px,5.1vw,70px)/1.24 Noto Serif TC,serif;position:relative}.archive-hero h1 em{color:#4f7d98;font-style:normal}.archive-hero>p:last-child{color:#677080;max-width:400px;margin:0;font:14px/2 Noto Serif TC,serif}.story-library{max-width:1180px;margin:auto;padding:0 7.5% 105px}.library-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:26px;display:flex}.library-heading h2{margin:0;font:700 32px Noto Serif TC,serif}.library-heading>span{color:#85929a;letter-spacing:.1em;font:10px DM Mono,monospace}.story-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;margin-top:29px;display:grid}.story-library-card{border:1px solid var(--line);background:#fffefa;grid-template-rows:255px 1fr;transition:transform .25s,box-shadow .25s;display:grid}.story-library-card:hover{transform:translateY(-5px);box-shadow:7px 8px #e7e4dd}.story-cover{background:#60849b;position:relative;overflow:hidden}.story-cover:after{content:"";background:linear-gradient(#0000 40%,#1b304173);position:absolute;inset:0}.story-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.story-library-card:hover .story-cover img{transform:scale(1.04)}.story-cover span,.story-cover p{z-index:1;color:#fff;font:10px DM Mono,monospace;position:absolute}.story-cover span{border:1px solid #fffc;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;top:15px;left:16px}.story-cover p{letter-spacing:.1em;margin:0;bottom:14px;right:16px}.story-library-content{padding:26px 28px 24px}.story-library-content h2{margin:6px 0 0;font:700 28px Noto Serif TC,serif}.story-library-content h3{color:#5b8198;margin:0;font:500 16px Noto Serif TC,serif}.story-library-content>p{color:#68707b;margin:17px 0 23px;font:13px/1.8 Noto Serif TC,serif}.enter-story{color:#3d687f;border-top:1px solid #e3e0d9;justify-content:space-between;align-items:center;padding-top:15px;font-size:12px;display:flex}.enter-story b{font:18px Outfit,sans-serif}.archive-home footer{background:#fffefa;max-width:none}.poll-collection{margin-top:94px}.poll-collection-heading{border-top:1px solid var(--line);background:#eef5f6;padding:0 6.5% 31px}.poll-collection-heading h2{margin:0;font:700 31px Noto Serif TC,serif}.poll-collection-heading>p:last-child{color:#78858b;margin:10px 0 0;font-size:12px}.poll-collection .poll-section{border-top:0;margin-top:0}.poll-collection .poll-section+.poll-section{border-top:1px solid #d3e0e0}.poll-empty{text-align:center;background:#eef5f6;padding:69px 6.5%}.poll-empty h2{margin:0;font:700 31px Noto Serif TC,serif}.poll-empty>p:last-child{color:#77838b;margin:12px 0 0;font:13px Noto Serif TC,serif}.option-d{background:#8d90bf}.option-e{background:#80aa91}.voter-columns{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:820px){.archive-nav{height:65px;padding:0 5%}.archive-nav>span{display:none}.archive-hero{padding:75px 9% 62px}.archive-hero:after{font-size:110px;top:27px;right:0}.story-library{padding:0 5% 68px}.poll-collection{margin:62px -5.3% 0}.poll-collection-heading{padding:39px 7% 25px}.poll-collection .poll-section{margin-left:0;margin-right:0}.poll-empty{margin:62px -5.3% 0}}@media (max-width:560px){.story-library-grid{grid-template-columns:1fr}.archive-hero h1{font-size:37px}.story-cover{height:220px}.story-library-card{grid-template-rows:auto 1fr}}.character-card{appearance:none;width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;border:0;padding:0}.character-card:focus-visible{z-index:1;outline-offset:-3px;outline:3px solid #76abc0;position:relative}.character-expand{z-index:1;color:#fff;letter-spacing:.04em;opacity:0;font:9px DM Mono,monospace;transition:all .25s;position:absolute;bottom:11px;right:11px;transform:translateY(4px)}.character-card:hover .character-expand,.character-card:focus-visible .character-expand{opacity:1;transform:translateY(0)}.character-modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c2834b8;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.character-modal{background:#fffefa;grid-template-columns:minmax(260px,42%) minmax(0,1fr);width:min(890px,100%);max-height:min(760px,100vh - 60px);display:grid;position:relative;overflow:auto;box-shadow:0 20px 60px #0c161d57}.modal-close{z-index:2;color:#fff;cursor:pointer;background:#26303f6b;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:34px;height:34px;font:28px/1 Outfit,sans-serif;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--coral);border-color:var(--coral)}.modal-portrait{background:#c8d8dc;min-height:100%;position:relative}.modal-portrait:after{content:"";background:linear-gradient(#0000 55%,#1c2d3c5e);position:absolute;inset:0}.modal-portrait img{object-fit:cover;object-position:top center;width:100%;height:100%;min-height:545px;display:block}.modal-portrait span{z-index:1;color:#fff;letter-spacing:.12em;writing-mode:vertical-rl;font:10px DM Mono,monospace;position:absolute;bottom:20px;left:23px}.modal-content{padding:52px 46px 44px}.modal-content h2{margin:4px 0 0;font:700 42px Noto Serif TC,serif}.modal-role{color:#4a7893;margin:5px 0 27px;font:13px Noto Serif TC,serif}.character-profile{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin:0;display:grid}.character-profile>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 13px}.character-profile dt{color:#929496;letter-spacing:.06em;font:9px DM Mono,monospace}.character-profile dd{color:#404959;margin:4px 0 0;font:12px/1.5 Noto Serif TC,serif}.character-details{padding-top:22px}.character-details p{color:#515a68;margin:0 0 12px;font:13px/1.8 Noto Serif TC,serif}.blind-spot{border-left:3px solid var(--coral);background:#eef5f6;margin-top:22px;padding:15px 18px}.blind-spot span{color:var(--coral);letter-spacing:.09em;font:10px DM Mono,monospace}.blind-spot p{color:#405e70;margin:5px 0 0;font:700 15px/1.7 Noto Serif TC,serif}@media (max-width:650px){.character-expand{opacity:1;transform:none}.character-modal-backdrop{align-items:end;padding:14px}.character-modal{grid-template-columns:1fr;max-height:calc(100vh - 28px)}.modal-portrait,.modal-portrait img{min-height:255px;max-height:310px}.modal-content{padding:35px 25px 32px}.modal-content h2{font-size:34px}.character-profile{grid-template-columns:1fr}.modal-close{top:11px;right:11px}.modal-portrait span{writing-mode:initial;bottom:15px;left:18px}}.modal-portrait{background:#192a3c}.modal-portrait:after{pointer-events:none;background:linear-gradient(#0000 55%,#1c2d3c2e)}.modal-portrait img{object-fit:contain;object-position:center;background:#192a3c}.modal-nav{z-index:3;color:#fff;cursor:pointer;background:#1d3040c7;border:0;border-radius:3px;align-items:center;gap:6px;padding:10px 9px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 12px #0e171e40}.modal-nav:hover{background:var(--coral)}.modal-nav span{font:20px/1 Outfit,sans-serif}.modal-nav small{white-space:nowrap;font:10px Noto Serif TC,serif}.modal-nav-prev{left:11px}.modal-nav-next{right:11px}@media (max-width:650px){.modal-nav{padding:8px;top:245px}.modal-nav small{display:none}.modal-nav-prev{left:10px}.modal-nav-next{right:10px}}.modal-character-nav{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:28px;padding-top:17px;display:grid}.modal-character-nav button{color:#476f86;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:max-content;padding:0;font:12px Noto Serif TC,serif;display:flex}.modal-character-nav button:last-child{justify-self:end}.modal-character-nav button span{color:var(--coral);font:18px Outfit,sans-serif}.modal-character-nav button:hover{color:var(--coral)}.modal-character-nav p{color:#91999d;letter-spacing:.06em;margin:0;font:10px DM Mono,monospace}@media (max-width:650px){.modal-character-nav{margin-top:22px}.modal-character-nav button{font-size:11px}}