/* The EndGame Series: black cinema palette, with restrained cold highlights. */
:root{color:#edf3f4;background:#050607}
html{background:#050607;scroll-padding-top:30px}
body,.site-shell{background:#050607}
::selection{background:#b4d5dc;color:#050607}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#536f79,#c4e5eb,#f3f6f5);box-shadow:0 0 15px #8dbbc9a0;pointer-events:none}
.site-header{background:#080a0ce8;border-bottom:1px solid #d7eff322;backdrop-filter:blur(18px)}
.wordmark-mark{background:#0c1418;border-color:#9ac0ca;box-shadow:inset 0 0 0 4px #050809}
.hero{background:radial-gradient(ellipse at 79% 36%,#1a3038 0%,#0a1013 34%,#050607 72%);border-bottom:1px solid #b0d0d522}
.hero:after{height:240px;background:linear-gradient(transparent,#050607)}
.hero-grid{opacity:.35;mask-image:linear-gradient(90deg,transparent 22%,black 85%)}
.hero-orbit{border-color:#bedce515}
.hero-art{filter:grayscale(.3);opacity:.8}
.hero-art img{filter:saturate(.48) contrast(1.18) brightness(.85)}
.hero-art:after{background:linear-gradient(0deg,#050607 0%,transparent 65%),linear-gradient(90deg,#050607cf,transparent 49%)}
.hero h1{text-shadow:0 15px 60px #000b}
.hero h1 em{color:#cce5e9}
.hero-kicker{letter-spacing:.35em}
.hero-copy{color:#cad6d8}
.hero-bottom{border-top:1px solid #d9edf022;padding-top:18px}
.button-primary,.episode-toggle,.trailer-controls button{background:#c5e3e7;border-color:#c5e3e7;color:#061013}
.button-primary:hover,.episode-toggle:hover{background:#fff;color:#050607}
.world-section{background:radial-gradient(ellipse at 5% 22%,#172329 0%,#090d0f 48%,#050607 100%)}
.world-thread{border-bottom-color:#93b1ba3e}
.world-thread:first-child{border-top:1px solid #93b1ba3e}
.cast-section{background:radial-gradient(ellipse at 95% 12%,#111a1f 0%,#050607 38%)}
.section-topline{border-top-color:#9cb8bf75;color:#a7bac0}
.section-copy{color:#bdcbd0}
.cast-toolbar{border-color:#cbe0e52e}
.search-box{background:#0b1012;border-color:#7b929a}
.search-box input{color:#f6f9f9}
.cast-card{background:#0a0e10;border-color:#c3d9df29;box-shadow:0 20px 35px #0008}
.cast-card:hover,.cast-card:focus-visible{border-color:#a8d2dc;box-shadow:0 20px 50px #000c,0 0 0 1px #b1d3dc22}
.card-lower{background:linear-gradient(180deg,#10191c,#080b0d);border-top-color:#a4c8d159}
.card-art,.dialog-art{background:radial-gradient(circle at 48% 30%,#37545e55,transparent 44%),linear-gradient(150deg,#17252b,#050809 74%)}
.portrait-indigo,.portrait-plum,.portrait-rose{background:radial-gradient(circle at 52% 27%,#324c565e,transparent 45%),linear-gradient(145deg,#18272c,#050809 76%)}
.card-art:before,.dialog-art:before{background:linear-gradient(0deg,#040708e6,transparent 45%),linear-gradient(90deg,#06090a28,transparent 80%)}
.portrait-image{filter:saturate(.72) contrast(1.13)}
.cast-card:hover .portrait-image{filter:saturate(.88) contrast(1.16)}
.card-serial,.card-arrow{color:#b7dbe2}
.card-hook{color:#d3e5e8}
.empty-state{background:#0b1012}
.future-panel{background:linear-gradient(115deg,#101b20,#060a0c 76%);border-color:#93b2bb6b}
.episodes-section{background:#070a0b;border-top-color:#83a5ae36}
.episode-card{background:linear-gradient(135deg,#10191d,#070b0d);border-color:#71919a68}
.episode-announced{background:linear-gradient(135deg,#192a30,#080c0e);border-color:#b7d8df87}
.episode-owner-help{background:#101a1d}
.trailer-section{background:radial-gradient(ellipse at 80% 5%,#17252b,#06090b 62%);border-top-color:#829fa63e}
.trailer-stage{background:#06090a;border-color:#b4d3da8a;box-shadow:0 30px 85px #000b}
.trailer-placeholder{background:linear-gradient(0deg,#050809f2,#07101430 80%),linear-gradient(90deg,#061014c0,#0c161629),url('/assets/skulltop.jpeg') center 27%/cover;filter:saturate(.76)}
.trailer-controls{background:#10191d}
.creator-section{background:radial-gradient(ellipse at 90% 75%,#142329 0%,#050607 61%);border-top-color:#829fa63e}
.creator-box,.creator-box-music{background:linear-gradient(145deg,#152127,#090d0f 76%);border-color:#688b9575}
.final-frame{background:#080c0e;border-top-color:#8aadb34b;border-bottom-color:#8aadb34b}
.final-frame-photo img{filter:saturate(.52) contrast(1.15) brightness(.85)}
.final-frame-photo:after{background:linear-gradient(0deg,#05090cb6,transparent 70%)}
.final-frame-content{background:radial-gradient(ellipse at 95% 16%,#1d333a,#0a1215 49%,#06090b)}
.site-footer{background:#050607;border-top-color:#8aa7ad4b}
.profile-dialog{background:#080d0f;border-color:#a7c8cf77}
.dialog-backdrop{background:#000e}
.dialog-close{background:#0a1518}
.profile-performance{border-top-color:#718e967a}
.performance-item{border-bottom-color:#718e967a}
.profile-note{background:#112027b3}
.profile-note p{color:#e5f2f5}
.editor-dialog{background:#0b1215}
.editor-dialog input{background:#060b0d}
@media(max-width:700px){.hero{background:radial-gradient(ellipse at 50% 22%,#15262d,#050607 71%)}.site-header{backdrop-filter:none}.cast-card .card-lower{min-height:185px}.card-hook{font-size:15px}.world-section,.cast-section,.creator-section{background:#050607}}
@media(prefers-reduced-motion:reduce){.scroll-progress{box-shadow:none}}
.settings-open{position:fixed;right:22px;bottom:22px;z-index:12;border:1px solid #c4e4e8;background:#0b1518;color:#eaf7f8;padding:13px 17px;box-shadow:0 15px 35px #000c;font-size:14px;font-weight:700;letter-spacing:.04em}
.settings-open:hover{background:#17292f}
.settings-dialog{width:min(940px,calc(100vw - 22px));max-height:min(850px,calc(100dvh - 22px));padding:0;border:1px solid #7b9da6;background:#090d0f;color:#eaf2f4;box-shadow:0 25px 100px #000e;overflow:auto}
.settings-dialog::backdrop{background:#000d;backdrop-filter:blur(7px)}
.settings-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px clamp(20px,4vw,42px);background:#0c1619;border-bottom:1px solid #7a9aa350}
.settings-head span{font-size:12px;letter-spacing:.18em;color:#a9d5e3;font-weight:700}
.settings-head h2{font-family:Georgia,serif;font-size:clamp(29px,4vw,42px);font-weight:400;margin:5px 0 0}
.settings-head button,.settings-tabs button,.settings-panel button{border:1px solid #668a93;background:#121d21;color:#e1f0f2;padding:11px 13px;font-size:14px;cursor:pointer}
.settings-head button:hover,.settings-tabs button:hover,.settings-panel button:hover{background:#1b3138}
.settings-intro{margin:0;padding:22px clamp(20px,4vw,42px) 0;color:#bcd1d5;font-size:15px;line-height:1.5}
.settings-tabs{display:flex;gap:8px;overflow-x:auto;padding:20px clamp(20px,4vw,42px);border-bottom:1px solid #7599a14d}
.settings-tabs button{white-space:nowrap;flex:none}
.settings-tabs button[aria-current="page"]{background:#b9dce2;color:#071014;border-color:#b9dce2}
.settings-panel{min-height:300px;padding:24px clamp(20px,4vw,42px) 32px}
.settings-panel[hidden],.settings-open[hidden]{display:none}
.settings-help{margin:0 0 22px;color:#b8cbd0;font-size:15px;line-height:1.55}
.settings-fields{display:grid;gap:18px}
.settings-field{display:grid;gap:8px;min-width:0}
.settings-field label,.settings-row label{font-weight:700;color:#b9d9e0;font-size:14px}
.settings-field input,.settings-field textarea,.settings-field select,.settings-row select{width:100%;min-width:0;padding:12px 13px;border:1px solid #60818b;border-radius:0;background:#0e171a;color:white;font:inherit;font-size:16px;line-height:1.4}
.settings-field textarea{resize:vertical;min-height:86px}
.settings-field input:focus,.settings-field textarea:focus,.settings-row select:focus{outline:2px solid #b6dce4;outline-offset:2px}
.settings-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:22px}
.settings-row select{width:min(360px,100%)}
.settings-row button{flex:none}
.settings-episode{display:grid;gap:10px;padding:18px;border:1px solid #536d75;background:#0e171a}
.settings-episode h3{margin:0 0 6px;font-family:Georgia,serif;font-weight:400;font-size:22px}
.settings-danger{margin-top:20px;border-color:#8c6b6b!important;color:#f3d1d1!important}
.settings-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px clamp(20px,4vw,42px);background:#0b1417;border-top:1px solid #7b9da650}
.settings-actions span{font-size:14px;line-height:1.4;color:#c5d9df}
.settings-actions button{flex:none;border:0;background:#c5e3e7;color:#061013;padding:13px 18px;font-size:14px;font-weight:800;cursor:pointer}
.settings-actions button:disabled{opacity:.6;cursor:wait}
#settings-more button{display:block;margin-bottom:12px}
@media(max-width:700px){.settings-open{bottom:13px;right:13px;padding:11px 13px}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions button{width:100%}}
.membership-section{display:grid;grid-template-columns:38% 62%;min-height:490px;background:#070a0c;border-top:1px solid #8da9b04b;border-bottom:1px solid #8da9b04b}
.membership-image{position:relative;overflow:hidden;min-height:490px;background:#0f1c20}
.membership-image img{width:100%;height:100%;object-fit:cover;object-position:50% 17%;filter:grayscale(.3) saturate(.53) contrast(1.16) brightness(.7)}
.membership-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#05090a11,#070a0cb8 92%),linear-gradient(0deg,#070a0c8c,transparent 70%)}
.membership-content{display:flex;flex-direction:column;justify-content:center;padding:65px clamp(30px,8vw,130px);background:radial-gradient(ellipse at 90% 20%,#192d33,#080d0f 66%)}
.membership-content>span{color:#b6dbe2;font-weight:800;font-size:12px;letter-spacing:.23em}
.membership-content h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(43px,5vw,72px);letter-spacing:-.055em;line-height:1.08;margin:22px 0}
.membership-content h2 em{font-weight:400;color:#b6dbe2}
.membership-content>p{color:#bed0d5;font-size:17px;line-height:1.6;max-width:650px;margin:0}
.membership-actions{display:flex;flex-wrap:wrap;gap:15px;margin:29px 0}
.membership-actions .button{border:0;cursor:pointer;gap:25px}
.membership-actions [hidden]{display:none}
#member-state{font-size:14px;color:#9ab5bc;line-height:1.55}
@media(max-width:850px){.membership-section{grid-template-columns:1fr}.membership-image{min-height:220px;max-height:260px}.membership-content{padding:45px 28px 54px}}
@media(max-width:540px){.membership-image{min-height:180px;max-height:220px}.membership-content{padding:42px 22px 52px}.membership-content h2{font-size:43px}.membership-content>p{font-size:16px}}
.member-leave{align-self:center;border:1px solid #7899a2;background:transparent;color:#ccdee2;padding:12px 17px;font:inherit;font-size:14px;cursor:pointer}
.membership-privacy{max-width:650px;margin-top:13px;border-top:1px solid #7da0aa5c;padding-top:15px;color:#a8c2c9}
.membership-privacy summary{cursor:pointer;font-size:14px;font-weight:700;color:#c7e0e6}
.membership-privacy p{font-size:14px;line-height:1.6;margin:11px 0 0}
.settings-group-title{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:18px 0 -4px;padding:14px 0 0;border-top:1px solid #6c8c954f;color:#e3f1f3}