/* ELIE v5.1.79 — final MYRA Signal Archive skin.
   Loaded last so legacy stone/badge art cannot override the live interface. */
:root{
  --signal-green:#2ef13a;
  --signal-ink:#001b04;
  --signal-white:#eaffec;
  --signal-dim:rgba(89,169,98,.82);
  --signal-line:rgba(46,241,58,.18);
  --signal-panel:rgba(1,13,4,.84);
}

/* Static overlays are cheaper than backdrop filters and preserve the MYRA look. */
body>.badge-gallery-overlay,
body>.badge-detail-layer,
.kadim-stone-modal{
  background:radial-gradient(circle at 50% 42%,rgba(14,80,24,.14),rgba(0,0,0,.96) 58%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body>.badge-gallery-overlay .badge-gallery-window,
body>.badge-detail-layer .badge-detail-card,
.game-modal.badge-unlock-mode .badge-unlock-card,
.kadim-stone-modal .kadim-stone-window{
  overflow:hidden!important;
  border:1px solid rgba(46,241,58,.48)!important;
  border-radius:25px!important;
  background-color:#000!important;
  background-image:
    radial-gradient(circle at 50% 40%,rgba(9,47,15,.42),transparent 45%),
    linear-gradient(150deg,#000 0%,#031007 44%,#000 100%)!important;
  background-position:center!important;
  background-size:auto!important;
  background-repeat:no-repeat!important;
  box-shadow:0 30px 100px rgba(0,0,0,.9),0 0 42px rgba(46,241,58,.08),inset 0 0 80px rgba(46,241,58,.025)!important;
  color:var(--signal-green)!important;
  filter:none!important;
  contain:layout paint style;
  isolation:isolate;
}
body>.badge-gallery-overlay .badge-gallery-window,
body>.badge-detail-layer .badge-detail-card,
.kadim-stone-modal .kadim-stone-window{
  width:min(1540px,96vw)!important;
  max-width:96vw!important;
  height:min(900px,93vh)!important;
  max-height:93vh!important;
}
body>.badge-gallery-overlay .badge-gallery-window::before,
body>.badge-detail-layer .badge-detail-card::before,
.game-modal.badge-unlock-mode .badge-unlock-card::before,
.kadim-stone-modal .kadim-stone-window::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.2!important;
  background-image:
    linear-gradient(rgba(46,241,58,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(46,241,58,.025) 1px,transparent 1px)!important;
  background-size:38px 38px!important;
  mask-image:radial-gradient(circle,#000 20%,transparent 88%)!important;
  -webkit-mask-image:radial-gradient(circle,#000 20%,transparent 88%)!important;
  mix-blend-mode:normal!important;
}
body>.badge-gallery-overlay .badge-gallery-window::after,
body>.badge-detail-layer .badge-detail-card::after,
.game-modal.badge-unlock-mode .badge-unlock-card::after,
.kadim-stone-modal .kadim-stone-window::after{
  content:none!important;
  display:none!important;
}

/* Shared corner telemetry. */
.badge-signal-frame,
.kadim-stone-signal-frame{inset:9px!important;z-index:8!important}
.badge-signal-frame i,
.kadim-stone-signal-frame i{width:34px!important;height:34px!important;border-color:rgba(46,241,58,.55)!important}

/* BADGE ARCHIVE */
body>.badge-gallery-overlay .badge-gallery-window>header{
  left:3.2%!important;right:3.2%!important;top:3.4%!important;height:11.5%!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;
  border-bottom:1px solid var(--signal-line)!important;text-align:left!important;background:none!important;
}
body>.badge-gallery-overlay .badge-gallery-window>header small{
  color:rgba(69,140,76,.82)!important;font:650 8px/1 Duplet,Arial,sans-serif!important;letter-spacing:.18em!important
}
body>.badge-gallery-overlay .badge-gallery-window>header h1{
  margin:.28em 0 0!important;color:var(--signal-white)!important;
  font:750 clamp(22px,2vw,36px)/1 Duplet,Arial,sans-serif!important;letter-spacing:.035em!important
}
body>.badge-gallery-overlay .badge-gallery-window>header strong{
  padding-right:72px!important;color:var(--signal-green)!important;
  font:800 clamp(20px,1.7vw,32px)/1 Duplet,Arial,sans-serif!important
}
body>.badge-gallery-overlay .badge-scroll-mask{
  left:3.2%!important;right:3.2%!important;top:16.5%!important;bottom:5.5%!important;
  overflow:hidden!important;border:1px solid rgba(46,241,58,.13)!important;border-radius:17px!important;
  background:linear-gradient(150deg,rgba(2,18,5,.72),rgba(0,0,0,.62))!important;
  box-shadow:inset 0 0 26px rgba(46,241,58,.025)!important;
  -webkit-mask-image:none!important;mask-image:none!important
}
body>.badge-gallery-overlay .badge-grid{
  height:100%!important;padding:15px!important;gap:10px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  -webkit-mask-image:none!important;mask-image:none!important
}
body>.badge-gallery-overlay .badge-card{
  min-height:116px!important;grid-template-columns:92px minmax(0,1fr)!important;gap:10px!important;
  padding:10px 13px!important;border:1px solid rgba(46,241,58,.14)!important;border-radius:11px!important;
  background:rgba(0,0,0,.56)!important;color:rgba(116,183,123,.82)!important;box-shadow:none!important
}
body>.badge-gallery-overlay .badge-card:hover{
  border-color:rgba(46,241,58,.5)!important;
  background:linear-gradient(90deg,rgba(12,65,20,.72),rgba(0,0,0,.58))!important;
  color:var(--signal-white)!important
}
body>.badge-gallery-overlay .badge-card.is-unlocked{
  border-color:var(--signal-green)!important;background:var(--signal-green)!important;color:var(--signal-ink)!important
}
body>.badge-gallery-overlay .badge-card.is-unlocked:hover{background:#55f65e!important;color:var(--signal-ink)!important}
body>.badge-gallery-overlay .badge-card.is-unlocked .badge-card-copy b,
body>.badge-gallery-overlay .badge-card.is-unlocked .badge-card-copy small{color:var(--signal-ink)!important}
body>.badge-gallery-overlay .badge-card.is-unlocked .badge-card-copy em{background:rgba(0,27,4,.18)!important}
body>.badge-gallery-overlay .badge-card.is-unlocked .badge-card-copy em i{background:var(--signal-ink)!important}
body>.badge-gallery-overlay .badge-card.is-locked .badge-card-image::after{
  content:"×"!important;display:grid!important;opacity:1!important;visibility:visible!important;
  color:var(--signal-green)!important;font:300 82px/.8 Arial,sans-serif!important
}
body>.badge-detail-layer .badge-detail-card{display:grid!important;grid-template-columns:46% 54%!important;padding:8% 8% 7%!important}
body>.badge-detail-layer .badge-detail-art{
  border:1px solid rgba(46,241,58,.13)!important;border-radius:17px!important;
  background:radial-gradient(circle,rgba(46,241,58,.08),transparent 58%)!important
}
body>.badge-detail-layer .badge-detail-copy h2{color:var(--signal-white)!important}
body>.badge-detail-layer .badge-detail-copy p{color:rgba(186,222,190,.92)!important}
.game-modal.badge-unlock-mode{background:rgba(0,0,0,.94)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.game-modal.badge-unlock-mode .badge-unlock-card{width:min(760px,88vw)!important;min-height:min(710px,84vh)!important}

/* MYRA ETERNAL STONE — data archive, without stone artwork. */
.kadim-stone-modal .kadim-stone-window,
.kadim-stone-modal .kadim-stone-window *{
  font-family:Duplet,Arial,sans-serif!important;font-style:normal!important
}
.kadim-stone-modal .kadim-stone-close{
  top:15px!important;right:18px!important;width:48px!important;height:48px!important;
  border:1px solid rgba(46,241,58,.55)!important;border-radius:8px!important;
  background:rgba(0,7,2,.88)!important;box-shadow:none!important
}
.kadim-stone-modal .kadim-stone-close span{width:26px!important;height:3px!important;background:var(--signal-green)!important}
.kadim-stone-modal .kadim-stone-close:hover,
.kadim-stone-modal .kadim-stone-close:focus-visible{background:var(--signal-green)!important}
.kadim-stone-modal .kadim-stone-header{
  left:3.2%!important;right:3.2%!important;top:3.4%!important;height:12.5%!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  padding:0!important;border-bottom:1px solid var(--signal-line)!important;text-align:left!important;background:none!important
}
.kadim-stone-modal .kadim-stone-header::after{
  content:""!important;display:block!important;position:absolute!important;right:92px!important;
  width:min(28vw,330px)!important;height:48px!important;opacity:.58!important;
  background:repeating-linear-gradient(90deg,rgba(46,241,58,.18) 0 3px,transparent 3px 10px)!important
}
.kadim-stone-modal .kadim-stone-header small{
  display:block!important;color:rgba(69,140,76,.82)!important;font:650 8px/1 Duplet,Arial,sans-serif!important;letter-spacing:.18em!important
}
.kadim-stone-modal .kadim-stone-header h2{
  margin:.28em 0 .18em!important;color:var(--signal-white)!important;
  font:750 clamp(20px,2vw,36px)/1 Duplet,Arial,sans-serif!important;letter-spacing:.035em!important;text-shadow:none!important
}
.kadim-stone-modal .kadim-stone-header p{
  width:min(860px,62vw)!important;margin:0!important;color:var(--signal-dim)!important;
  font:700 clamp(9px,.72vw,12px)/1.35 Duplet,Arial,sans-serif!important;
  letter-spacing:.035em!important;opacity:1!important
}
.kadim-stone-modal .kadim-stone-list-frame{
  left:3.2%!important;right:3.2%!important;top:17.5%!important;bottom:5.5%!important;
  min-height:0!important;overflow:hidden!important;border:1px solid rgba(46,241,58,.13)!important;
  border-radius:17px!important;background:linear-gradient(150deg,rgba(2,18,5,.72),rgba(0,0,0,.62))!important;
  box-shadow:inset 0 0 26px rgba(46,241,58,.025)!important
}
.kadim-stone-modal .kadim-stone-list-frame::before,
.kadim-stone-modal .kadim-stone-list-frame::after{left:0!important;right:7px!important;height:28px!important}
.kadim-stone-modal .kadim-stone-list{
  inset:0!important;padding:14px 14px 28px!important;scrollbar-color:rgba(46,241,58,.48) transparent!important
}
.kadim-stone-modal .kadim-stone-row{
  grid-template-columns:minmax(0,1.55fr) minmax(190px,.72fr) minmax(118px,.32fr)!important;
  gap:16px!important;min-height:72px!important;margin:0 0 7px!important;padding:0 18px!important;
  border:1px solid rgba(46,241,58,.11)!important;border-radius:10px!important;
  background:rgba(0,0,0,.52)!important;color:rgba(117,183,124,.82)!important;
  font:750 clamp(12px,.88vw,16px)/1.1 Duplet,Arial,sans-serif!important;
  letter-spacing:.01em!important;box-shadow:none!important
}
.kadim-stone-modal .kadim-stone-row:hover{
  border-color:rgba(46,241,58,.42)!important;
  background:linear-gradient(90deg,rgba(12,65,20,.66),rgba(0,0,0,.56))!important;color:var(--signal-white)!important
}
.kadim-stone-modal .kadim-stone-row.is-occupied .kadim-stone-name,
.kadim-stone-modal .kadim-stone-row.is-occupied .kadim-stone-name strong{color:var(--signal-white)!important}
.kadim-stone-modal .kadim-stone-row.is-occupied .kadim-stone-location,
.kadim-stone-modal .kadim-stone-row.is-occupied .kadim-stone-date{color:var(--signal-dim)!important}
.kadim-stone-modal .kadim-stone-row.is-empty .kadim-stone-name,
.kadim-stone-modal .kadim-stone-row.is-empty .kadim-stone-name span{color:var(--signal-green)!important}
.kadim-stone-modal .kadim-stone-row.is-empty button{
  min-width:150px!important;padding:9px 17px!important;border:1px solid rgba(46,241,58,.48)!important;
  border-radius:8px!important;background:linear-gradient(90deg,rgba(12,73,21,.86),rgba(0,0,0,.72))!important;
  color:var(--signal-white)!important;font:800 clamp(10px,.72vw,13px)/1 Duplet,Arial,sans-serif!important;box-shadow:none!important
}
.kadim-stone-modal .kadim-stone-row.is-empty button:hover,
.kadim-stone-modal .kadim-stone-row.is-empty button:focus-visible{background:var(--signal-green)!important;color:var(--signal-ink)!important}
.kadim-stone-modal .kadim-stone-divider{display:none!important}

@media(max-width:1050px){
  body>.badge-gallery-overlay .badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px) and (orientation:portrait){
  body>.badge-gallery-overlay,
  body>.badge-detail-layer,
  .kadim-stone-modal{padding:0!important}
  body>.badge-gallery-overlay .badge-gallery-window,
  body>.badge-detail-layer .badge-detail-card,
  .kadim-stone-modal .kadim-stone-window{
    width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important
  }
  .badge-signal-frame,.kadim-stone-signal-frame{inset:5px!important}
  .badge-signal-frame i,.kadim-stone-signal-frame i{width:20px!important;height:20px!important}
  body>.badge-gallery-overlay .badge-gallery-window>header{left:5%!important;right:5%!important;top:3%!important;height:11%!important}
  body>.badge-gallery-overlay .badge-gallery-window>header::after,
  .kadim-stone-modal .kadim-stone-header::after{display:none!important}
  body>.badge-gallery-overlay .badge-scroll-mask{left:4%!important;right:4%!important;top:15%!important;bottom:3.5%!important;border-radius:12px!important}
  body>.badge-gallery-overlay .badge-grid{grid-template-columns:1fr!important;padding:10px!important}
  body>.badge-gallery-overlay .badge-card{min-height:102px!important;grid-template-columns:78px 1fr!important}
  body>.badge-detail-layer .badge-detail-card{display:flex!important;flex-direction:column!important;padding:72px 24px 28px!important;overflow:auto!important}
  .kadim-stone-modal .kadim-stone-close{right:8px!important;top:7px!important;width:40px!important;height:40px!important}
  .kadim-stone-modal .kadim-stone-header{left:5%!important;right:5%!important;top:3%!important;height:13%!important;padding-right:44px!important}
  .kadim-stone-modal .kadim-stone-header h2{font-size:22px!important}
  .kadim-stone-modal .kadim-stone-header p{width:100%!important;font-size:8px!important;line-height:1.25!important}
  .kadim-stone-modal .kadim-stone-list-frame{left:4%!important;right:4%!important;top:17%!important;bottom:3.5%!important;border-radius:12px!important}
  .kadim-stone-modal .kadim-stone-list{padding:10px 10px 24px!important}
  .kadim-stone-modal .kadim-stone-row{
    grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;
    min-height:86px!important;padding:11px 13px!important;gap:6px 10px!important;border-radius:10px!important
  }
  .kadim-stone-modal .kadim-stone-name{grid-column:1/3!important}
  .kadim-stone-modal .kadim-stone-location{grid-column:1!important}
  .kadim-stone-modal .kadim-stone-date{grid-column:2!important}
}
@media(orientation:landscape) and (pointer:coarse){
  body>.badge-gallery-overlay .badge-gallery-window,
  body>.badge-detail-layer .badge-detail-card,
  .kadim-stone-modal .kadim-stone-window{
    width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;border-radius:14px!important
  }
  .badge-signal-frame,.kadim-stone-signal-frame{inset:5px!important}
  .badge-signal-frame i,.kadim-stone-signal-frame i{width:18px!important;height:18px!important}
  body>.badge-gallery-overlay .badge-gallery-window>header{left:2.5%!important;right:2.5%!important;top:2.5%!important;height:13%!important}
  body>.badge-gallery-overlay .badge-scroll-mask{left:2.4%!important;right:2.4%!important;top:17%!important;bottom:4.5%!important;border-radius:9px!important}
  body>.badge-gallery-overlay .badge-grid{padding:7px!important;gap:5px!important}
  body>.badge-gallery-overlay .badge-card{min-height:clamp(54px,15vh,78px)!important;grid-template-columns:clamp(45px,12vh,62px) 1fr!important;padding:5px 7px!important}
  .kadim-stone-modal{padding:max(4px,var(--safe-top)) max(5px,var(--safe-right)) max(4px,var(--safe-bottom)) max(5px,var(--safe-left))!important}
  .kadim-stone-modal .kadim-stone-close{right:7px!important;top:6px!important;width:34px!important;height:34px!important}
  .kadim-stone-modal .kadim-stone-header{left:2.5%!important;right:2.5%!important;top:2.5%!important;height:13%!important;padding-right:38px!important}
  .kadim-stone-modal .kadim-stone-header small{font-size:4.5px!important}
  .kadim-stone-modal .kadim-stone-header h2{font-size:clamp(14px,3.8vh,21px)!important;margin:.15em 0!important}
  .kadim-stone-modal .kadim-stone-header p{width:75%!important;font-size:clamp(4px,1.1vh,6px)!important}
  .kadim-stone-modal .kadim-stone-list-frame{left:2.4%!important;right:2.4%!important;top:17%!important;bottom:4.5%!important;border-radius:9px!important}
  .kadim-stone-modal .kadim-stone-list{padding:7px!important}
  .kadim-stone-modal .kadim-stone-row{
    grid-template-columns:minmax(0,1.45fr) minmax(125px,.72fr) minmax(82px,.35fr)!important;
    min-height:clamp(42px,11.5vh,58px)!important;padding:0 14px!important;gap:8px!important;
    border-radius:7px!important;font-size:clamp(8px,2.1vh,12px)!important
  }
  .kadim-stone-modal .kadim-stone-row.is-empty button{min-width:0!important;padding:6px 11px!important;font-size:clamp(7px,1.75vh,10px)!important}
}
@media(prefers-reduced-motion:reduce){
  body>.badge-gallery-overlay *,body>.badge-detail-layer *,
  .game-modal.badge-unlock-mode *, .kadim-stone-modal *{animation:none!important;transition:none!important}
}