/* GennyPop Generation Survival Challenge */
.survival-section{margin-top:60px;scroll-margin-top:18px}
.survival-section .section-heading{margin-bottom:20px}
.survival-section .section-heading h2{font-size:clamp(25px,3vw,34px);letter-spacing:-1px}
.survival-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 0%,rgba(119,184,233,.11),transparent 45%),linear-gradient(145deg,#172331,#111b26);border:1px solid #324457;border-radius:22px;padding:clamp(18px,3.2vw,34px);box-shadow:0 15px 35px rgba(0,0,0,.14)}
.survival-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.survival-head-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.survival-sound{border:1px solid #557184;background:#1b3042;color:#dcecf3;font-size:12px;font-weight:800;border-radius:999px;padding:10px 14px;min-height:39px;white-space:nowrap;transition:background .15s,border-color .15s}
.survival-sound:hover{border-color:#a3d8ba;background:#254354}
.survival-sound:focus-visible{outline:2px solid #c7f28b;outline-offset:3px}
.survival-sound[aria-pressed="true"]{border-color:#8ece91;background:rgba(132,209,124,.17);color:#dcffcf}
.survival-sound:disabled{opacity:.5;cursor:not-allowed}
.survival-audio-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.survival-volume{display:flex;align-items:center;gap:9px;min-height:39px;padding:6px 12px;border:1px solid #445d72;border-radius:999px;background:#172a3a;color:#c8dce8;font-size:11px;font-weight:750}
.survival-volume input[type="range"]{width:clamp(75px,9vw,115px);height:22px;accent-color:#c7f28b;cursor:pointer}
.survival-volume input[type="range"]:focus-visible{outline:2px solid #c7f28b;outline-offset:3px;border-radius:5px}
.survival-volume output{min-width:36px;text-align:right;color:#e2f9ce;font-variant-numeric:tabular-nums}
.survival-volume input:disabled{opacity:.5;cursor:not-allowed}
.survival-kicker{font-size:11px;font-weight:850;letter-spacing:2px;color:#b9e99e;text-transform:uppercase}
.survival-tag{font-size:11px;font-weight:750;color:#a6bdce;border:1px solid #385368;border-radius:99px;padding:7px 12px}
.survival-sub{font-size:13px;color:#a5b7c5;line-height:1.7;margin:0 0 18px}
.survival-era-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.survival-era{border:1px solid #3a4d5a;background:#1e2c39;border-radius:14px;padding:18px 15px;text-align:left;min-width:0;min-height:114px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;color:#edf6fb;transition:border-color .15s,transform .15s,background .15s}
.survival-era:hover{border-color:var(--s-era-color,#b7e9ae);background:#243748;transform:translateY(-2px)}
.survival-era:focus-visible,.survival-option:focus-visible,.survival-action:focus-visible{outline:2px solid #c7f28b;outline-offset:3px}
.survival-era .symbol{display:flex;align-items:center;justify-content:space-between;color:var(--s-era-color,#c7f28b);font-size:25px;font-weight:900}
.survival-era .era-title{font-size:14px;font-weight:800;line-height:1.2}
.survival-era .era-sub{font-size:10px;color:#b6c7d2;line-height:1.4}
.survival-era .fiction{font-size:9px;color:#efd4aa;margin-top:3px}
.survival-quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.survival-back{padding:9px 0;color:#b8ccd9;font-size:12px;border:0;background:none;font-weight:800}
.survival-back:hover{color:#fff;text-decoration:underline}
.survival-progress{display:flex;gap:7px;margin:18px 0 24px}
.survival-progress span{height:7px;border-radius:20px;flex:1;background:#344658;transition:background .2s}
.survival-progress span.done{background:#7cad88}.survival-progress span.active{background:#c7f28b}
.survival-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,225px);gap:clamp(15px,3vw,34px)}
.survival-q-overline{font-size:11px;color:#91b0c8;letter-spacing:1.2px;text-transform:uppercase;font-weight:800}
.survival-question{font:700 clamp(20px,3.1vw,29px)/1.3 'Space Grotesk',system-ui,sans-serif;color:#f5fbfe;letter-spacing:-.6px;margin:12px 0 20px}
.survival-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.survival-option{display:flex;align-items:center;gap:12px;border:1px solid #40566c;background:#1b2e40;color:#ebf4fa;border-radius:12px;text-align:left;padding:13px 14px;min-height:69px;font-size:13px;line-height:1.45;font-weight:650;transition:background .15s,border-color .15s}
.survival-option:not(:disabled):hover{background:#2a4255;border-color:#a5e2a0}
.survival-option .letter{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#2c4559;color:#c7f28b;font-size:12px;font-weight:900}
.survival-option.is-correct{border-color:#83d78b;background:rgba(100,187,110,.2)}
.survival-option.is-wrong{border-color:#eb9b9c;background:rgba(189,88,91,.18)}
.survival-option.is-eliminated{opacity:.27}
.survival-option:disabled{cursor:default}
.survival-hint{display:flex;align-items:center;gap:10px;margin-top:17px;flex-wrap:wrap}
.survival-lifeline{border:1px solid #627c66;background:rgba(149,221,139,.08);color:#d7f8c8;border-radius:10px;font-size:12px;font-weight:800;padding:10px 13px}
.survival-lifeline:disabled{opacity:.43;cursor:default}
.survival-timer-col{border-left:1px solid #304456;padding-left:clamp(13px,2.6vw,28px);display:flex;flex-direction:column;align-items:center;gap:12px}
.survival-timer{display:grid;place-items:center;width:126px;height:126px;max-width:100%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#c7f28b 100%,#2c4256 0);padding:7px;transition:background .06s linear}
.survival-timer-inner{width:100%;height:100%;border-radius:50%;background:#142231;display:flex;flex-direction:column;align-items:center;justify-content:center}
.survival-seconds{font:800 42px/1 'Space Grotesk',system-ui,sans-serif;color:#edffea;font-variant-numeric:tabular-nums}
.survival-timer-label{font-size:9px;letter-spacing:1px;color:#a7bfce;margin-top:5px;text-transform:uppercase}
.survival-timer.urgent{background:conic-gradient(#ffa26b var(--timer-pct,100%),#2c4256 0)}
.survival-timer.urgent .survival-seconds{color:#ffc18a}
.survival-score{padding:13px;background:#1c3140;border:1px solid #3a5663;border-radius:12px;text-align:center;width:100%}
.survival-score small{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#a6bfce;display:block}
.survival-score strong{display:block;color:#c7f28b;font-size:25px;font-weight:850;font-variant-numeric:tabular-nums}
.survival-status{margin-top:17px;padding:16px 18px;border-radius:12px;border:1px solid #506c60;background:rgba(135,205,132,.09)}
.survival-status.is-wrong{border-color:#705656;background:rgba(209,141,106,.07)}
.survival-status strong{font-size:15px;color:#d8f9c8}
.survival-status.is-wrong strong{color:#ffcfab}
.survival-status p{font-size:12px;color:#b7cbd6;line-height:1.6;margin:6px 0 13px}
.survival-action{border:0;border-radius:11px;background:#c7f28b;color:#10251d;font-size:13px;font-weight:900;padding:12px 18px;min-height:42px}
.survival-action:hover{background:#dcffae}
.survival-action.alt{background:transparent;border:1px solid #5c7180;color:#dbe8f0}
.survival-end{text-align:center;padding:22px 10px}
.survival-end-icon{font-size:45px}
.survival-end h3{font:800 clamp(26px,4vw,40px)/1.2 'Space Grotesk',system-ui,sans-serif;color:#c7f28b;margin:12px 0}
.survival-end p{color:#bbced9;font-size:14px;line-height:1.6}
.survival-end-score{font:800 clamp(34px,6vw,56px)/1.15 'Space Grotesk',system-ui,sans-serif;color:white;font-variant-numeric:tabular-nums}
.survival-end-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.survival-note{font-size:11px;color:#94aab9;line-height:1.6;margin:22px 0 0}
.survival-preview{display:none}
.no-js .survival-preview{display:block}
.no-js #survival-picker,.no-js #survival-playing,.no-js #survival-ending{display:none}
@media(max-width:1100px){.survival-era-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:740px){.survival-era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.survival-layout{grid-template-columns:1fr}.survival-timer-col{border-left:0;border-top:1px solid #304456;padding:15px 0 0;flex-direction:row;justify-content:space-between}.survival-timer{height:80px;width:80px}.survival-seconds{font-size:26px}.survival-score{max-width:150px}.survival-options{grid-template-columns:1fr}.survival-option{min-height:57px}.survival-section{margin-top:40px}}
@media(max-width:600px){.survival-head{gap:10px}.survival-head-actions{justify-content:flex-start;gap:8px}.survival-sound{font-size:11px;padding:8px 12px}}
@media(max-width:390px){.survival-era-grid{gap:8px}.survival-era{padding:13px;min-height:105px}.survival-era .era-title{font-size:12px}.survival-option{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){.survival-section *, .survival-section *::before,.survival-section *::after{animation:none!important;transition:none!important}}