:root{
  --ink:#07090b;
  --ink-soft:#0b0f12;
  --panel:#10161a;
  --panel2:#151d22;
  --paper:#eee6d2;
  --muted:#9ca8ad;
  --gold:#d7ab58;
  --gold2:#f0ca7a;
  --cyan:#35d7e8;
  --red:#c55346;
  --line:rgba(224,190,119,.22);
  --line-soft:rgba(255,255,255,.07);
  --shadow:0 30px 90px rgba(0,0,0,.42);
  --display:"Big Shoulders Display",Impact,sans-serif;
  --body:"IBM Plex Sans",system-ui,sans-serif;
  --story:"Cormorant Garamond",Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:#e8e8e3;font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
::selection{background:var(--gold);color:#0a0b0c}
.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}
.site-header{height:80px;position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,70px);background:linear-gradient(180deg,rgba(5,7,8,.95),rgba(5,7,8,.68));border-bottom:1px solid rgba(215,171,88,.15);backdrop-filter:blur(16px)}
.brand{display:flex;gap:12px;align-items:center;width:max-content}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gold);font:800 18px var(--display);letter-spacing:.06em;color:var(--gold2);transform:skew(-5deg)}
.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 21px var(--display);letter-spacing:.08em}.brand-copy small{font-size:10px;color:var(--muted);letter-spacing:.18em;margin-top:5px;text-transform:uppercase}
nav{display:flex;gap:27px;color:#bac1c3;font-size:13px}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--gold);transition:.25s}nav a:hover:after{right:0}
.header-cta{justify-self:end;border:1px solid var(--gold);padding:11px 17px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:rgba(215,171,88,.06);transition:.2s}.header-cta:hover{background:var(--gold);color:#0b0c0d}
.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:140px clamp(24px,7vw,110px) 82px;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.82) contrast(1.08) brightness(.68);transform:scale(1.015)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.97) 0%,rgba(4,6,7,.83) 29%,rgba(4,6,7,.34) 58%,rgba(4,6,7,.18) 78%,rgba(4,6,7,.38) 100%),linear-gradient(0deg,#07090b 0%,transparent 34%),radial-gradient(circle at 74% 36%,rgba(53,215,232,.07),transparent 33%)}
.hero-copy{position:relative;z-index:2;max-width:820px}.eyebrow,.kicker{font:600 11px var(--body);letter-spacing:.25em;color:var(--gold2);text-transform:uppercase}.hero h1{margin:14px 0 34px;display:flex;flex-direction:column;align-items:flex-start;font:900 clamp(96px,15vw,220px)/.78 var(--display);letter-spacing:-.025em;text-shadow:0 8px 42px rgba(0,0,0,.42)}.hero-title-white{display:block;color:#eee9dc}.hero-title-cyan{display:block;color:var(--cyan);margin-top:.07em}.hero-line{font-size:clamp(20px,2.2vw,31px);max-width:690px;line-height:1.34;color:#d8dddc}.hero-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.btn{border:1px solid rgba(255,255,255,.2);padding:15px 19px;background:rgba(255,255,255,.04);font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(180deg,var(--gold2),var(--gold));border-color:var(--gold);color:#10100e;box-shadow:0 10px 30px rgba(215,171,88,.16)}.btn-primary:hover{background:#f4d287}.btn-ghost:hover{border-color:var(--cyan);background:rgba(53,215,232,.06)}.tiny-note{font-size:12px;color:#8f9a9d;margin-top:18px}
.hero-facts{position:absolute;right:clamp(24px,6vw,100px);bottom:82px;z-index:3;display:flex;align-items:stretch;padding:14px 18px;background:linear-gradient(180deg,rgba(7,10,11,.78),rgba(7,10,11,.62));border-top:1px solid rgba(215,171,88,.45);border-bottom:1px solid rgba(215,171,88,.14);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.hero-facts div{min-width:108px;padding:5px 16px}.hero-facts strong{display:block;font:800 37px var(--display);color:var(--gold2)}.hero-facts span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-top:3px}.hero-facts i{width:1px;background:linear-gradient(transparent,rgba(255,255,255,.14),transparent)}
.section{padding:112px clamp(24px,7vw,110px);position:relative}.section-label{position:absolute;top:36px;left:clamp(24px,7vw,110px);font:600 10px var(--body);letter-spacing:.22em;color:#667276}.section-intro{background:#090c0e}.intro-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:80px}.intro-title h2,.updates-heading h2,.notebook h2,.ideas h2,.gallery-head h2{font:800 clamp(50px,6vw,86px)/.92 var(--display);letter-spacing:-.012em;margin:10px 0 0;color:#ece6d8}.intro-copy{font-size:18px;line-height:1.75;color:#aeb7b9;padding-top:25px}.intro-copy p:first-child{color:#e5e6e1}
.run-path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:86px;padding-top:34px}.run-path:before{content:"";position:absolute;top:7px;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(215,171,88,.12),rgba(215,171,88,.65),rgba(53,215,232,.45),rgba(215,171,88,.12))}.run-path article{position:relative;padding-right:18px}.run-dot{position:absolute;width:13px;height:13px;border-radius:50%;top:-33px;left:0;background:var(--ink);border:2px solid var(--gold2);box-shadow:0 0 0 6px rgba(215,171,88,.07)}.run-path article:nth-child(2) .run-dot{border-color:var(--cyan);box-shadow:0 0 0 6px rgba(53,215,232,.06)}.run-word{margin:0 0 14px;font:700 15px var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold2)}.run-path article:nth-child(2) .run-word{color:var(--cyan)}.run-path h3{font:700 clamp(28px,2.4vw,39px)/1.06 var(--display);letter-spacing:.015em;margin:0 0 13px;max-width:390px}.run-path article>p:last-child{font-size:14px;line-height:1.68;color:var(--muted);max-width:390px}
.story{min-height:760px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:#070a0c;border-top:1px solid rgba(215,171,88,.1);border-bottom:1px solid rgba(215,171,88,.1)}.story-art{position:relative;overflow:hidden;min-height:760px}.story-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#070a0c 100%),linear-gradient(0deg,rgba(7,10,12,.72),transparent 38%)}.story-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.12) brightness(.72);transform:scale(1.03)}.story-stamp{position:absolute;z-index:2;left:7%;bottom:7%;font:700 clamp(28px,3vw,52px)/.88 var(--display);letter-spacing:.08em;color:#e8dec6;border-left:3px solid var(--gold);padding-left:18px;text-shadow:0 8px 30px rgba(0,0,0,.55)}.story-copy{padding:105px clamp(32px,7vw,110px) 90px 7%;display:flex;flex-direction:column;justify-content:center}.story-copy h2{font:800 clamp(52px,5.6vw,88px)/.9 var(--display);margin:10px 0 30px;max-width:790px;color:#eee8db}.story-lead{font:600 clamp(25px,2.2vw,35px)/1.35 var(--story);color:#e8d9b8;max-width:760px;margin:0 0 34px}.story-body{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;max-width:850px}.story-body p{margin:0;color:#aab3b5;line-height:1.72;font-size:15px}.story-copy blockquote{font:600 italic clamp(28px,2.8vw,44px)/1.1 var(--story);margin:48px 0 0;color:#d9e3e1;max-width:780px;border-top:1px solid rgba(53,215,232,.25);padding-top:24px}
.gallery-wrap{padding:100px 0 120px;background:#050709;overflow:hidden}.gallery-head{display:flex;justify-content:space-between;align-items:end;padding:0 clamp(24px,7vw,110px) 45px}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:48px;height:48px;border:1px solid rgba(255,255,255,.18);background:#101519;cursor:pointer;font-size:20px}.gallery-controls button:hover{border-color:var(--gold)}.gallery{display:flex;gap:28px;padding:0 clamp(24px,7vw,110px);transition:transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}.shot{margin:0;min-width:min(78vw,1120px);position:relative;border:1px solid rgba(215,171,88,.18);background:#11171b;box-shadow:var(--shadow);overflow:hidden}.shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.shot figcaption{display:flex;justify-content:space-between;gap:30px;padding:20px 22px;background:#10161a;border-top:1px solid rgba(255,255,255,.06)}.shot figcaption b{font:700 21px var(--display);letter-spacing:.04em}.shot figcaption span{font-size:13px;color:var(--muted);max-width:420px;text-align:right}
.updates{background:linear-gradient(180deg,#0b0f12,#080b0d)}.updates-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:60px}.updates-heading>p{font-size:16px;line-height:1.7;color:var(--muted);max-width:500px}.update-list{display:grid;gap:12px}.update-card{position:relative;padding:30px 34px 28px 42px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.035);background:linear-gradient(90deg,rgba(18,25,29,.84),rgba(11,15,18,.46));overflow:hidden}.update-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold)}.update-card[data-accent="cyan"]:before{background:var(--cyan)}.update-card[data-accent="red"]:before{background:var(--red)}.update-meta{display:flex;gap:14px;font-size:10px;letter-spacing:.16em;color:#8f999c}.update-meta span{color:var(--gold2)}.update-card h3{font:700 clamp(31px,3vw,46px)/1 var(--display);margin:18px 0 12px;letter-spacing:.015em}.update-card>p{max-width:850px;color:#aeb6b8;line-height:1.65}.update-toggle{margin-top:14px;background:none;border:0;border-bottom:1px solid var(--gold);padding:0 0 5px;color:#e1c685;cursor:pointer}.update-more{max-height:0;overflow:hidden;transition:max-height .3s ease}.update-more p{max-width:850px;color:#dfe1dc;line-height:1.65;padding-top:16px}
.notebook{background:#0b0e10}.notebook-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:60px}.thoughts{margin-top:45px;display:grid;gap:0;border-top:1px solid var(--line)}.thoughts article{padding:27px 4px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(215,171,88,.025),transparent)}.thoughts h3{font:700 31px var(--display);margin:12px 0 7px}.thoughts p{margin:0;color:var(--muted);line-height:1.6}.status{font-size:9px;letter-spacing:.15em;padding:5px 7px;border:1px solid currentColor}.status.thinking{color:var(--gold2)}.status.prototype{color:var(--cyan)}.status.request{color:#b28adc}.facts{border-left:1px solid var(--line);padding-left:35px}.fact{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.07)}.fact strong{display:block;font:800 58px var(--display);color:var(--gold2)}.fact>span{color:#aeb6b8;font-size:14px}.fact.quote span{display:block;font:600 28px/1.2 var(--story);color:#e8e2d5}.fact.quote small{display:block;color:#788487;margin-top:8px}
.ideas{background:linear-gradient(180deg,#080b0d,#050708)}.ideas-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:55px}.ideas-intro>p{color:var(--muted);line-height:1.7}.ideas-grid{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:26px}.idea-form{background:linear-gradient(180deg,#10171b,#0c1114);border-top:1px solid rgba(215,171,88,.34);padding:30px;display:grid;gap:16px;box-shadow:var(--shadow)}.idea-form label{display:grid;gap:8px;font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#a8b1b3}.idea-form input,.idea-form textarea,.idea-form select{width:100%;background:#080c0e;border:1px solid rgba(255,255,255,.11);color:#ecebe6;padding:13px 14px;outline:0;text-transform:none;letter-spacing:0}.idea-form textarea{min-height:130px;resize:vertical}.idea-form input:focus,.idea-form textarea:focus,.idea-form select:focus{border-color:var(--cyan)}.form-status{font-size:11px;line-height:1.5;color:#738084;margin:0;min-height:17px}.form-status.success{color:#8bd8c8}.form-status.error{color:#df8b82}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}.idea-board{background:#0d1215;border-top:1px solid rgba(53,215,232,.22);padding:27px 28px}.board-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:15px}.board-top h3{font:700 33px var(--display);margin:5px 0 0}.idea-list{display:grid;gap:0}.idea-item{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.07)}.vote{display:grid;place-items:center;align-content:center;gap:2px;background:transparent;border:0;color:#778286;cursor:pointer;min-height:58px}.vote:hover{color:var(--gold2)}.vote strong{font:700 20px var(--display)}.idea-item h4{font:700 25px var(--display);margin:0 0 5px}.idea-item p{margin:0;color:#9ba6a9;font-size:13px;line-height:1.55}.idea-item footer{margin-top:9px;padding:0;background:none;border:0;display:flex;gap:8px;font-size:10px;color:#697578}.idea-chip{color:var(--cyan)}.board-note{font:600 italic 18px/1.45 var(--story);color:#8d999a;margin:24px 0 0}
footer{padding:38px clamp(24px,7vw,110px);background:#050607;border-top:1px solid rgba(215,171,88,.16);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}footer>div:first-child{display:flex;flex-direction:column;gap:4px}footer strong{font:800 28px var(--display);letter-spacing:.08em}footer span,footer p{color:#697578;font-size:11px}footer>div:nth-child(2){display:flex;gap:20px;font-size:12px;color:#b2b9bb}footer>p{grid-column:1/-1;margin:0}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1180px){nav{gap:18px;font-size:12px}.hero-facts{right:24px}.story-body{grid-template-columns:1fr}}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.header-cta{display:none}.hero{padding-bottom:230px}.hero-facts{left:24px;right:24px;bottom:62px;justify-content:space-between}.hero-facts div{min-width:auto}.intro-grid,.updates-heading,.notebook-grid,.ideas-intro,.ideas-grid,.story{grid-template-columns:1fr;gap:32px}.run-path{grid-template-columns:1fr;gap:34px;padding-left:28px}.run-path:before{top:0;bottom:0;left:6px;right:auto;width:1px;height:auto}.run-dot{top:6px;left:-28px}.story-art{min-height:520px}.story-art:after{background:linear-gradient(0deg,#070a0c 0%,transparent 65%)}.story-copy{padding:40px 24px 90px}.facts{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:25px}.shot{min-width:88vw}}
@media(max-width:620px){.site-header{height:68px;padding:0 16px}.brand-copy small{display:none}.hero{min-height:900px;padding:112px 20px 245px}.hero h1{font-size:94px;line-height:.8}.hero-line{font-size:19px}.hero-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:10px 12px}.hero-facts i{display:none}.hero-facts div{padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.section{padding:90px 20px}.section-label{left:20px}.gallery-head{padding-left:20px;padding-right:20px}.gallery{padding-left:20px;padding-right:20px}.shot figcaption{display:block}.shot figcaption span{display:block;text-align:left;margin-top:6px}.intro-title h2,.updates-heading h2,.notebook h2,.ideas h2,.gallery-head h2,.story-copy h2{font-size:54px}.story-art{min-height:430px}.story-stamp{font-size:33px}.ideas-grid{grid-template-columns:1fr}.idea-item{grid-template-columns:34px 1fr}footer{grid-template-columns:1fr;padding:30px 20px}footer>div:nth-child(2){flex-wrap:wrap}}


/* Production-candidate polish */
.live-update{margin:0 0 34px;position:relative;overflow:hidden;padding:31px 34px 28px;background:linear-gradient(115deg,rgba(28,24,17,.93),rgba(13,18,22,.94) 46%,rgba(8,23,27,.87));border:1px solid rgba(215,171,88,.32);box-shadow:0 28px 85px rgba(0,0,0,.34)}
.live-update:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 15%,rgba(53,215,232,.09),transparent 28%),linear-gradient(90deg,rgba(215,171,88,.07),transparent 34%);pointer-events:none}
.live-update>*{position:relative}.live-update-top,.live-update-foot{display:flex;align-items:center;justify-content:space-between;gap:24px}.live-update-top>div{display:flex;align-items:center;gap:10px}.live-pulse{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(53,215,232,.08),0 0 20px rgba(53,215,232,.32)}.live-label{font-size:10px;letter-spacing:.2em;color:#dce7e5;font-weight:600}.live-update time{font-size:10px;letter-spacing:.15em;color:var(--gold2)}.live-update h3{font:800 clamp(42px,4.5vw,70px)/.95 var(--display);letter-spacing:.01em;margin:20px 0 17px;color:#f0e8d7}.live-release-notes{max-width:900px;color:#b8c1c2;font-size:15px;line-height:1.75}.live-release-notes p{margin:0 0 8px}.live-update-foot{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#7f8b8e}.live-update-foot a{color:var(--gold2);font-weight:600;letter-spacing:.04em}.live-update-foot a:hover{color:#fff0c6}.live-update.syncing .live-pulse{animation:syncPulse 1.1s ease-in-out infinite}.live-update.sync-error .live-pulse{background:var(--gold2);box-shadow:0 0 0 5px rgba(215,171,88,.08)}
@keyframes syncPulse{50%{opacity:.45;transform:scale(.72)}}
.hero-copy{padding-right:24px}.hero h1 span{white-space:nowrap}.hero-title-cyan{transform:translateY(-.015em)}
.story-copy blockquote{position:relative}.story-copy blockquote:before{content:"“";position:absolute;left:-28px;top:8px;font:600 58px var(--story);color:rgba(215,171,88,.35)}
@media(max-width:760px){.live-update{padding:24px 20px}.live-update-top,.live-update-foot{align-items:flex-start;flex-direction:column;gap:10px}.hero-copy{padding-right:0}.hero h1 span{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}.live-update.syncing .live-pulse{animation:none}.gallery{transition:none}.btn{transition:none}}
.form-privacy{margin:0;color:#657175;font-size:10px;line-height:1.55;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}

/* --------------------------------------------------------------------------
   FIELD GUIDE
   The guide is intentionally editorial rather than dashboard-like. The main
   subject gets the space; controls stay compact and subordinate.
   -------------------------------------------------------------------------- */
.guide-heading{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.62fr);gap:70px;align-items:end;margin-bottom:48px}
.guide-heading h2{font:800 clamp(54px,6vw,92px)/.89 var(--display);letter-spacing:-.018em;margin:10px 0 0;color:#f0eadc;max-width:900px}
.guide-heading>p{margin:0 0 4px;color:#9da9ad;font-size:15px;line-height:1.72;max-width:520px}
.guide-overline{display:block;font-size:10px;letter-spacing:.21em;color:var(--gold2);font-weight:700;text-transform:uppercase}

.survivor-guide{background:radial-gradient(circle at 17% 45%,rgba(53,215,232,.055),transparent 31%),linear-gradient(180deg,#080b0d 0%,#0a0e11 100%);border-top:1px solid rgba(215,171,88,.11);overflow:hidden}
.survivor-guide:before{content:"";position:absolute;left:-10vw;top:30%;width:42vw;height:42vw;border:1px solid rgba(215,171,88,.06);transform:rotate(45deg);pointer-events:none}
.survivor-dossier{position:relative;display:grid;grid-template-columns:minmax(340px,.86fr) minmax(0,1.14fr);min-height:580px;border-top:1px solid rgba(215,171,88,.3);border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(110deg,rgba(10,16,20,.96),rgba(15,22,27,.86) 52%,rgba(8,15,18,.96));box-shadow:0 28px 90px rgba(0,0,0,.28);overflow:hidden}
.survivor-dossier:after{content:"";position:absolute;right:-130px;top:-250px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(53,215,232,.07),transparent 67%);pointer-events:none}
.survivor-visual{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid rgba(255,255,255,.065);background:linear-gradient(150deg,rgba(215,171,88,.045),transparent 35%),#0d1317}
.survivor-visual:before{content:"";position:absolute;inset:8% 9%;border-left:1px solid rgba(215,171,88,.28);border-bottom:1px solid rgba(53,215,232,.15);clip-path:polygon(0 0,42% 0,48% 8%,100% 8%,100% 100%,0 100%);opacity:.8}
.survivor-index{position:absolute;left:30px;top:27px;display:flex;align-items:baseline;gap:7px;color:var(--gold2);z-index:2}.survivor-index span{font:800 48px var(--display);line-height:1}.survivor-index small{font:600 11px var(--body);letter-spacing:.16em;color:#67757a}
.survivor-portrait-frame{position:relative;width:min(86%,530px);aspect-ratio:1.18/1;display:grid;place-items:center;overflow:hidden}.survivor-portrait-frame:after{content:"";position:absolute;inset:auto 8% 5% 8%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 26px rgba(215,171,88,.22)}
.survivor-portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:auto;filter:saturate(.92) contrast(1.08);transition:opacity .18s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.survivor-dossier.is-changing .survivor-portrait-frame img{opacity:.25;transform:translateX(12px) scale(.985)}
.survivor-visual-caption{position:absolute;left:30px;right:30px;bottom:25px;display:flex;justify-content:space-between;align-items:end;gap:22px;z-index:2}.survivor-visual-caption span{font-size:9px;letter-spacing:.21em;color:#657277}.survivor-visual-caption strong{font:700 18px var(--display);letter-spacing:.11em;color:#dfe7e4;text-align:right}
.survivor-copy{position:relative;z-index:2;padding:52px clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:center}
.survivor-topline{display:flex;align-items:start;justify-content:space-between;gap:24px}.survivor-topline h3{font:800 clamp(54px,5vw,86px)/.9 var(--display);letter-spacing:-.01em;margin:7px 0 0;color:#f2ede1}.survivor-arrows{display:flex;gap:7px}.survivor-arrows button{width:46px;height:46px;background:transparent;border:1px solid rgba(255,255,255,.13);font-size:19px;cursor:pointer;transition:.18s}.survivor-arrows button:hover,.survivor-arrows button:focus-visible{border-color:var(--gold);background:rgba(215,171,88,.07);outline:none}
.survivor-bio{max-width:720px;color:#a7b2b4;line-height:1.68;font-size:16px;margin:23px 0 30px}
.survivor-stats{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:34px}.survivor-stats>div{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:18px}.survivor-stats span{font-size:9px;letter-spacing:.18em;color:#7b888b}.survivor-stats strong{justify-self:end;font:800 30px var(--display);color:#e8e0cf}.survivor-stats i{grid-column:1/-1;height:2px;background:rgba(255,255,255,.08);margin-top:9px;overflow:hidden}.survivor-stats b{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--gold),var(--gold2));transition:width .45s cubic-bezier(.2,.8,.2,1)}.survivor-stats>div:nth-child(2) b{background:linear-gradient(90deg,#258d9b,var(--cyan))}
.passive-readout{position:relative;padding:24px 0 24px 24px;border-left:2px solid var(--gold);max-width:760px}.passive-readout h4{font:750 32px/1 var(--display);letter-spacing:.025em;margin:7px 0 10px;color:#f0e2c1}.passive-readout p{margin:0;line-height:1.68;color:#c5cdcd;font-size:15px}
.survivor-foot{display:flex;justify-content:space-between;gap:25px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;letter-spacing:.14em;color:#667277}.survivor-foot strong{font-size:11px;color:#d7dddb;letter-spacing:.06em;text-align:right}
.survivor-selector-wrap{margin-top:32px}.selector-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 14px}.selector-head span{font-size:10px;letter-spacing:.18em;color:var(--gold2);font-weight:700}.selector-head small{color:#657277;font-size:11px}
.survivor-selector{display:grid;grid-template-columns:repeat(10,minmax(92px,1fr));border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.survivor-choice{appearance:none;border:0;border-right:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.015);padding:0;min-width:0;cursor:pointer;color:#d8dfdd;text-align:left;position:relative;overflow:hidden;transition:background .18s,transform .18s}
.survivor-choice:nth-child(10n){border-right:0}.survivor-choice img{display:block;width:100%;aspect-ratio:1.18/1;object-fit:cover;filter:saturate(.62) brightness(.72);transition:filter .2s,transform .35s cubic-bezier(.2,.8,.2,1)}
.survivor-choice span{display:block;padding:9px 8px 11px;font:650 14px/1 var(--display);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.survivor-choice:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--gold);transition:right .22s}.survivor-choice:hover img,.survivor-choice[aria-selected="true"] img{filter:saturate(.95) brightness(.95)}.survivor-choice:hover img{transform:scale(1.035)}.survivor-choice[aria-selected="true"]{background:linear-gradient(180deg,rgba(215,171,88,.11),rgba(215,171,88,.025));color:#fff0c6}.survivor-choice[aria-selected="true"]:after{right:0}.survivor-choice:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}

.blessing-guide{background:radial-gradient(circle at 82% 18%,rgba(53,215,232,.055),transparent 28%),radial-gradient(circle at 12% 73%,rgba(215,171,88,.055),transparent 31%),#06090b;overflow:hidden;border-top:1px solid rgba(53,215,232,.09)}
.blessing-ambient{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent)}
.blessing-heading{position:relative;z-index:1}
.dash-note{position:relative;z-index:1;display:grid;grid-template-columns:74px 1fr;gap:24px;align-items:center;max-width:980px;padding:22px 0;margin:0 0 44px;border-top:1px solid rgba(53,215,232,.25);border-bottom:1px solid rgba(255,255,255,.06)}.dash-symbol{font:800 56px var(--display);color:var(--cyan);text-align:center}.dash-note p{margin:6px 0 0;color:#b3bdbf;line-height:1.65;font-size:14px}.dash-note strong{color:#e8efed}
.blessing-tools{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(420px,2fr);gap:20px 28px;align-items:end;margin-bottom:26px;padding:19px 0;border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075)}.blessing-search{display:grid;gap:8px}.blessing-search span{font-size:9px;letter-spacing:.19em;color:#7f8c8f}.blessing-search input{height:48px;width:100%;border:0;border-bottom:1px solid rgba(215,171,88,.4);background:rgba(255,255,255,.025);color:#eef2ef;padding:0 14px;font-size:15px;outline:none}.blessing-search input:focus{border-bottom-color:var(--cyan);background:rgba(53,215,232,.035)}.blessing-search input::placeholder{color:#566267}
.blessing-filter-group{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.blessing-filter-group button{min-height:38px;border:1px solid rgba(255,255,255,.09);background:transparent;color:#849195;padding:0 12px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.16s}.blessing-filter-group button:hover{color:#d8e0de;border-color:rgba(255,255,255,.2)}.blessing-filter-group button[aria-pressed="true"]{color:#0a0d0e;background:var(--gold2);border-color:var(--gold2);font-weight:700}.rarity-filters{grid-column:2}
.blessing-library{position:relative;z-index:1;display:grid;grid-template-columns:minmax(360px,.83fr) minmax(0,1.67fr);gap:34px;align-items:start}
.blessing-detail{position:sticky;top:102px;min-height:650px;padding:38px;background:linear-gradient(145deg,rgba(17,26,31,.94),rgba(8,13,16,.96));border-top:1px solid rgba(215,171,88,.42);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 32px 80px rgba(0,0,0,.28);overflow:hidden}.blessing-detail:after{content:"";position:absolute;width:360px;height:360px;right:-180px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(53,215,232,.07),transparent 68%);pointer-events:none}.blessing-icon-stage{position:relative;width:188px;height:188px;margin-bottom:32px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(215,171,88,.22)}.blessing-icon-stage:before,.blessing-icon-stage:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--gold);opacity:.72}.blessing-icon-stage:before{left:-1px;top:-1px;border-left:2px solid;border-top:2px solid}.blessing-icon-stage:after{right:-1px;bottom:-1px;border-right:2px solid;border-bottom:2px solid}.blessing-icon-stage img{width:86%;height:86%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 16px 22px rgba(0,0,0,.32));transition:opacity .15s,transform .28s}.blessing-detail.is-changing img{opacity:.2;transform:scale(.94)}
.blessing-meta-line{display:flex;gap:13px;align-items:center;font-size:9px;letter-spacing:.16em;color:#758286;text-transform:uppercase}.rarity-tag{padding:6px 8px;border:1px solid currentColor;color:#93a0a3}.rarity-tag[data-rarity="Common"]{color:#9da9ad}.rarity-tag[data-rarity="Uncommon"]{color:#63d998}.rarity-tag[data-rarity="Epic"]{color:#bb79e5}.rarity-tag[data-rarity="Legendary"]{color:#f0bd4f}.rarity-tag[data-rarity="Corrupted"]{color:#f15b52}
.blessing-detail h3{font:850 clamp(47px,4.8vw,74px)/.91 var(--display);letter-spacing:-.008em;margin:16px 0 13px;color:#f2ecdf}.blessing-effect{font-size:18px;line-height:1.55;color:#d8e0df;margin:0 0 30px;max-width:600px}.blessing-explainer{padding:22px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.blessing-explainer span{font-size:9px;letter-spacing:.19em;color:var(--gold2)}.blessing-explainer p{margin:9px 0 0;color:#99a6aa;line-height:1.68;font-size:14px}.blessing-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 0}.blessing-specs>div{min-width:0}.blessing-specs dt{font-size:8px;letter-spacing:.15em;color:#59666a}.blessing-specs dd{margin:7px 0 0;color:#d8e0de;font-size:12px;line-height:1.35}
.blessing-browser{min-width:0}.blessing-result-head{height:42px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px}.blessing-result-head span{font-size:10px;letter-spacing:.17em;color:var(--gold2);font-weight:700}.blessing-result-head small{color:#59666a;font-size:10px}.blessing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.055);max-height:780px;overflow:auto;scrollbar-color:rgba(215,171,88,.42) #0a0f12;scrollbar-width:thin}.blessing-card{position:relative;appearance:none;border:0;background:#0c1216;color:#dbe2e0;text-align:left;padding:14px 12px 15px;min-width:0;cursor:pointer;transition:background .15s}.blessing-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent}.blessing-card[data-rarity="Uncommon"]:before{background:#63d998}.blessing-card[data-rarity="Epic"]:before{background:#bb79e5}.blessing-card[data-rarity="Legendary"]:before{background:#f0bd4f}.blessing-card[data-rarity="Corrupted"]:before{background:#f15b52}.blessing-card:hover,.blessing-card[aria-selected="true"]{background:#131c22}.blessing-card[aria-selected="true"]{box-shadow:inset 0 0 0 1px rgba(215,171,88,.42)}.blessing-card:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}.blessing-card-top{display:flex;align-items:center;gap:10px;min-width:0}.blessing-card img{width:54px;height:54px;flex:0 0 54px;object-fit:contain;background:#091014;border:1px solid rgba(255,255,255,.05)}.blessing-card-name{min-width:0}.blessing-card-name strong{display:block;font:700 17px/1.05 var(--display);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blessing-card-name span{display:block;margin-top:5px;font-size:8px;letter-spacing:.11em;color:#677478;text-transform:uppercase}.blessing-card p{margin:10px 0 0;color:#758286;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blessing-empty{padding:48px;text-align:center;color:#7c898c;border-top:1px solid rgba(255,255,255,.06)}

@media(max-width:1180px){
  .site-header{grid-template-columns:auto 1fr auto}.site-header nav{justify-self:center;max-width:58vw;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:10px 0}.site-header nav::-webkit-scrollbar{display:none}
  .survivor-selector{grid-template-columns:repeat(5,1fr)}.survivor-choice:nth-child(10n){border-right:1px solid rgba(255,255,255,.055)}.survivor-choice:nth-child(5n){border-right:0}
  .blessing-library{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)}.blessing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .guide-heading{grid-template-columns:1fr;gap:20px}.guide-heading>p{max-width:680px}.survivor-dossier{grid-template-columns:1fr}.survivor-visual{min-height:440px;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.survivor-copy{padding:42px 28px}.survivor-selector{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.survivor-choice{flex:0 0 152px;scroll-snap-align:start;border-right:1px solid rgba(255,255,255,.055)!important}
  .blessing-tools{grid-template-columns:1fr}.rarity-filters{grid-column:auto}.blessing-library{grid-template-columns:1fr}.blessing-detail{position:relative;top:auto;min-height:0}.blessing-grid{max-height:660px;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .guide-heading h2{font-size:52px}.survivor-guide,.blessing-guide{padding-left:18px;padding-right:18px}.survivor-visual{min-height:345px}.survivor-portrait-frame{width:100%}.survivor-index{left:18px;top:17px}.survivor-index span{font-size:36px}.survivor-visual-caption{left:18px;right:18px;bottom:16px}.survivor-copy{padding:34px 20px}.survivor-topline h3{font-size:52px}.survivor-arrows button{width:42px;height:42px}.survivor-stats{gap:16px}.passive-readout{padding-left:17px}.selector-head{align-items:flex-start;flex-direction:column;gap:5px}.survivor-choice{flex-basis:124px}.survivor-choice span{font-size:13px}
  .dash-note{grid-template-columns:50px 1fr;gap:14px}.dash-symbol{font-size:44px}.blessing-filter-group{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.blessing-filter-group::-webkit-scrollbar{display:none}.blessing-filter-group button{flex:0 0 auto}.blessing-detail{padding:24px 19px}.blessing-icon-stage{width:132px;height:132px;margin-bottom:24px}.blessing-detail h3{font-size:52px}.blessing-effect{font-size:16px}.blessing-specs{grid-template-columns:1fr;gap:12px}.blessing-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:620px}.blessing-card{padding:10px}.blessing-card img{width:46px;height:46px;flex-basis:46px}.blessing-card-name strong{font-size:15px}.blessing-card p{display:none}
}

/* Final guide polish */
#game,#survivors,#blessings,#story,#updates,#notebook,#ideas{scroll-margin-top:92px}
.survivor-portrait-frame img,.survivor-choice img{image-rendering:pixelated}
@media(min-width:1181px){.survivor-selector{grid-template-columns:repeat(5,1fr)}.survivor-choice:nth-child(5n){border-right:0}.survivor-choice:nth-child(n+6){border-top:1px solid rgba(255,255,255,.055)}}
@media(max-width:1000px){.site-header nav{display:none!important}.site-header{grid-template-columns:1fr auto!important}.header-cta{display:none}}

/* --------------------------------------------------------------------------
   Production-candidate polish: field guide, responsive navigation and depth.
   These rules deliberately use the game's own portraits/icons as the visual
   source. No decorative replacement art is introduced here.
   -------------------------------------------------------------------------- */
.site-header{transition:height .28s ease,transform .32s cubic-bezier(.2,.8,.2,1),background .28s ease,border-color .28s ease;will-change:transform}
.site-header.is-compact{height:64px;background:linear-gradient(180deg,rgba(5,7,8,.985),rgba(5,7,8,.88));border-bottom-color:rgba(215,171,88,.22)}
.site-header.is-compact .brand-mark{width:36px;height:36px;font-size:16px}.site-header.is-compact .brand-copy strong{font-size:19px}.site-header.is-compact .brand-copy small{margin-top:3px;font-size:8px}.site-header.is-hidden{transform:translateY(calc(-100% - 2px))}
.site-header nav a{transition:color .18s ease}.site-header nav a[aria-current="location"]{color:#f0e7d4}.site-header nav a[aria-current="location"]:after{right:0;background:linear-gradient(90deg,var(--gold),var(--cyan))}

.survivor-dossier{isolation:isolate}
.survivor-visual{isolation:isolate;background:#0c1317}
.survivor-visual:after{content:"";position:absolute;inset:-9%;z-index:0;background-image:linear-gradient(180deg,rgba(8,12,15,.22),rgba(8,12,15,.72)),var(--portrait);background-size:cover;background-position:center;filter:blur(24px) saturate(.72) brightness(.52);opacity:.62;transform:scale(1.12);pointer-events:none}
.survivor-visual:before{z-index:1}
.survivor-portrait-frame{z-index:1;width:min(82%,560px);aspect-ratio:1.12/1;background:linear-gradient(180deg,rgba(12,21,27,.72),rgba(7,11,14,.18));border-top:1px solid rgba(255,255,255,.035)}
.survivor-portrait-frame img{object-fit:contain;object-position:center bottom;filter:saturate(.98) contrast(1.07) drop-shadow(0 22px 32px rgba(0,0,0,.42));transform:scale(.985)}
.survivor-dossier.is-changing .survivor-portrait-frame img{opacity:.18;transform:translateX(14px) scale(.965)}
.survivor-choice{background:#0c1216}
.survivor-choice img{aspect-ratio:1/1.03;object-fit:contain;object-position:center bottom;background:linear-gradient(180deg,#15212a,#0b1115);filter:saturate(.66) brightness(.78) contrast(1.04);padding-top:3px}
.survivor-choice:hover img,.survivor-choice[aria-selected="true"] img{filter:saturate(1) brightness(1) contrast(1.05)}
.survivor-choice[aria-selected="true"]{box-shadow:inset 0 1px 0 rgba(215,171,88,.48),inset 0 -1px 0 rgba(215,171,88,.22)}
.survivor-choice[aria-selected="true"] span{color:#ffe4a5}
.survivor-copy:before{content:"DOSSIER // ARCLINE FIELD ARCHIVE";position:absolute;right:clamp(32px,4vw,64px);bottom:18px;font-size:8px;letter-spacing:.2em;color:rgba(145,158,161,.24);pointer-events:none}

.blessing-detail{--rarity-accent:#63d998;isolation:isolate;border-top-color:color-mix(in srgb,var(--rarity-accent) 70%,transparent)}
.blessing-detail[data-rarity="Common"]{--rarity-accent:#a8b2b5}.blessing-detail[data-rarity="Uncommon"]{--rarity-accent:#63d998}.blessing-detail[data-rarity="Epic"]{--rarity-accent:#bb79e5}.blessing-detail[data-rarity="Legendary"]{--rarity-accent:#f0bd4f}.blessing-detail[data-rarity="Corrupted"]{--rarity-accent:#f15b52}
.blessing-detail:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 24% 18%,color-mix(in srgb,var(--rarity-accent) 12%,transparent),transparent 35%),linear-gradient(150deg,rgba(17,26,31,.72),rgba(8,13,16,.9));pointer-events:none}
.blessing-icon-stage{border-color:color-mix(in srgb,var(--rarity-accent) 42%,transparent);box-shadow:inset 0 0 34px color-mix(in srgb,var(--rarity-accent) 5%,transparent),0 24px 55px rgba(0,0,0,.18)}
.blessing-icon-stage:before,.blessing-icon-stage:after{border-color:var(--rarity-accent)}
.blessing-icon-stage img{filter:drop-shadow(0 18px 28px color-mix(in srgb,var(--rarity-accent) 17%,rgba(0,0,0,.35)))}
.blessing-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.blessing-specs>div{padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}
.blessing-card{min-height:118px}.blessing-card[aria-selected="true"]{box-shadow:inset 0 0 0 1px rgba(215,171,88,.46),inset 0 -3px 0 rgba(215,171,88,.12)}
.blessing-card[aria-selected="true"] .blessing-card-name strong{color:#f4e4b9}
.blessing-grid{overscroll-behavior:contain}

/* More deliberate interactive feedback without turning the UI into a toy. */
@media (hover:hover) and (pointer:fine){
  .survivor-choice:hover{background:#11191e}.blessing-card:hover{background:#111a20}.survivor-arrows button:hover{transform:translateY(-1px)}
}

@media(max-width:900px){
  .survivor-portrait-frame{width:min(78%,520px)}
  .survivor-choice img{aspect-ratio:1/.98}
  .survivor-copy:before{display:none}
}
@media(max-width:620px){
  .site-header{height:64px}.site-header.is-compact{height:58px}
  .survivor-portrait-frame{width:88%;aspect-ratio:1.02/1}
  .survivor-visual{min-height:380px}
  .survivor-choice{flex-basis:134px}.survivor-choice img{aspect-ratio:1/1.08}
  .blessing-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:380px){.blessing-specs{grid-template-columns:1fr}}

@supports (content-visibility:auto){
  .story,.gallery-wrap,.updates,.notebook,.ideas{content-visibility:auto;contain-intrinsic-size:auto 900px}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.survivor-portrait-frame img,.survivor-choice img,.blessing-icon-stage img{transition:none!important}
  .site-header.is-hidden{transform:none}
}


/* Survivor fidelity pass: tighter framing, sharper source assets, and dossier navigation. */
#survivorDossier{scroll-margin-top:82px}
.survivor-portrait-frame{width:min(86%,600px);aspect-ratio:1.18/1;background:linear-gradient(180deg,rgba(13,23,29,.84),rgba(7,11,14,.28))}
.survivor-portrait-frame img{width:100%;height:100%;object-fit:contain;object-position:center 48%;image-rendering:pixelated;filter:saturate(1) contrast(1.055) drop-shadow(0 22px 34px rgba(0,0,0,.42));transform:none}
.survivor-choice{background:#0b1216}
.survivor-choice img{display:block;width:100%;aspect-ratio:1.1667/1;object-fit:cover;object-position:center center;padding:0;background:#111c23;image-rendering:pixelated;filter:saturate(.78) brightness(.86) contrast(1.06);transform:none}
.survivor-choice:hover img{transform:scale(1.025);filter:saturate(1) brightness(1) contrast(1.07)}
.survivor-choice[aria-selected="true"] img{filter:saturate(1) brightness(1) contrast(1.07)}
.survivor-choice span{padding:10px 9px 12px}
@media(max-width:900px){
  .survivor-choice img{aspect-ratio:1.1667/1;object-position:center center}
  .survivor-portrait-frame{width:min(86%,560px)}
}
@media(max-width:620px){
  #survivorDossier{scroll-margin-top:66px}
  .survivor-choice{flex-basis:144px}
  .survivor-choice img{aspect-ratio:1.1667/1}
  .survivor-portrait-frame{width:94%;aspect-ratio:1.12/1}
}