/* Wybrany wariant „Złoty horyzont”; identyczny w obu motywach Akademii. */
.hocell-saver { position: fixed; inset: 0; z-index: 10000; overflow: hidden; background: #101010; color: #d5c8ad; isolation: isolate; }
.hocell-saver[hidden] { display: none !important; }
body.hocell-saver-open { overflow: hidden; }
.hocell-saver-return { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; text-align: left; background: transparent; color: inherit; font-family: Manrope, "Segoe UI", system-ui, sans-serif; cursor: default; -webkit-tap-highlight-color: transparent; }
.hocell-saver-return:focus-visible { outline: 1px solid #ccab6e80; outline-offset: -8px; }
.hocell-saver-academy { position: absolute; top: max(36px, env(safe-area-inset-top)); left: max(4.5%, env(safe-area-inset-left)); z-index: 3; font-size: clamp(.65rem, .8vw, .85rem); font-weight: 400; letter-spacing: .24em; text-transform: uppercase; color: #c5b28e; }
.hocell-saver-atmosphere { position: absolute; inset: -3%; background: radial-gradient(ellipse at 94% 20%, #b99b633b, #7a5c2413 34%, transparent 65%); animation: hocell-saver-breathe 14s ease-in-out infinite alternate; pointer-events: none; }
.hocell-saver-horizon { position: absolute; right: -15%; top: 47%; width: 80%; height: 1px; transform: rotate(-28deg); background: linear-gradient(90deg, transparent, #ccab6e24 50%, transparent); box-shadow: 0 -18px 70px 14px #b0893c0c; pointer-events: none; }
.hocell-saver-brand { position: absolute; left: 9%; top: 50%; width: min(44%, 520px); display: flex; flex-direction: column; transform: translateY(-50%); animation: hocell-saver-float 32s ease-in-out infinite; }
.hocell-saver-brand img { display: block; width: 100%; height: auto; max-width: none; filter: drop-shadow(0 0 26px #ccab6e19); }
.hocell-saver-rule { align-self: flex-start; width: 58px; height: 1px; margin: 30px 0 0 5px; background: linear-gradient(90deg, #ccab6e, transparent); opacity: .6; }
.hocell-saver-hint { position: absolute; bottom: max(36px, env(safe-area-inset-bottom)); left: max(9%, env(safe-area-inset-left)); right: max(9%, env(safe-area-inset-right)); max-width: 650px; font-size: .78rem; font-weight: 400; line-height: 1.7; letter-spacing: .025em; color: #a99e88; }
.hocell-saver-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.hocell-saver-particle { position: absolute; left: var(--sx); top: var(--sy); width: var(--ss); height: var(--ss); border-radius: 50%; background: #e3c17f; box-shadow: 0 0 9px 1px #d6ae5740; animation: hocell-saver-drift 32s ease-in-out infinite alternate, hocell-saver-shimmer 14s ease-in-out infinite alternate; animation-delay: var(--sd); opacity: .2; }
@keyframes hocell-saver-breathe { from { opacity: .5; transform: scale(.98); } to { opacity: 1; transform: scale(1.04); } }
@keyframes hocell-saver-float { 0%, 100% { transform: translate(0, -50%); } 50% { transform: translate(7px, calc(-50% - 4px)); } }
@keyframes hocell-saver-drift { from { transform: translate(0, 0); } to { transform: translate(var(--dx), var(--dy)); } }
@keyframes hocell-saver-shimmer { 0%, 100% { opacity: .12; } 55% { opacity: .55; } }
@media (max-width: 600px) {
  .hocell-saver-brand { width: 74%; top: 48%; }
  .hocell-saver-academy { top: max(28px, env(safe-area-inset-top)); left: 8%; font-size: .65rem; letter-spacing: .2em; }
  .hocell-saver-hint { left: 9%; right: 9%; bottom: max(28px, env(safe-area-inset-bottom)); font-size: .75rem; }
  .hocell-saver-rule { margin-top: 24px; }
}
@media (max-height: 420px) {
  .hocell-saver-brand { width: min(45%, 330px); }
  .hocell-saver-academy { top: 16px; }
  .hocell-saver-hint { bottom: 15px; }
  .hocell-saver-rule { margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) { .hocell-saver * { animation: none !important; } }
@media print { .hocell-saver { display: none !important; } body.hocell-saver-open { overflow: visible; } }
