/* Enigmia v4 — wspólny pionowy selektor landingów */
/* =========================================================
   ENIGMIA - pionowy wybór layoutu strony głównej
   Wersja 2026-09-06 v4
   ========================================================= */

/* Stare kontrolki wyboru ukrywamy — zastępuje je prawy pasek. */
.enigmia-layout-fab,
.enigmia-layout-panel,
.mode-switch,
.settings-toggle,
.settings-panel { display:none !important; }

#enigmia-layout-rail {
  position:fixed;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  z-index:2147483000;
  width:58px;
  padding:8px 6px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  border-radius:29px;
  background:rgba(7,21,28,.76);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  backdrop-filter:blur(14px) saturate(1.18);
  -webkit-backdrop-filter:blur(14px) saturate(1.18);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
#enigmia-layout-rail .rail-head {
  width:42px;height:28px;border-radius:16px;
  display:grid;place-items:center;
  color:#f3d98c;font-size:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
}
#enigmia-layout-rail .rail-sep {
  width:30px;height:1px;background:rgba(255,255,255,.18);margin:1px 0;
}
#enigmia-layout-rail .skin-dot {
  position:relative;
  width:44px;height:44px;
  padding:0;border:0;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;font-size:19px;font-weight:900;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  box-shadow:0 5px 13px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.24);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
#enigmia-layout-rail .skin-dot:hover,
#enigmia-layout-rail .skin-dot:focus-visible {
  transform:scale(1.10);
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.22),0 7px 20px rgba(0,0,0,.35);
  filter:saturate(1.15) brightness(1.08);
}
#enigmia-layout-rail .skin-dot.is-modern {
  box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(73,190,255,.55),0 7px 22px rgba(0,0,0,.35);
}
#enigmia-layout-rail .skin-dot.is-fixed::before {
  content:'•';
  position:absolute;right:-1px;top:-2px;
  width:15px;height:15px;border-radius:50%;
  display:grid;place-items:center;
  background:#ffd25b;color:#27313a;
  border:2px solid rgba(5,18,25,.85);
  font-size:12px;line-height:1;
}
#enigmia-layout-rail .skin-dot .tip {
  position:absolute;
  right:54px;
  top:50%;
  transform:translateY(-50%) translateX(6px);
  opacity:0;pointer-events:none;
  white-space:nowrap;
  padding:7px 10px;
  border-radius:10px;
  color:#fff;
  background:rgba(5,16,23,.94);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 20px rgba(0,0,0,.24);
  font-size:12px;font-weight:800;
  transition:opacity .16s ease,transform .16s ease;
}
#enigmia-layout-rail .skin-dot:hover .tip,
#enigmia-layout-rail .skin-dot:focus-visible .tip {
  opacity:1;transform:translateY(-50%) translateX(0);
}

#enigmia-layout-rail .skin-modern {
  background:radial-gradient(circle at 35% 30%,#f6d980 0 12%,transparent 13%),linear-gradient(145deg,#0d623c,#1b9b65 62%,#f0d59b);
}
#enigmia-layout-rail .skin-classic {
  background:linear-gradient(145deg,#f7e9bc 0 25%,#5f9b70 55%,#173e2f 100%);
}
#enigmia-layout-rail .skin-shadow {
  background:radial-gradient(circle at 45% 42%,#f0b84f 0 11%,#172d36 28%,#050b10 70%);
}
#enigmia-layout-rail .skin-relic {
  background:linear-gradient(145deg,#e7bd74,#8d5725 56%,#3b2414);
}
#enigmia-layout-rail .skin-ice {
  background:radial-gradient(circle at 32% 28%,#fff 0 10%,transparent 11%),linear-gradient(145deg,#e8f8ff,#7ac5ef 56%,#15527e);
  color:#073858;
}
#enigmia-layout-rail .skin-random {
  background:linear-gradient(145deg,#6e55d9,#2c7ac1 55%,#0a4652);
}

/* Pasek nie ma blokować przewijania ani dotyku poza samymi kółkami. */
#enigmia-layout-rail { pointer-events:none; }
#enigmia-layout-rail .skin-dot { pointer-events:auto; }

@media (max-width:720px) {
  #enigmia-layout-rail {right:7px;width:52px;padding:7px 5px;gap:7px;border-radius:25px;}
  #enigmia-layout-rail .skin-dot{width:39px;height:39px;font-size:17px;}
  #enigmia-layout-rail .rail-head{width:38px;height:25px;}
  #enigmia-layout-rail .skin-dot .tip{display:none;}
}
@media (max-height:560px) {
  #enigmia-layout-rail {gap:4px;padding-top:5px;padding-bottom:5px;}
  #enigmia-layout-rail .skin-dot{width:34px;height:34px;font-size:15px;}
  #enigmia-layout-rail .rail-head{display:none;}
}

/* v5 — rail jest teraz również statycznym HTML, nie tylko elementem tworzonym przez JS */
#enigmia-layout-rail a.skin-dot {
  text-decoration:none !important;
  line-height:1;
}
#enigmia-layout-rail .skin-dot > span:first-child {
  display:block;
  pointer-events:none;
}
#enigmia-layout-rail .skin-dot.is-modern .tip::after {
  content:' · teraz';
  opacity:.72;
}
@media (min-width:721px) {
  #enigmia-layout-rail { right:18px; }
}

/* v6 recovery: force the landing rail to remain visible above every legacy layer */
html #enigmia-layout-rail.enigmia-layout-rail,
body #enigmia-layout-rail.enigmia-layout-rail {
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:fixed !important;
  right:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2147483647 !important;
  pointer-events:auto !important;
}
html #enigmia-layout-rail .skin-dot,
body #enigmia-layout-rail .skin-dot {
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}


/* === ENIGMIA LANDING LAYOUT RAIL v7 — shared fallback === */
#enigmia-layout-rail.enigmia-layout-rail{
  display:flex!important;visibility:visible!important;opacity:1!important;
  position:fixed!important;right:24px!important;top:50%!important;
  transform:translateY(-50%)!important;z-index:2147483647!important;
  width:72px!important;padding:10px 8px!important;flex-direction:column!important;
  align-items:center!important;gap:9px!important;border-radius:36px!important;
  background:rgba(5,18,26,.88)!important;border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.35)!important;backdrop-filter:blur(14px)!important;
  pointer-events:none!important;
}
#enigmia-layout-rail .rail-head{display:grid!important;place-items:center!important;width:50px!important;height:30px!important;border-radius:18px!important;color:#f3d98c!important;background:rgba(255,255,255,.09)!important;font-size:18px!important}
#enigmia-layout-rail .rail-sep{display:block!important;width:34px!important;height:1px!important;background:rgba(255,255,255,.2)!important}
#enigmia-layout-rail .skin-dot{display:grid!important;visibility:visible!important;opacity:1!important;place-items:center!important;position:relative!important;width:52px!important;height:52px!important;border-radius:50%!important;text-decoration:none!important;color:#fff!important;font:900 22px/1 Inter,system-ui,sans-serif!important;box-shadow:0 6px 16px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.28)!important;pointer-events:auto!important}
#enigmia-layout-rail .skin-dot.is-modern{box-shadow:0 0 0 3px #fff,0 0 0 7px rgba(67,184,255,.6),0 8px 20px rgba(0,0,0,.35)!important}
#enigmia-layout-rail .skin-dot.is-fixed::before{content:'•'!important;position:absolute!important;right:-2px!important;top:-3px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#ffd55f!important;color:#22323b!important;border:2px solid #07151d!important;display:grid!important;place-items:center!important;font-size:12px!important}
#enigmia-layout-rail .skin-modern{background:linear-gradient(145deg,#0d623c,#1b9b65 62%,#efd28e)!important}
#enigmia-layout-rail .skin-classic{background:linear-gradient(145deg,#f7e9bc 0 25%,#5f9b70 55%,#173e2f 100%)!important}
#enigmia-layout-rail .skin-shadow{background:radial-gradient(circle at 45% 42%,#f0b84f 0 11%,#172d36 29%,#050b10 72%)!important}
#enigmia-layout-rail .skin-relic{background:linear-gradient(145deg,#e7bd74,#8d5725 56%,#3b2414)!important}
#enigmia-layout-rail .skin-ice{background:linear-gradient(145deg,#f8fdff,#79c9f4 55%,#15527e)!important;color:#073858!important}
#enigmia-layout-rail .skin-random{background:linear-gradient(145deg,#7256df,#2d7ec4 55%,#0a4652)!important}
#enigmia-layout-rail .tip{position:absolute!important;right:62px!important;top:50%!important;transform:translateY(-50%)!important;display:none!important;white-space:nowrap!important;padding:8px 11px!important;border-radius:10px!important;background:#07151d!important;color:#fff!important;font:800 12px/1.2 Inter,system-ui,sans-serif!important}
#enigmia-layout-rail .skin-dot:hover .tip,#enigmia-layout-rail .skin-dot:focus-visible .tip{display:block!important}
@media(max-width:720px){#enigmia-layout-rail.enigmia-layout-rail{right:8px!important;width:60px!important;padding:8px 5px!important}#enigmia-layout-rail .skin-dot{width:44px!important;height:44px!important;font-size:19px!important}#enigmia-layout-rail .tip{display:none!important}}