/* The EndGame Series — black / cold steel palette.
   Kept separate from layout rules so future color revisions stay simple. */
:root{color:#edf4f7;background:#080d11}
body{background:#080d11}
:focus-visible{outline-color:#aad8e8}
::selection{background:#8fc5d8;color:#071015}
.site-header{background:#0b1116;border-bottom-color:#d6edf01c}
.wordmark-mark{border-color:#7798a7;color:#d8edf4}
.mark-notch,.wordmark-text strong{color:#9ccbdc}
.site-header nav{color:#d3dfe5}
.site-header nav a:hover,.site-footer a:hover{color:#b4e0ed}
.header-label{color:#859aa5}
.live-dot{background:#a8d8e8;box-shadow:0 0 13px #8bbfd2}
.hero{background:radial-gradient(ellipse at 75% 42%,#243945 0%,#111e27 31%,#0a1117 66%,#080d11 100%)}
.hero:after{background:linear-gradient(transparent,#080d11)}
.hero-grid{background-image:linear-gradient(#d5eff209 1px,transparent 1px),linear-gradient(90deg,#d5eff209 1px,transparent 1px)}
.hero-orbit{border-color:#acdbe726}
.hero-art:before{background:#7aa9bd30}
.hero-figure{background:linear-gradient(105deg,#080d11 12%,#263944 45%,#0a1118 82%);filter:drop-shadow(-35px 0 25px #020608)}
.hero-art-caption{color:#b5d0dc}.hero-art-caption span{color:#83b5c8}
.eyebrow,.hero h1 em{color:#b8dfe9}
.eyebrow-line{background:#9acbdb}
.hero-kicker{color:#f0f7f9}
.hero-copy{color:#b5c7cf}
.hero-note,.hero-side-label,.hero-bottom{color:#8297a2}
.button-primary{background:#a8d4e2;color:#071015}
.button-primary:hover{background:#d4eff7}
.cast-section{background:#080d11}
.section-topline{border-top-color:#6b879566;color:#78919e}
.section-kicker,.cast-intro h2 em,.creator-heading h2 em{color:#a9d5e3}
.section-copy{color:#93aab5}
.cast-tally{color:#e0edf2}.cast-tally .tally-divider{color:#506775}.cast-tally>span:nth-child(3){color:#69818d}.cast-tally small{color:#8298a3}
.cast-toolbar{border-top-color:#d9edf021}
.search-box{border-color:#3b5663;background:#101b22}
.search-box:focus-within{border-color:#b4deeb}
.search-box svg{color:#92bbca}
.search-box input::placeholder,.toolbar-count{color:#8ca5b0}
.cast-card{background:#111b22;color:#eff7f9;border-color:#cde7ee20}
.cast-card:hover{border-color:#a3cedc;box-shadow:0 16px 36px #000a}
.card-lower{background:#111b22}
.card-serial,.card-arrow{color:#9bc9d9}
.card-role{color:#9eb4bf}
.card-art,.dialog-art{background:radial-gradient(circle at 52% 31%,#8eb5c32d,transparent 39%),linear-gradient(150deg,#2a3b43,#0a1117 75%)}
.portrait-indigo{background:radial-gradient(circle at 50% 32%,#7596b038,transparent 39%),linear-gradient(145deg,#253541,#091219 76%)}
.portrait-plum{background:radial-gradient(circle at 52% 32%,#8299a038,transparent 39%),linear-gradient(145deg,#26363a,#0b1116 76%)}
.portrait-rose{background:radial-gradient(circle at 52% 32%,#9db6bb38,transparent 38%),linear-gradient(145deg,#344047,#0b1218 78%)}
.card-art:before,.dialog-art:before{background:repeating-linear-gradient(90deg,#e5f8fa09 0 1px,transparent 1px 62px),linear-gradient(0deg,#080d11ee,transparent 34%)}
.portrait-halo{border-color:#b9dce84a}.portrait-halo:after{border-color:#b9dce828}
.portrait-silhouette{background:linear-gradient(110deg,#080e14 7%,#344b54 44%,#0f1b22 73%);box-shadow:inset 20px 0 25px #91bdcc20}
.portrait-initials{color:#d5edf421;text-shadow:0 0 30px #8cbac426}
.portrait-caption{color:#c4dce4}
.empty-state{border-color:#cceaf024;color:#b8d4df}
.future-panel{border-color:#5773818a;background:linear-gradient(95deg,#16242c,#0f1a21 70%)}
.future-icon{border-color:#8ab6c780;color:#acd6e5}
.future-label,.future-index{color:#a2c8d6}
.future-panel p{color:#98acb6}
.creator-section{background:radial-gradient(ellipse at 90% 86%,#172a34,#080d11 58%)}
.creator-heading>p:last-child{color:#a0b4be}
.episode-credit{color:#a9d5e3!important}
.creator-box{background:#15212a;border-color:#5773818a}
.creator-box-music{background:#101b22}
.box-index{color:#99c5d5}
.creator-box p{color:#9fb2bc}
.coming-label{border-color:#668594;color:#accfdb}
.creator-box small{color:#8297a2}
.music-item{border-top-color:#d9edf025}
.music-info span{color:#92aab5}
.site-footer{border-top-color:#d9edf021;color:#879ba6}
.site-footer span:first-child{color:#dcebef}
.dialog-backdrop{background:#020609e8}
.profile-dialog{background:#111c23;border-color:#91bdc679}
.dialog-close{background:#14242c;border-color:#e9f5f450}
.dialog-close:hover{background:#355769}
.profile-overline{border-bottom-color:#d6ebef24;color:#8da7b3}
.profile-type,.profile-note span,.profile-back{color:#a9d5e3}
.profile-rule{background:#a9d5e3}
.profile-lead{color:#d9e9ee}
.profile-facts{border-color:#d6ebef22}
.profile-facts dt{color:#8da4af}.profile-facts dd{color:#d2e3e9}
.profile-note p{color:#9eb2bc}
.footer-actions{display:flex;align-items:center;gap:20px}
#footer-edit{border:1px solid #6e91a0;background:transparent;color:#b8dbe6;padding:9px 12px;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
#footer-edit:hover{background:#1f343e}
.editor-dialog{width:min(420px,calc(100vw - 30px));background:#101b22;color:#eaf3f6;border:1px solid #8ab6c7;padding:30px;box-shadow:0 22px 70px #000a}
.editor-dialog::backdrop{background:#020609db;backdrop-filter:blur(6px)}
.editor-eyebrow{margin:0 0 16px;color:#a9d5e3;font-size:10px;letter-spacing:.2em;font-weight:800}
.editor-dialog h2{font-family:Georgia,serif;font-size:32px;font-weight:400;margin:0 0 9px}
.editor-help{color:#9fb4bf;font-size:13px;line-height:1.5;margin:0 0 23px}
.editor-dialog label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#b8d4dc;margin:0 0 9px}
.editor-dialog input{width:100%;background:#0a1117;color:white;border:1px solid #607c88;border-radius:0;padding:12px;font-size:17px}
.editor-dialog input:focus{outline:2px solid #a9d5e3;outline-offset:2px}
.editor-status{min-height:18px;color:#e7b6b6;font-size:12px;margin:11px 0 0}
.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.editor-actions button{border:1px solid #698c9a;padding:11px 15px;background:transparent;color:#dcecf1;font-size:11px;font-weight:700;letter-spacing:.07em}
.editor-actions button[type=submit]{background:#a8d4e2;border-color:#a8d4e2;color:#071015}
.editor-actions button:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.footer-actions{width:100%;justify-content:space-between}.editor-dialog{padding:25px}}
