/* 🫧 «Небесное Аэро» — приз конкурса художников (services/events.py).
   Части: скин интерфейса (df-skin-s3-aero), трофей на странице и в паблике
   (dfp-t-s3-aero), опции оформления страницы (accent/banner/card/nick_fx = aero).
   Картинки только свои, из SVG в этом файле: ни обоев Microsoft, ни чужих файлов. */
:root {
    --aero-bubbles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='420' viewBox='0 0 320 420'%3E %3Cdefs%3E%3CradialGradient id='b' cx='.35' cy='.3' r='.75'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.95'/%3E%3Cstop offset='.28' stop-color='%23fff' stop-opacity='.16'/%3E%3Cstop offset='.8' stop-color='%23bff1ff' stop-opacity='.1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.75'/%3E%3C/radialGradient%3E%3C/defs%3E %3Cg fill='url(%23b)' stroke='%23fff' stroke-opacity='.5'%3E%3Ccircle cx='48' cy='70' r='26'/%3E%3Ccircle cx='232' cy='34' r='12'/%3E%3Ccircle cx='150' cy='150' r='40'/%3E%3Ccircle cx='282' cy='214' r='20'/%3E%3Ccircle cx='36' cy='262' r='14'/%3E%3Ccircle cx='190' cy='318' r='28'/%3E%3Ccircle cx='96' cy='380' r='9'/%3E%3C/g%3E%3C/svg%3E");
    --aero-hills: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 420' preserveAspectRatio='none'%3E %3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23c6f25a'/%3E%3Cstop offset='.45' stop-color='%2358c63a'/%3E%3Cstop offset='1' stop-color='%23127a35'/%3E%3C/linearGradient%3E %3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%239ee860'/%3E%3Cstop offset='1' stop-color='%231d8f47'/%3E%3C/linearGradient%3E%3C/defs%3E %3Cpath fill='url(%23h)' d='M0 210C260 90 520 130 760 220s560 40 840-70v270H0z'/%3E %3Cpath fill='url(%23g)' d='M0 300c300-130 620-90 900 10 260 90 480 40 700-40v150H0z'/%3E %3Cpath fill='none' stroke='%23fff' stroke-opacity='.55' stroke-width='6' d='M0 300c300-130 620-90 900 10 260 90 480 40 700-40'/%3E%3C/svg%3E");
    --aero-waves: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='120' viewBox='0 0 600 120' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' fill-opacity='.22' d='M0 70c100-50 200-50 300 0s200 50 300 0v50H0z'/%3E%3Cpath fill='%23fff' fill-opacity='.14' d='M0 90c100 30 200 30 300 0s200-30 300 0v30H0z'/%3E%3C/svg%3E");
    --aero-sky: radial-gradient(34% 38% at 78% 16%, rgba(255,255,255,.98) 0%, rgba(255,255,240,.5) 26%, transparent 70%), linear-gradient(180deg, #0a7fd6 0%, #38b6f2 34%, #a8ecff 66%, #ecfdff 100%);
    --aero-gloss: linear-gradient(180deg, #b8f1ff 0%, #5fcff7 46%, #0a86d8 50%, #0a9ae0 78%, #63e2ff 100%);
    --aero-gloss-green: linear-gradient(180deg, #e2ffa8 0%, #93e04e 46%, #36a832 50%, #46bd3c 80%, #a4f06a 100%);
    --aero-glass: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(232, 249, 255, 0.76) 48%, rgba(205, 240, 255, 0.72) 52%, rgba(240, 253, 255, 0.86) 100%);
}

/* ---------- Плитка трофея в коллекции ---------- */
.trophy-tile.trophy-s3-aero {
    --tt-icon: url("/static/trophies/s3_aero.svg");
    --sk-cap: var(--aero-gloss);
    --sk-panel: linear-gradient(#f4fdff, #bfeaff);
    --sk-task: var(--aero-gloss-green);
    --sk-task-btn: linear-gradient(180deg, #ffffff, #8fe4ff);
}
.df-tb-aero { background: var(--aero-gloss); color: #fff; -webkit-text-fill-color: #fff; border-color: #fff; }

/* ---------- Скин всего интерфейса у владельца ---------- */
html.df-skin-s3-aero {
    --xp-blue-dark: #0b4f8a; --xp-blue-luna: #0a86d8; --xp-blue-light: #6fd8ff;
    --xp-blue-gradient: var(--aero-gloss);
    --xp-window-border: #2c9fe0; --app-btn-primary: #0a86d8; --app-btn-primary-hover: #0b6cc0;
    --xp-orange-accent: #c6f25a;
    --sk-cap: var(--aero-gloss);
    --sk-cap-shadow: #06508a;
    --sk-pattern: var(--aero-bubbles);
    --sk-pattern-soft: none;
    --sk-panel: var(--aero-glass), linear-gradient(#dff6ff, #c8efff);
    --sk-panel-edge: #62bfe9;
    --sk-strip-a: #e8fdff; --sk-strip-b: #a8e8ff; --sk-strip-text: #0b4f8a;
    --sk-task: var(--aero-gloss-green);
    --sk-task-btn: linear-gradient(180deg, #ffffff 0%, #bdf3ff 47%, #27a5e6 52%, #7fdcff 100%);
    --sk-hi: #0a86d8; --sk-mid: #2cb0ee; --sk-hi-text: #fff;
}
html.df-skin-s3-aero .desktop-background:not(.dfp-pg) {
    filter: none !important; -webkit-filter: none !important;
    background: var(--aero-hills) center bottom / 100% 42% no-repeat, var(--aero-sky) !important;
    background-attachment: fixed !important;
}
html.df-skin-s3-aero .ie6-header-zone .xp-title-bar::after,
html.df-skin-s3-aero .xpv-title::after {
    content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: var(--aero-bubbles) 0 0 / 150px 196px repeat-x;
    opacity: 0.8;
    animation: df-aero-rise 16s linear infinite;
}
html.df-skin-s3-aero .ie6-header-zone .xp-title-icon {
    background-image: url("/static/trophies/s3_aero.svg") !important; background-size: 18px 18px !important;
}
html.df-skin-s3-aero .season-strip a,
html.df-skin-s3-aero .season-strip .season-timer-value { color: #0b6cc0 !important; }
html.df-skin-s3-aero .btn-primary,
html.df-skin-s3-aero .xp-btn-primary { background: var(--aero-gloss) !important; color: #fff !important; text-shadow: 0 1px 0 #06508a; border-color: #0b6cc0 !important; }
@keyframes df-aero-rise { from { background-position: 0 0; } to { background-position: 0 -196px; } }

/* ---------- Трофей на странице и в паблике ---------- */
.dfp-t-s3-aero { --tp-a: #bff1ff; --tp-b: #0b4f8a; --tp-c: #0a86d8; --tp-g: rgba(80, 210, 255, 0.75); }
.desktop-background.dfp-t-s3-aero.dfp-pg {
    background: var(--aero-hills) center bottom / 100% 40% no-repeat, var(--aero-sky) !important;
    background-attachment: fixed !important;
}
.desktop-background.dfp-t-s3-aero.dfp-pg::before {
    content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
    background: var(--aero-bubbles) 0 0 / 320px 420px repeat;
    opacity: 0.85;
    animation: dfp-aero-bubbles 26s linear infinite;
}
.desktop-background.dfp-t-s3-aero.dfp-pg::after { opacity: 0.22; }
@keyframes dfp-aero-bubbles { from { background-position: 0 0; } to { background-position: 60px -420px; } }

.profile-header-card.dfp-th.dfp-t-s3-aero {
    border: 1px solid #fff !important;
    box-shadow: 0 0 0 2px #2cb0ee, 0 0 22px var(--tp-g), 0 6px 18px rgba(0, 70, 130, 0.35) !important;
}
.profile-header-card.dfp-th.dfp-t-s3-aero .profile-cover {
    filter: none;
    background: var(--aero-bubbles) 0 0 / 200px 262px repeat, var(--aero-hills) center bottom / 100% 62% no-repeat, var(--aero-sky) !important;
}
.profile-header-card.dfp-th.dfp-t-s3-aero .profile-info-wrap {
    background: var(--aero-glass) !important;
    border-top: 1px solid #fff;
    backdrop-filter: blur(8px) saturate(1.4);
    -webkit-backdrop-filter: blur(8px) saturate(1.4);
}
.dfp-t-s3-aero .dfp-emblem { color: #fff; text-shadow: 0 1px 1px #06508a; background: var(--aero-gloss); border-color: #fff; }

.dfp-tn.dfp-t-s3-aero .season-nick,
.dfp-tn.dfp-t-s3-aero .dfp-name-t {
    background-image: linear-gradient(100deg, #0862b4 0%, #0a93dc 25%, #18b6ee 45%, #1f9e5a 60%, #0a86d8 80%, #0862b4 100%) !important;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9)) drop-shadow(0 0 5px var(--tp-g));
}

#profile-widgets-row.dfp-tw.dfp-t-s3-aero {
    background: var(--aero-glass) !important;
    border-color: #8fdcff !important;
}
#profile-widgets-row.dfp-tw.dfp-t-s3-aero .xp-widget-title {
    background: var(--aero-gloss) !important; color: #fff !important; text-shadow: 0 1px 0 #06508a; border-bottom: 1px solid #fff;
}
#profile-widgets-row.dfp-tw.dfp-t-s3-aero .xp-widget-more { color: #fff !important; }
#profile-widgets-row.dfp-tw.dfp-t-s3-aero .xp-profile-widget { background: rgba(255, 255, 255, 0.82) !important; border-color: #fff !important; }

.dfp-twall.dfp-t-s3-aero .wall-title,
.dfp-twall.community-wall-header.dfp-t-s3-aero {
    background: var(--aero-gloss) !important; color: #fff !important; text-shadow: 0 1px 0 #06508a;
    border: 1px solid #fff !important;
}
.dfp-twall.community-wall-header.dfp-t-s3-aero h3 { color: #fff !important; }
#wall-container.dfp-twall.dfp-t-s3-aero > .wall-post,
#comm-wall-container.dfp-twall.dfp-t-s3-aero > .wall-post {
    border: 1px solid #fff !important; border-left: 3px solid #2cb0ee !important;
    background: var(--aero-glass) !important;
    box-shadow: 0 3px 12px rgba(0, 90, 150, 0.24) !important;
    backdrop-filter: blur(7px) saturate(1.35);
    -webkit-backdrop-filter: blur(7px) saturate(1.35);
}

/* ---------- Опции редактора оформления (открывает трофей) ---------- */
.profile-cover.dfp-ban-aero {
    position: relative; overflow: hidden;
    background: var(--aero-bubbles) 0 0 / 200px 262px repeat, var(--aero-hills) center bottom / 100% 62% no-repeat, var(--aero-sky) !important;
    animation: dfp-aero-cover 22s linear infinite;
}
@keyframes dfp-aero-cover { from { background-position: 0 0, center bottom, 0 0; } to { background-position: 0 -262px, center bottom, 0 0; } }

.dfp-card-aero .profile-header-card { background: var(--aero-sky) !important; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2cb0ee, 0 6px 18px rgba(0, 70, 130, 0.3) !important; }
.dfp-card-aero .profile-header-card .profile-info-wrap,
.dfp-card-aero #profile-widgets-row .xp-profile-widget,
.dfp-card-aero .wall-post {
    background: var(--aero-glass) !important;
    border-color: #fff !important;
    box-shadow: 0 3px 12px rgba(0, 90, 150, 0.22) !important;
    backdrop-filter: blur(7px) saturate(1.35);
    -webkit-backdrop-filter: blur(7px) saturate(1.35);
}
.dfp-card-aero #profile-widgets-row { padding: 6px; background: var(--aero-gloss-green) !important; }
.dfp-card-aero #profile-widgets-row .xp-widget-title,
.dfp-card-aero #wall-title-container .wall-title,
.dfp-card-aero .community-wall-header { background: var(--aero-gloss) !important; color: #fff !important; text-shadow: 0 1px 0 #06508a; }
.dfp-card-aero .community-wall-header h3,
.dfp-card-aero #profile-widgets-row .xp-widget-title .xp-widget-more { color: #fff !important; }
.dfp-card-aero .profile-actions-row .btn-primary,
.dfp-card-aero #comm-actions .btn-primary { background: var(--aero-gloss) !important; color: #fff !important; border-color: #0b6cc0 !important; }

.dfp-nick-aero .profile-name .season-nick,
.dfp-nick-aero .profile-name .dfp-name-t {
    background-image: linear-gradient(100deg, #0862b4 0%, #0a93dc 25%, #18b6ee 45%, #1f9e5a 60%, #0a86d8 80%, #0862b4 100%) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important; background-clip: text !important;
    -webkit-text-fill-color: transparent !important; color: transparent !important;
    text-shadow: none !important;
    filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9)) drop-shadow(0 0 4px rgba(80, 210, 255, 0.7));
    animation: dfp-nick-run 6s linear infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    html.df-skin-s3-aero .ie6-header-zone .xp-title-bar::after,
    html.df-skin-s3-aero .xpv-title::after,
    .desktop-background.dfp-t-s3-aero.dfp-pg::before,
    .profile-cover.dfp-ban-aero,
    .dfp-nick-aero .profile-name .season-nick,
    .dfp-nick-aero .profile-name .dfp-name-t { animation: none !important; }
}