/* SkyAtlantida logbook "plus": sky design layer + reply alerts. Loaded AFTER sa-logbook.css, does not change it. Remove the <link> to roll back. */
:root{--sky-veil:linear-gradient(180deg,rgba(247,250,252,.30) 0%,rgba(247,250,252,.55) 45%,rgba(247,250,252,.86) 100%);--glass:rgba(255,255,255,.80);--glassLine:rgba(255,255,255,.65)}
@media (prefers-color-scheme:dark){:root{--sky-veil:linear-gradient(180deg,rgba(6,20,32,.35) 0%,rgba(6,20,32,.62) 45%,rgba(6,20,32,.88) 100%);--glass:rgba(12,34,50,.72);--glassLine:rgba(140,200,235,.18)}}

/* sky behind everything, slow drift */
html{background:#0b2233}
body{background:transparent!important;position:relative}
body::before{content:"";position:fixed;inset:-4%;z-index:-2;background:url(/assets/logbook/sa-sky.webp) center 30%/cover no-repeat;animation:saSky 70s ease-in-out infinite alternate;will-change:transform}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:var(--sky-veil)}
@keyframes saSky{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-2%,-3%,0)}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}}

/* glass panels so text stays readable on the sky */
#sa-lb .lb-card,#sa-lb .lb-it,#sa-lb .lb-stat,#sa-lb .lb-hint,#sa-lb .lb-act.gh,#sa-lb .lb-act.th,#sa-lb .lb-act.add,#sa-lb .lb-btn:not(.pri){background:var(--glass);border-color:var(--glassLine);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
.lb-nav{background:var(--glass)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

/* buttons look like buttons: text centred */
#sa-lb .lb-act{text-align:center;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(6,30,50,.18)}
#sa-lb .lb-act small{text-align:center}
#sa-lb .lb-btn{text-align:center;justify-content:center}

/* НАЧАТЬ ПОЛЁТ: big, bold, centred */
#sa-lb .lb-act.fly{min-height:128px;font-size:clamp(26px,8.6vw,36px);white-space:nowrap;color:#13232f;font-weight:700;letter-spacing:.07em;line-height:1.05;gap:6px;box-shadow:0 10px 30px rgba(240,140,30,.45),inset 0 1px 0 rgba(255,255,255,.35)}
#sa-lb .lb-act.fly small{font-size:14px;opacity:.9}

/* reply badge */
#sa-plus-pill{position:fixed;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9998;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 16px 10px 14px;background:linear-gradient(135deg,#ff8a1f,#e0392b);color:#fff;font:700 15px/1 'Manrope',system-ui,sans-serif;box-shadow:0 8px 24px rgba(224,57,43,.45);cursor:pointer;white-space:nowrap;animation:saPillIn .35s ease-out}
body.sa-plus-on #sa-lb{padding-top:68px}
#sa-plus-pill .sa-plus-n{background:#fff;color:#e0392b;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;padding:0 6px}
#sa-plus-pill .sa-plus-dot{width:9px;height:9px;border-radius:50%;background:#fff;animation:saPulse 1.4s infinite}
@keyframes saPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.8)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@keyframes saPillIn{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}

/* reply popup */
#sa-plus-pop{position:fixed;inset:0;z-index:9999;background:rgba(4,14,22,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:16px;animation:saFade .2s}
@media (min-width:600px){#sa-plus-pop{align-items:center}}
.sa-plus-card{width:100%;max-width:440px;background:#0f2432;color:#E6EEF4;border:1px solid rgba(140,200,235,.25);border-radius:22px;padding:22px 20px 16px;text-align:center;font-family:'Manrope',system-ui,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.45);animation:saUp .3s ease-out}
.sa-plus-card h2{font:600 22px/1.15 'Oswald','Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.03em;margin:8px 0 4px}
.sa-plus-ic{width:52px;height:52px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8a1f,#e0392b);color:#fff}
.sa-plus-ic svg{width:26px;height:26px}
.sa-plus-meta{color:#9AB0C0;font-size:13px;margin:2px 0}
.sa-plus-txt{margin:12px 0 16px;font-size:16px;line-height:1.45;text-align:left;background:rgba(255,255,255,.05);border-radius:14px;padding:12px 14px}
.sa-plus-go{display:block;width:100%;border:0;border-radius:14px;padding:16px;font:700 18px/1 'Manrope',system-ui,sans-serif;color:#fff;background:linear-gradient(135deg,#ff8a1f,#e0392b);cursor:pointer}
.sa-plus-later{display:block;width:100%;border:0;background:none;color:#9AB0C0;padding:12px;font:600 15px 'Manrope',system-ui,sans-serif;cursor:pointer}
@keyframes saFade{from{opacity:0}to{opacity:1}}
@keyframes saUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}