/* =====================================================================
   FROSTBORNE DEADLANDS — extras.css
   Переключатель языка · пасхалки · SOS-вышка · ретро-радар · fx-toast
   Подключается ПОСЛЕ основного <style> страницы.
   ===================================================================== */

/* ---------- переключатель языка ---------- */
.lang-switch{position:relative;display:inline-block}
.lang-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;
  border:1px solid var(--line,rgba(124,206,255,.2));background:rgba(124,206,255,.06);
  color:var(--ice,#7cceff);font-family:'Share Tech Mono',monospace;font-size:.74rem;letter-spacing:.06em;
  cursor:pointer;transition:.2s;text-transform:uppercase}
.lang-btn:hover{background:rgba(124,206,255,.13);transform:translateY(-1px)}
.lang-btn svg{transition:transform .25s}
.lang-switch.open .lang-btn svg{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;z-index:1200;
  background:rgba(7,15,26,.97);border:1px solid var(--line,rgba(124,206,255,.18));border-radius:14px;
  box-shadow:0 18px 50px rgba(0,0,0,.5);backdrop-filter:blur(14px);padding:6px;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}
.lang-switch.open .lang-menu{opacity:1;visibility:visible;transform:none}
.lang-opt{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border-radius:10px;
  background:transparent;border:none;color:var(--text,#c5d6e8);font-size:.88rem;cursor:pointer;
  text-align:left;transition:.15s;font-family:inherit}
.lang-opt span{font-weight:500}
.lang-opt:hover{background:rgba(124,206,255,.08);color:#fff}
.lang-opt.active{background:rgba(124,206,255,.14);color:var(--ice-bright,#a8e0ff)}
.lang-opt.active::after{content:'✓';margin-left:auto;color:var(--ice,#7cceff)}
@media(max-width:1080px){
  .lang-menu{right:auto;left:0}
}

/* ---------- оверлей инея (Великое обледенение) ---------- */
#frost-overlay{position:fixed;inset:0;z-index:3500;pointer-events:none;opacity:0;
  transition:opacity 1.1s ease;mix-blend-mode:screen}
#frost-overlay.show{opacity:1}
#frost-overlay svg{position:absolute;inset:0;width:100%;height:100%}
#frost-overlay .frost-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(1.4rem,4vw,2.6rem);letter-spacing:.18em;
  color:rgba(200,235,255,.9);text-shadow:0 0 30px rgba(124,206,255,.8);text-transform:uppercase;
  white-space:nowrap;opacity:0;transition:opacity .8s .3s}
#frost-overlay.show .frost-msg{opacity:1}

/* ---------- ретро-радар (код Конами) ---------- */
#radar-screen{position:fixed;inset:0;z-index:3400;pointer-events:none;display:grid;place-items:center;
  background:radial-gradient(circle at center,rgba(2,18,12,.78),rgba(1,6,4,.94));
  opacity:0;visibility:hidden;transition:.5s}
#radar-screen.show{opacity:1;visibility:visible}
#radar-screen .radar-ring{position:absolute;width:min(70vmin,460px);height:min(70vmin,460px);
  border-radius:50%;border:1px solid rgba(52,211,153,.4);
  box-shadow:inset 0 0 60px rgba(52,211,153,.15),0 0 40px rgba(52,211,153,.1)}
#radar-screen .radar-ring::before,#radar-screen .radar-ring::after{content:'';position:absolute;
  inset:25%;border-radius:50%;border:1px solid rgba(52,211,153,.3)}
#radar-screen .radar-ring::after{inset:40%}
#radar-screen .radar-sweep{position:absolute;width:min(35vmin,230px);height:min(35vmin,230px);
  transform-origin:bottom right;
  background:conic-gradient(from 0deg,rgba(52,211,153,.5),transparent 40%);
  border-radius:100% 0 0 0;animation:radarSpin 2s linear infinite}
@keyframes radarSpin{to{transform:rotate(360deg)}}
#radar-screen .radar-label{position:absolute;bottom:18%;font-family:'Share Tech Mono',monospace;
  color:#34d399;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.8rem,2.4vw,1.1rem);
  text-shadow:0 0 16px rgba(52,211,153,.7)}
#radar-screen .radar-sub{position:absolute;bottom:14%;font-family:'Share Tech Mono',monospace;
  color:rgba(52,211,153,.6);letter-spacing:.2em;font-size:.7rem}
body.radar-mode{filter:hue-rotate(8deg)}

/* секретная тема (после кода Конами) */
body.secret-theme{--ice:#9b8cff;--ice-bright:#c4b5fd;--ice-glow:rgba(155,140,255,.35);--steel:#7c5cff}
body.secret-theme #snow{filter:hue-rotate(40deg)}

/* ---------- SOS-вышка (скрытый элемент в углу) ---------- */
#sos-tower{position:fixed;left:14px;bottom:14px;z-index:850;width:40px;height:52px;
  background:transparent;border:none;cursor:pointer;color:rgba(124,206,255,.16);
  transition:color .4s,transform .3s;padding:0}
#sos-tower:hover{color:rgba(124,206,255,.55);transform:translateY(-2px)}
#sos-tower:hover #sos-light{fill:#ff5a5a !important}
@media(max-width:600px){#sos-tower{left:8px;bottom:74px;width:32px;height:42px}}

/* ---------- fx-toast (запасной, если на странице нет своего) ---------- */
#fx-toast{position:fixed;bottom:24px;right:24px;z-index:3000;max-width:360px;
  background:rgba(7,15,26,.97);border:1px solid var(--line,rgba(124,206,255,.18));
  border-left:3px solid var(--ice,#7cceff);border-radius:14px;padding:16px 20px;
  box-shadow:0 20px 50px rgba(0,0,0,.5);backdrop-filter:blur(12px);
  transform:translateX(440px);transition:transform .45s cubic-bezier(.4,0,.2,1)}
#fx-toast.show{transform:none}
#fx-toast .fxt-title{font-family:'Oswald',sans-serif;font-weight:600;font-size:.92rem;
  text-transform:uppercase;letter-spacing:.04em;color:var(--ice,#7cceff);margin-bottom:5px}
#fx-toast .fxt-body{font-size:.86rem;color:var(--text,#c5d6e8);line-height:1.5}
@media(max-width:480px){#fx-toast{left:16px;right:16px;max-width:none;bottom:16px}}

/* ---------- Хроники погибших ---------- */
.chronicle-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;max-width:980px;margin:0 auto}
@media(max-width:760px){.chronicle-wrap{grid-template-columns:1fr}}
.chronicle-main{background:linear-gradient(180deg,rgba(20,10,12,.7),rgba(10,6,8,.92));
  border:1px solid rgba(239,68,68,.22);border-radius:24px;padding:46px 30px;text-align:center;position:relative;overflow:hidden}
.chronicle-main::before{content:"☠";position:absolute;inset:0;display:grid;place-items:center;
  font-size:18rem;opacity:.03;pointer-events:none}
.death-total{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(3.4rem,9vw,5.6rem);line-height:1;
  color:#ff6b6b;text-shadow:0 0 50px rgba(239,68,68,.4);letter-spacing:.02em}
.death-total-label{font-family:'Share Tech Mono',monospace;font-size:.82rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted,#6b8299);margin-top:12px}
.chronicle-side{display:flex;flex-direction:column;gap:14px}
.chronicle-stat{background:var(--panel,rgba(10,20,33,.72));border:1px solid var(--line,rgba(124,206,255,.12));
  border-radius:18px;padding:20px;backdrop-filter:blur(8px)}
.cs-label{font-family:'Share Tech Mono',monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#6b8299)}
.cs-value{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.5rem;color:#fff;margin-top:6px;line-height:1}
.cs-value span{color:var(--muted,#6b8299);font-size:1rem}

/* death modal */
.death-modal{position:fixed;inset:0;z-index:4000;background:rgba(2,5,9,.92);backdrop-filter:blur(10px);
  display:none;align-items:center;justify-content:center;padding:20px}
.death-modal.open{display:flex;animation:fadeIn .3s}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.death-card{width:min(460px,100%);background:linear-gradient(180deg,rgba(12,8,10,.98),rgba(6,4,6,.99));
  border:1px solid rgba(239,68,68,.28);border-radius:24px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.6);position:relative;max-height:92vh;overflow-y:auto}
.death-close{position:absolute;top:18px;right:20px;width:40px;height:40px;border-radius:12px;
  border:1px solid var(--line-2,rgba(255,255,255,.05));background:rgba(255,255,255,.04);color:#fff;font-size:1.2rem;cursor:pointer}
.death-kicker{font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#ff6b6b}
.death-card h3{font-family:'Oswald',sans-serif;font-weight:600;font-size:1.6rem;text-transform:uppercase;color:#fff;margin:10px 0 6px;letter-spacing:.02em}
.death-desc{color:var(--muted,#6b8299);font-size:.9rem;margin-bottom:22px}
.death-field{margin-bottom:18px}
.death-field label{font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#6b8299);display:block;margin-bottom:8px}
.death-field input{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--line,rgba(124,206,255,.12));background:rgba(8,6,8,.8);color:#fff}
.death-field input:focus{border-color:rgba(239,68,68,.4);outline:none;box-shadow:0 0 0 4px rgba(239,68,68,.08)}
.death-causes{display:flex;flex-wrap:wrap;gap:8px}
.death-causes button{font-family:'Share Tech Mono',monospace;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;padding:9px 12px;border-radius:10px;border:1px solid var(--line-2,rgba(255,255,255,.05));background:rgba(255,255,255,.03);color:var(--text,#c5d6e8);cursor:pointer;transition:.2s}
.death-causes button:hover{border-color:rgba(239,68,68,.3)}
.death-causes button.active{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4);color:#ff9b9b}