/* =====================================================================
   BigMineWorld «Аврора» — дизайн сайту
   Діє тільки коли <html data-ui="aurora"> (вмикається в header.tpl).
   Скляні картки поверх відео-фону, Unbounded + Manrope,
   акцент — блакитний #22d3ee, другий — смарагдовий #34d399.
   ===================================================================== */

html[data-ui="aurora"]{
  --bx-bg:#05080d;
  --bx-surface:rgba(13,19,28,.66);
  --bx-surface-solid:#0c121b;
  --bx-surface-hi:rgba(20,29,42,.82);
  --bx-line:rgba(150,200,235,.12);
  --bx-line-hi:rgba(150,220,245,.28);
  --bx-fg:#e9eff6;
  --bx-soft:#b8c4d4;
  --bx-muted:#8e9db1;
  --bx-accent:#22d3ee;
  --bx-accent-ink:#03222a;
  --bx-aurora:#34d399;
  --bx-amber:#fbbf24;
  --bx-discord:#5865f2;
  --bx-off:#f87171;
  --bx-display:"Unbounded","Segoe UI",system-ui,sans-serif;
  --bx-body:"Manrope","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  --bx-r:16px;
  color-scheme:dark;
  background-color:var(--bx-bg)!important;
  scrollbar-color:#2a3644 transparent;
}
html[data-ui="aurora"] ::-webkit-scrollbar{width:9px;height:9px}
html[data-ui="aurora"] ::-webkit-scrollbar-track{background:transparent}
html[data-ui="aurora"] ::-webkit-scrollbar-thumb{background:#243040;border-radius:9px;border:2px solid var(--bx-bg)}
html[data-ui="aurora"] ::-webkit-scrollbar-thumb:hover{background:#33465b}

/* Шрифт на весь сайт (крім іконок і коду) */
html[data-ui="aurora"] body,
html[data-ui="aurora"] body *:not(i):not(.icon):not([class*="fa-"]):not(code):not(pre):not(kbd):not(samp){
  font-family:var(--bx-body);
}
html[data-ui="aurora"] body{color:var(--bx-fg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
html[data-ui="aurora"] a{color:var(--bx-accent)}
html[data-ui="aurora"] a:hover{color:#67e8f9}
html[data-ui="aurora"] :focus-visible{outline:2px solid var(--bx-accent);outline-offset:2px}
html[data-ui="aurora"] ::selection{background:rgba(34,211,238,.35);color:#fff}

/* Fomantic sidebar робить .pusher overflow:hidden — це ламає липку шапку */
html[data-ui="aurora"] .pushable>.pusher{overflow:visible;overflow-x:clip}
/* body обов'язково прозорий: його фон малюється ПОВЕРХ відео з z-index:-2,
   а Fomantic робить body висотою в екран — інакше верх сторінки без відео */
html[data-ui="aurora"] body,html[data-ui="aurora"] body.pushable,html[data-ui="aurora"] body.dark{background:transparent!important;background-image:none!important}

/* ---------- Фон ---------- */
html[data-ui="aurora"] #bmw-video-bg{position:fixed;inset:0;z-index:-2;pointer-events:none}
html[data-ui="aurora"] #bmw-video-bg video{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.55}
html[data-ui="aurora"] #bmw-video-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 40% at 18% 0%,rgba(52,211,153,.12),transparent 70%),
    radial-gradient(50% 35% at 85% 0%,rgba(34,211,238,.14),transparent 70%),
    linear-gradient(180deg,rgba(5,8,13,.35) 0%,rgba(5,8,13,.6) 45%,rgba(5,8,13,.92) 100%)!important;
}

/* ---------- Верхня панель ---------- */
.bx-top{position:sticky;top:0;z-index:60;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,backdrop-filter .3s}
.bx-top.is-scrolled,.bx-top.is-solid{background:rgba(6,10,16,.74);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-color:var(--bx-line)}
.bx-top-in{display:flex;align-items:center;gap:18px;max-width:1320px;margin:0 auto;padding:10px max(16px,3vw);min-height:60px}
.bx-brand{display:flex;align-items:center;gap:10px;flex:none}
.bx-brand img{height:36px;width:auto;display:block}
.bx-burger{display:none!important;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid var(--bx-line);background:rgba(255,255,255,.03);color:var(--bx-soft)!important;cursor:pointer;padding:0!important}
.bx-burger i.icon{margin:0!important;font-size:16px}
.bx-links{display:flex;align-items:center;gap:2px;margin-inline:auto;min-width:0;flex-wrap:wrap;justify-content:center}
.bx-link,html[data-ui="aurora"] .bx-links .ui.dropdown.bx-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px!important;border-radius:10px;color:var(--bx-muted)!important;font-weight:600;font-size:14px;line-height:1.2;white-space:nowrap;transition:color .2s,background .2s;text-decoration:none}
.bx-link:hover{color:var(--bx-fg)!important;background:rgba(255,255,255,.05)}
.bx-link.is-active{color:var(--bx-fg)!important;background:rgba(34,211,238,.10);box-shadow:inset 0 0 0 1px rgba(34,211,238,.22)}
.bx-link i.icon{margin:0!important;font-size:13px;opacity:.8}
.bx-link i.dropdown.icon{margin-left:2px!important;font-size:11px}
.bx-user{display:flex;align-items:center;gap:6px;flex:none}
.bx-ibtn{position:relative;display:grid!important;place-items:center;width:40px;height:40px;border-radius:11px;border:1px solid var(--bx-line);background:rgba(255,255,255,.03);color:var(--bx-muted)!important;cursor:pointer;transition:.2s}
.bx-ibtn:hover{color:var(--bx-fg)!important;border-color:var(--bx-line-hi)}
.bx-ibtn i.icon,.bx-ibtn .icon{margin:0!important;font-size:15px;line-height:1;height:auto;width:auto}
.bx-ibtn.red{color:#fff!important;border-color:rgba(248,113,113,.5);background:rgba(248,113,113,.14)}
.bx-ibtn.red::after{content:"";position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--bx-off);box-shadow:0 0 0 2px var(--bx-bg)}
.bx-me{display:flex!important;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:12px;border:1px solid var(--bx-line);background:rgba(255,255,255,.03);color:var(--bx-fg)!important;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}
.bx-me:hover{border-color:var(--bx-line-hi)}
.bx-me img{width:30px!important;height:30px!important;border-radius:9px!important;margin:0!important;object-fit:cover}
.bx-btn-sm{display:inline-flex;align-items:center;padding:9px 16px;border-radius:11px;border:1px solid var(--bx-line-hi);color:var(--bx-fg)!important;font-weight:700;font-size:14px;transition:.2s}
.bx-btn-sm:hover{background:rgba(255,255,255,.06)}
.bx-btn-sm.is-primary{background:var(--bx-accent);border-color:var(--bx-accent);color:var(--bx-accent-ink)!important}
.bx-btn-sm.is-primary:hover{background:#67e8f9}

/* Спливаючі меню користувача (Fomantic popup) */
html[data-ui="aurora"] .ui.popup{background:rgba(10,15,23,.96)!important;border:1px solid var(--bx-line-hi)!important;border-radius:14px!important;color:var(--bx-fg)!important;box-shadow:0 20px 50px rgba(0,0,0,.55)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:14px 16px!important;min-width:220px}
html[data-ui="aurora"] .ui.popup::before{background:rgba(10,15,23,.96)!important;box-shadow:1px 1px 0 0 var(--bx-line-hi)!important}
html[data-ui="aurora"] .ui.popup>.ui.header,html[data-ui="aurora"] .ui.popup .header{color:var(--bx-fg)!important;font-weight:800;font-size:14px}
html[data-ui="aurora"] .ui.popup .ui.list>a.item,html[data-ui="aurora"] .ui.popup .ui.list>.item{color:var(--bx-soft)!important;padding:7px 8px!important;border-radius:9px;font-weight:600}
html[data-ui="aurora"] .ui.popup .ui.list>a.item:hover{color:var(--bx-fg)!important;background:rgba(255,255,255,.05)}
html[data-ui="aurora"] .ui.popup .ui.divider{border-color:var(--bx-line)!important}

/* Випадаючі меню навігації */
html[data-ui="aurora"] .bx-links .ui.dropdown .menu{background:rgba(10,15,23,.96)!important;border:1px solid var(--bx-line-hi)!important;border-radius:12px!important;box-shadow:0 20px 50px rgba(0,0,0,.55)!important;margin-top:6px!important;padding:6px!important}
html[data-ui="aurora"] .bx-links .ui.dropdown .menu>.item{color:var(--bx-soft)!important;border-radius:8px;font-size:14px!important;padding:9px 12px!important}
html[data-ui="aurora"] .bx-links .ui.dropdown .menu>.item:hover{color:var(--bx-fg)!important;background:rgba(255,255,255,.06)!important}
html[data-ui="aurora"] .bx-links .ui.dropdown .menu>.header{color:var(--bx-muted)!important}

/* Мобільне бічне меню */
html[data-ui="aurora"] .ui.sidebar.menu#toc{background:rgba(8,12,19,.97)!important;border-right:1px solid var(--bx-line)}
html[data-ui="aurora"] .ui.sidebar.menu#toc .item{color:var(--bx-soft)!important;font-weight:600}
html[data-ui="aurora"] .ui.sidebar.menu#toc .item.active,html[data-ui="aurora"] .ui.sidebar.menu#toc a.item:hover{color:var(--bx-fg)!important;background:rgba(34,211,238,.08)!important}
html[data-ui="aurora"] .ui.sidebar.menu#toc h3{font-family:var(--bx-display);font-size:16px;color:var(--bx-fg)}

/* ---------- Герой головної ---------- */
.bx-hero{display:grid;justify-items:center;text-align:center;gap:18px;padding:52px 16px 64px;max-width:900px;margin:0 auto}
.bx-hero-logo{display:block}
.bx-hero-logo img{width:clamp(130px,17vw,190px);height:auto;display:block;filter:drop-shadow(0 18px 40px rgba(34,211,238,.25))}
.bx-eyebrow{margin:0!important;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--bx-accent)}
html[data-ui="aurora"] .bx-h1{margin:0;font:700 clamp(28px,4.6vw,48px)/1.1 var(--bx-display)!important;letter-spacing:-.01em;text-wrap:balance;color:var(--bx-fg)}
.bx-lead{margin:0!important;max-width:560px;color:var(--bx-soft);font-size:16px;text-wrap:balance}
.bx-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.bx-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 20px 12px 14px;border-radius:14px;text-align:left;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}
.bx-btn i.icon{font-size:24px;margin:0!important;width:28px;height:auto}
.bx-btn b{display:block;font-size:14px;letter-spacing:.02em;text-transform:uppercase}
.bx-btn small{display:block;font-weight:600;font-size:11.5px;opacity:.75}
.bx-btn-primary{background:var(--bx-accent);color:var(--bx-accent-ink)!important;box-shadow:0 10px 30px -8px rgba(34,211,238,.6)}
.bx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px -8px rgba(34,211,238,.75);color:var(--bx-accent-ink)!important}
.bx-btn-discord{background:rgba(88,101,242,.16);border-color:rgba(88,101,242,.5);color:#fff!important}
.bx-btn-discord:hover{background:rgba(88,101,242,.3);transform:translateY(-2px);color:#fff!important}
.bx-live{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.25);font-size:13px;color:#bdebd7;font-variant-numeric:tabular-nums}
.bx-live.is-off{background:rgba(248,113,113,.08);border-color:rgba(248,113,113,.28);color:#fecaca}
.bx-live.is-wait{background:rgba(255,255,255,.04);border-color:var(--bx-line);color:var(--bx-muted)}
.bx-dot{width:8px;height:8px;border-radius:50%;background:var(--bx-aurora);flex:none;animation:bxPulse 2s infinite}
.is-off .bx-dot{background:var(--bx-off);animation:none}
.is-wait .bx-dot{background:var(--bx-muted);animation:none}

.bx-hero>*{animation:bxRise .7s cubic-bezier(.2,.7,.2,1) both}
.bx-hero>*:nth-child(2){animation-delay:.06s}.bx-hero>*:nth-child(3){animation-delay:.12s}.bx-hero>*:nth-child(4){animation-delay:.18s}.bx-hero>*:nth-child(5){animation-delay:.24s}.bx-hero>*:nth-child(6){animation-delay:.3s}
.bx-hero-logo{animation:bxRise .7s both,bxFloat 6s ease-in-out .7s infinite!important}

/* Відступ під шапкою на внутрішніх сторінках */
.bx-page-gap{height:28px}

/* ---------- Контейнер сторінки ---------- */
html[data-ui="aurora"] .ui.container.tr-content{width:100%!important;box-sizing:border-box;max-width:1260px!important;margin-left:auto!important;margin-right:auto!important;padding-inline:max(16px,3vw)}

/* ---------- Головна: стрічка + сайдбар ---------- */
.bx-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding-bottom:16px}
.bx-feed-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}
html[data-ui="aurora"] .bx-feed-head h2{margin:0;font:700 22px/1 var(--bx-display)!important;color:var(--bx-fg)}
.bx-feed-all{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--bx-muted)!important}
.bx-feed-all:hover{color:var(--bx-fg)!important}

.bx-card{--mx:50%;--my:50%;position:relative;border-radius:var(--bx-r);border:1px solid var(--bx-line);background:radial-gradient(420px circle at var(--mx) var(--my),rgba(34,211,238,.08),transparent 45%),var(--bx-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .25s,transform .25s;color:var(--bx-fg)}
.bx-card:hover{border-color:var(--bx-line-hi)}

.bx-post{display:flex;flex-direction:column;gap:12px;padding:22px;min-width:0}
.bx-grid .bx-card{cursor:pointer}
.bx-grid .bx-card:hover{transform:translateY(-3px)}
html[data-ui="aurora"] .bx-post h3{margin:0;font:700 19px/1.3 var(--bx-display)!important;letter-spacing:-.005em;text-wrap:balance}
.bx-post h3 a{color:var(--bx-fg)!important}
.bx-sub{margin:-4px 0 0!important;color:#f59e0b;font-weight:700;font-size:14px}
.bx-ex{margin:0!important;color:#aab6c6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bx-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;font-size:13px;color:var(--bx-muted)}
.bx-meta .bx-ava{width:28px;height:28px;border-radius:9px;object-fit:cover;flex:none}
.bx-meta .bx-who{font-weight:700;color:var(--bx-fg)}
.bx-meta .bx-sep{opacity:.4}
.bx-meta i.icon{margin:0!important;font-size:12px;opacity:.8}
.bx-meta .bx-stats{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-variant-numeric:tabular-nums}
.bx-meta .bx-stats span{display:inline-flex;align-items:center;gap:4px}
.bx-read{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-weight:700;font-size:13.5px;color:var(--bx-accent)}
.bx-read i.icon{margin:0!important;transition:transform .2s}
.bx-card:hover .bx-read i.icon{transform:translateX(4px)}
.bx-label .ui.label,.bx-label>span{margin:0!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase}

.bx-featured{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;margin-bottom:16px;cursor:pointer}
.bx-cover{position:relative;min-height:270px;background:var(--cover,none) center/cover,linear-gradient(135deg,#0d3b3f,#0b1d2a 55%,#3b1f3a)}
.bx-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(13,19,28,.92)),linear-gradient(0deg,rgba(13,19,28,.55),transparent 50%)}
.bx-badge{position:absolute;left:16px;top:16px;z-index:1;padding:6px 10px;border-radius:9px;background:rgba(5,8,13,.72);backdrop-filter:blur(6px);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bx-accent)}
.bx-featured .bx-post{padding:26px 26px 26px 6px}
html[data-ui="aurora"] .bx-featured h3{font-size:24px!important}
.bx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bx-more{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:14px;border-radius:var(--bx-r);border:1px dashed var(--bx-line-hi);color:var(--bx-muted)!important;font-weight:700;font-size:14px;transition:.2s}
.bx-more:hover{color:var(--bx-fg)!important;border-style:solid}
.bx-empty{padding:30px;text-align:center;color:var(--bx-muted)}

/* Сайдбар */
.bx-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:84px;align-self:start}
.bx-panel{padding:18px}
.bx-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--bx-fg)}
.bx-panel-head>i.icon{margin:0!important;color:var(--bx-muted);font-size:15px}
html[data-ui="aurora"] .bx-panel-head h2{margin:0;font:700 14px/1 var(--bx-display)!important;letter-spacing:.01em;color:var(--bx-fg)}
.bx-count{padding:3px 8px;border-radius:7px;background:rgba(255,255,255,.06);font-size:12px;font-weight:800;color:var(--bx-muted);font-variant-numeric:tabular-nums}
.bx-refresh{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--bx-line);background:none;cursor:pointer;color:var(--bx-muted);padding:0}
.bx-refresh:hover{color:var(--bx-fg)}
.bx-refresh i.icon{margin:0!important;height:auto}
.bx-refresh.is-spin i.icon{animation:bxSpin .8s linear}
.bx-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.bx-trio div{padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.03);text-align:center}
.bx-trio b{display:block;font:700 22px/1.1 var(--bx-display);font-variant-numeric:tabular-nums}
.bx-trio span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--bx-muted);font-weight:800}
.bx-trio .g b{color:var(--bx-aurora)}.bx-trio .c b{color:var(--bx-accent)}.bx-trio .r b{color:var(--bx-off)}
.bx-srv{border-radius:12px;border:1px solid var(--bx-line);background:rgba(255,255,255,.02);margin-top:8px;overflow:hidden}
.bx-srv-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:none;border:0;cursor:pointer;text-align:left;color:var(--bx-fg)}
.bx-srv-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font:700 15px/1 var(--bx-display);flex:none}
.bx-srv-ic.on{background:rgba(52,211,153,.12);color:var(--bx-aurora)}
.bx-srv-ic.off{background:rgba(248,113,113,.08);color:#fca5a5}
.bx-srv-txt{min-width:0;flex:1}
.bx-srv-txt b{display:block;font-size:14px}
.bx-srv-txt span{display:block;font-size:12px;color:var(--bx-muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx-pill{padding:4px 8px;border-radius:7px;font-size:11px;font-weight:800;letter-spacing:.06em}
.bx-pill.on{background:rgba(52,211,153,.14);color:var(--bx-aurora)}
.bx-pill.off{background:rgba(248,113,113,.12);color:var(--bx-off)}
.bx-chev{color:var(--bx-muted);transition:transform .2s;margin:0!important}
.bx-srv.is-open .bx-chev{transform:rotate(180deg)}
.bx-srv-more{display:none;padding:0 12px 12px}
.bx-srv.is-open .bx-srv-more{display:block}
.bx-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden;margin:2px 0 10px}
.bx-bar i{display:block;height:100%;width:var(--w,0%);min-width:4px;background:linear-gradient(90deg,var(--bx-aurora),var(--bx-accent));border-radius:6px}
.bx-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:12px}
.bx-kv div{padding:8px;border-radius:9px;background:rgba(255,255,255,.03)}
.bx-kv span{display:block;color:var(--bx-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.bx-kv b{font-variant-numeric:tabular-nums}
.bx-srv-off{font-size:12.5px;color:#fca5a5}
.bx-stamp{display:flex;justify-content:space-between;margin-top:12px;font-size:11.5px;color:var(--bx-muted);font-variant-numeric:tabular-nums}
.bx-mon-wait{display:flex;justify-content:center;gap:6px;padding:26px 0}
.bx-mon-wait span{width:7px;height:7px;border-radius:50%;background:var(--bx-muted);animation:bxBounce 1.4s infinite ease-in-out both}
.bx-mon-wait span:nth-child(1){animation-delay:-.32s}.bx-mon-wait span:nth-child(2){animation-delay:-.16s}

.bx-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.bx-steps li{display:grid;grid-template-columns:30px 1fr;gap:12px;counter-increment:s}
.bx-steps li::before{content:counter(s);display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(34,211,238,.1);color:var(--bx-accent);font:700 13px/1 var(--bx-display)}
.bx-steps b{display:block;font-size:14px}
.bx-steps b a{color:var(--bx-fg)}
.bx-steps b a:hover{color:var(--bx-accent)}
.bx-steps span{font-size:12.5px;color:var(--bx-muted)}

/* Віджети NamelessMC у сайдбарі «Аврори» */
html[data-ui="aurora"] .bx-side>.ui.card{width:100%;margin:0!important;border-radius:var(--bx-r)!important;border:1px solid var(--bx-line)!important;background:var(--bx-surface)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:none!important;color:var(--bx-fg)!important}
html[data-ui="aurora"] .bx-side>.ui.card>.content{padding:18px!important;border:0!important;background:transparent!important}
html[data-ui="aurora"] [id^="widget-"]>.content>.ui.label,html[data-ui="aurora"] .bx-side>.ui.card>.content>.ui.label{display:flex!important;align-items:center;gap:8px;justify-content:flex-start;background:none!important;padding:0!important;margin:0 0 12px!important;font:700 14px/1.2 var(--bx-display)!important;color:var(--bx-fg)!important}
html[data-ui="aurora"] .bx-side>.ui.card .description{color:var(--bx-soft)!important;font-size:13.5px}
html[data-ui="aurora"] .bx-side>.ui.card>.extra{padding:0 18px 16px!important;border:0!important;background:transparent!important;color:var(--bx-muted)!important;font-size:12px;text-align:left!important}
html[data-ui="aurora"] .bx-side>.ui.card .ui.image.label{background:rgba(255,255,255,.05)!important;color:var(--bx-fg)!important;border-radius:9px!important;border:1px solid var(--bx-line)}
html[data-ui="aurora"] .bx-side>.ui.card .ui.image.label img{border-radius:9px 0 0 9px!important}

/* Привітання для гостей (текст з налаштувань шаблону) */
.bx-welcome{display:flex;align-items:center;gap:20px 32px;padding:22px 24px;margin-bottom:28px}
.bx-welcome-txt{min-width:0;flex:1}
html[data-ui="aurora"] .bx-welcome h2{margin:0 0 6px;font:700 18px/1.3 var(--bx-display)!important;color:var(--bx-fg);text-wrap:balance}
.bx-welcome p{margin:0;color:var(--bx-soft);font-size:14.5px;max-width:80ch}
.bx-welcome-cta{display:flex;gap:8px;flex:none}

/* Вікно згоди на cookie */
html[data-ui="aurora"] .cc-window{background:rgba(10,15,23,.95)!important;border:1px solid var(--bx-line-hi)!important;border-radius:16px!important;box-shadow:0 20px 50px rgba(0,0,0,.5)!important;backdrop-filter:blur(14px);color:var(--bx-soft)!important;font-family:var(--bx-body)!important;font-size:14px!important;line-height:1.5!important}
html[data-ui="aurora"] .cc-window .cc-link{color:var(--bx-accent)!important;opacity:1!important}
html[data-ui="aurora"] .cc-window .cc-btn{border-radius:11px!important;font-weight:700!important;font-size:14px!important;border:1px solid var(--bx-line-hi)!important;background:transparent!important;color:var(--bx-fg)!important}
html[data-ui="aurora"] .cc-window .cc-btn:hover{background:rgba(255,255,255,.06)!important}
html[data-ui="aurora"] .cc-window .cc-btn.cc-allow{background:var(--bx-accent)!important;border-color:var(--bx-accent)!important;color:var(--bx-accent-ink)!important}
html[data-ui="aurora"] .cc-revoke{background:rgba(10,15,23,.92)!important;color:var(--bx-soft)!important;border:1px solid var(--bx-line)!important;font-family:var(--bx-body)!important}

/* Повідомлення (flash, оголошення) */
html[data-ui="aurora"] .ui.message{border-radius:14px!important;box-shadow:none!important;border:1px solid var(--bx-line-hi)!important;background:var(--bx-surface-hi)!important;color:var(--bx-fg)!important;backdrop-filter:blur(12px)}
html[data-ui="aurora"] .ui.message .header{color:var(--bx-fg)!important}
html[data-ui="aurora"] .ui.success.message{border-color:rgba(52,211,153,.4)!important}
html[data-ui="aurora"] .ui.error.message,html[data-ui="aurora"] .ui.negative.message{border-color:rgba(248,113,113,.45)!important}
html[data-ui="aurora"] #ie-message{display:none!important}

/* ---------- Читалка новини ---------- */
.bx-modal{width:min(780px,calc(100vw - 24px));max-height:calc(100vh - 40px);padding:0;border:1px solid var(--bx-line-hi);border-radius:20px;background:rgba(10,15,23,.96);color:var(--bx-fg);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.bx-modal::backdrop{background:rgba(2,5,9,.72);backdrop-filter:blur(6px)}
.bx-modal-in{padding:26px 30px 24px;overflow:auto;max-height:calc(100vh - 42px)}
.bx-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.bx-modal-close{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;border:1px solid var(--bx-line);background:none;cursor:pointer;color:var(--bx-muted);flex:none;margin-left:auto}
.bx-modal-close:hover{color:var(--bx-fg)}
.bx-modal-close i.icon{margin:0!important;height:auto}
html[data-ui="aurora"] .bx-modal-title{margin:0 0 12px;font:700 26px/1.25 var(--bx-display)!important;text-wrap:balance;color:var(--bx-fg)}
.bx-modal .bx-meta{padding-bottom:16px;border-bottom:1px solid var(--bx-line);margin-bottom:6px}
.bx-modal-body{font-size:15.5px;line-height:1.7;color:#ccd6e2;max-width:68ch}
.bx-modal-body h1,.bx-modal-body h2,.bx-modal-body h3,.bx-modal-body h4{font-family:var(--bx-display)!important;color:var(--bx-amber)!important;line-height:1.3;margin:24px 0 8px!important}
.bx-modal-body h1{font-size:20px!important}.bx-modal-body h2{font-size:18px!important}.bx-modal-body h3,.bx-modal-body h4{font-size:16px!important}
.bx-modal-body img{max-width:100%;height:auto;border-radius:12px}
.bx-modal-body li{margin:6px 0}
.bx-modal-body strong,.bx-modal-body b{color:var(--bx-fg)}
.bx-modal-body code{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.07);font-size:.9em}
.bx-modal-body blockquote{margin:12px 0;padding:10px 16px;border-left:3px solid var(--bx-accent);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0}
.bx-modal-body table{max-width:100%;display:block;overflow-x:auto}
.bx-modal-loading{color:var(--bx-muted);font-size:13px;font-style:italic}
.bx-modal-body img.twemoji{width:1.2em;height:1.2em;vertical-align:-.2em;border-radius:0;display:inline}
.bx-modal-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--bx-line)}
.bx-modal-foot a{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.bx-modal-foot .bx-btn-sm{color:var(--bx-accent-ink)!important}

/* ---------- Футер ---------- */
.bx-foot{position:relative;border-top:1px solid var(--bx-line);background:rgba(5,8,13,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bx-foot-in{max-width:1260px;margin:0 auto;padding:28px max(16px,3vw) 30px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;font-size:13px;color:var(--bx-muted)}
.bx-foot-brand{display:flex;align-items:center;gap:12px}
.bx-foot-brand img{height:34px;width:auto}
.bx-foot-brand b{display:block;color:var(--bx-fg);font-weight:800;font-size:14px}
.bx-foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.bx-foot a{color:var(--bx-muted)!important}
.bx-foot a:hover{color:var(--bx-fg)!important}
.bx-foot-sub{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:14px;border-top:1px solid var(--bx-line);font-size:12px}

/* Перемикач тестового режиму (бачить лише той, у кого увімкнено) */
.bx-preview{position:fixed;left:16px;bottom:16px;z-index:70;display:inline-flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:999px;background:rgba(10,15,23,.92);border:1px solid var(--bx-line-hi);box-shadow:0 10px 30px rgba(0,0,0,.45);font-size:12.5px;font-weight:700;color:var(--bx-soft);backdrop-filter:blur(10px)}
.bx-preview a{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--bx-fg)!important}
.bx-preview a:hover{background:rgba(255,255,255,.14)}
.bx-preview .bx-dot{width:7px;height:7px}

/* =====================================================================
   Внутрішні сторінки: компоненти Fomantic UI у стилі «Аврори»
   (форум, теми, учасники, профілі, вхід/реєстрація, налаштування)
   ===================================================================== */

/* Підвал завжди внизу екрана, навіть на короткій сторінці */
html[data-ui="aurora"] .pusher{display:flex!important;flex-direction:column;min-height:100vh}
html[data-ui="aurora"] #wrapper{flex:1 0 auto;display:flex;flex-direction:column}
html[data-ui="aurora"] .ui.container.tr-content{flex:1 0 auto;padding-bottom:64px}

/* Заголовок сторінки і «хлібні крихти» */
html[data-ui="aurora"] .tr-content h1.ui.header,html[data-ui="aurora"] .tr-content h2.ui.header,.bx-page-head h1{font:700 26px/1.2 var(--bx-display)!important;letter-spacing:-.01em;color:var(--bx-fg)!important;text-wrap:balance}
html[data-ui="aurora"] .tr-content h3.ui.header,html[data-ui="aurora"] .tr-content h4.ui.header{color:var(--bx-fg)!important;font-weight:800!important}
html[data-ui="aurora"] .tr-content .ui.header a{color:var(--bx-fg)!important}
html[data-ui="aurora"] .tr-content .ui.header a:hover{color:var(--bx-accent)!important}
html[data-ui="aurora"] .tr-content .ui.header .sub.header{color:var(--bx-muted)!important}
.bx-page-head{display:grid;gap:6px;margin:4px 0 22px}
.bx-page-head h1{margin:0!important}
.bx-page-head p{margin:0;color:var(--bx-soft)}
html[data-ui="aurora"] .tr-content .ui.breadcrumb{font-size:13px;font-weight:700;margin-bottom:14px!important}
html[data-ui="aurora"] .tr-content .ui.breadcrumb a.section{color:var(--bx-accent)!important}
html[data-ui="aurora"] .tr-content .ui.breadcrumb .divider{color:var(--bx-muted)!important;opacity:.7}
html[data-ui="aurora"] .tr-content .ui.breadcrumb .active.section{color:var(--bx-soft)!important;font-weight:700}

/* Скляні контейнери замість суцільного #131416 */
html[data-ui="aurora"] .tr-content .ui.segment:not(.basic):not(.inverted),
html[data-ui="aurora"] .tr-content .ui.segments,
html[data-ui="aurora"] .tr-content .ui.card,
html[data-ui="aurora"] .tr-content .ui.cards>.card,
html[data-ui="aurora"] .tr-content .ui.vertical.menu,
html[data-ui="aurora"] .tr-content .ui.attached.menu:not(.tabular),
html[data-ui="aurora"] .tr-content .ui.styled.accordion{
  background:var(--bx-surface)!important;border:1px solid var(--bx-line)!important;box-shadow:none!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--bx-fg)!important;border-radius:var(--bx-r)!important}
html[data-ui="aurora"] .tr-content .ui.top.attached.segment,html[data-ui="aurora"] .tr-content .ui.top.attached.menu{border-radius:var(--bx-r) var(--bx-r) 0 0!important}
html[data-ui="aurora"] .tr-content .ui.bottom.attached.segment,html[data-ui="aurora"] .tr-content .ui.bottom.attached.menu{border-radius:0 0 var(--bx-r) var(--bx-r)!important;border-top:0!important}
html[data-ui="aurora"] .tr-content .ui.attached:not(.top):not(.bottom).segment{border-radius:0!important;border-top:0!important}
html[data-ui="aurora"] .tr-content .ui.segment .ui.segment:not(.basic),html[data-ui="aurora"] .tr-content .ui.card .ui.segment:not(.basic){background:rgba(255,255,255,.03)!important;backdrop-filter:none;border-radius:12px!important}
html[data-ui="aurora"] .tr-content .ui.segments>.segment{background:transparent!important;border:0!important;border-top:1px solid var(--bx-line)!important;border-radius:0!important;backdrop-filter:none}
html[data-ui="aurora"] .tr-content .ui.segments>.segment:first-child{border-top:0!important}
html[data-ui="aurora"] .tr-content .ui.secondary.segment{background:rgba(255,255,255,.03)!important}
html[data-ui="aurora"] .tr-content .ui.card>.content,html[data-ui="aurora"] .tr-content .ui.cards>.card>.content{border-top-color:var(--bx-line)!important;background:transparent!important}
html[data-ui="aurora"] .tr-content .ui.card>.extra,html[data-ui="aurora"] .tr-content .ui.cards>.card>.extra{border-top:1px solid var(--bx-line)!important;color:var(--bx-muted)!important;background:transparent!important}
html[data-ui="aurora"] .tr-content .ui.card .header,html[data-ui="aurora"] .tr-content .ui.cards>.card .header{color:var(--bx-fg)!important}
html[data-ui="aurora"] .tr-content .ui.card .meta,html[data-ui="aurora"] .tr-content .ui.cards>.card .meta{color:var(--bx-muted)!important}
html[data-ui="aurora"] .tr-content .ui.card .description,html[data-ui="aurora"] .tr-content .ui.cards>.card .description{color:var(--bx-soft)!important}
html[data-ui="aurora"] .tr-content .ui.divider:not(.vertical):not(.horizontal){border-top-color:var(--bx-line)!important;border-bottom-color:transparent!important}
html[data-ui="aurora"] .tr-content .ui.divider{color:var(--bx-muted)!important}
html[data-ui="aurora"] .tr-content{color:var(--bx-soft)}
html[data-ui="aurora"] .tr-content i.icon{color:inherit}

/* Списки, стрічки, коментарі, статистика */
html[data-ui="aurora"] .tr-content .ui.list .item,html[data-ui="aurora"] .tr-content .ui.list .item .description,html[data-ui="aurora"] .tr-content .ui.items>.item>.content>.description,html[data-ui="aurora"] .tr-content .ui.comments .comment .text,html[data-ui="aurora"] .tr-content .ui.feed>.event>.content .extra.text{color:var(--bx-soft)!important}
html[data-ui="aurora"] .tr-content .ui.list .item .header,html[data-ui="aurora"] .tr-content .ui.items>.item>.content>.header,html[data-ui="aurora"] .tr-content .ui.comments .comment .author,html[data-ui="aurora"] .tr-content .ui.feed>.event>.content .summary,html[data-ui="aurora"] .tr-content .ui.statistic>.value{color:var(--bx-fg)!important}
html[data-ui="aurora"] .tr-content .ui.items>.item .meta,html[data-ui="aurora"] .tr-content .ui.comments .comment .metadata,html[data-ui="aurora"] .tr-content .ui.feed>.event>.content .date,html[data-ui="aurora"] .tr-content .ui.statistic>.label{color:var(--bx-muted)!important}
html[data-ui="aurora"] .tr-content .ui.relaxed.divided.list>.item,html[data-ui="aurora"] .tr-content .ui.divided.list>.item,html[data-ui="aurora"] .tr-content .ui.divided.items>.item{border-top-color:var(--bx-line)!important}

/* Ніки та текст у списках: Fomantic фарбує їх майже чорним rgba(0,0,0,.87). Колір групи (style="color") лишається */
html[data-ui="aurora"] .tr-content .ui.list>.item>.content,html[data-ui="aurora"] .tr-content .ui.list .list>.item>.content,html[data-ui="aurora"] .tr-content .ui.items>.item>.content,html[data-ui="aurora"] .tr-content .ui.feed .content,html[data-ui="aurora"] .tr-content .ui.comments .content{color:var(--bx-fg)!important}

/* Текст дописів на форумі */
html[data-ui="aurora"] .forum_post{color:#ccd6e2;font-size:15px;line-height:1.7}
html[data-ui="aurora"] .forum_post a{color:var(--bx-accent)}
/* дописи, вставлені з Google Docs/Gemini, несуть власні шрифти — вирівнюємо під сайт */
html[data-ui="aurora"] .forum_post :not(code):not(pre):not(kbd):not(i):not(.icon){font-family:var(--bx-body)!important}
html[data-ui="aurora"] .forum_post img:not(.twemoji):not(.emoji){max-width:100%;height:auto;border-radius:10px}
html[data-ui="aurora"] .forum_post img.twemoji{width:1.2em;height:1.2em;vertical-align:-.2em}
html[data-ui="aurora"] .forum_post blockquote{margin:12px 0;padding:10px 16px;border-left:3px solid var(--bx-accent);background:rgba(255,255,255,.03);border-radius:0 10px 10px 0}
html[data-ui="aurora"] .forum_post code{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.07)}

/* Меню: вертикальні, вкладки, пагінація */
html[data-ui="aurora"] .tr-content .ui.vertical.menu{padding:6px 0}
html[data-ui="aurora"] .tr-content .ui.vertical.menu .item{color:var(--bx-soft)!important;border-radius:10px!important;margin:2px 6px!important;padding:11px 12px!important;font-weight:600}
html[data-ui="aurora"] .tr-content .ui.vertical.menu .item::before{display:none!important}
html[data-ui="aurora"] .tr-content .ui.vertical.menu a.item:hover{color:var(--bx-fg)!important;background:rgba(255,255,255,.05)!important}
html[data-ui="aurora"] .tr-content .ui.vertical.menu .active.item{color:var(--bx-fg)!important;background:rgba(34,211,238,.10)!important;box-shadow:inset 0 0 0 1px rgba(34,211,238,.22)!important}
html[data-ui="aurora"] .tr-content .ui.vertical.pointing.menu .active.item::after{display:none!important}
html[data-ui="aurora"] .tr-content .ui.vertical.menu .item>i.icon{color:var(--bx-muted)}
html[data-ui="aurora"] .tr-content .ui.secondary.menu .item{color:var(--bx-soft)!important;border-radius:10px!important}
html[data-ui="aurora"] .tr-content .ui.secondary.menu .active.item{color:var(--bx-fg)!important;background:rgba(34,211,238,.10)!important}
html[data-ui="aurora"] .tr-content .ui.secondary.pointing.menu{border-bottom:1px solid var(--bx-line)!important}
html[data-ui="aurora"] .tr-content .ui.secondary.pointing.menu .item{border-radius:0!important;background:transparent!important}
html[data-ui="aurora"] .tr-content .ui.secondary.pointing.menu .active.item{border-color:var(--bx-accent)!important}
html[data-ui="aurora"] .tr-content .ui.tabular.menu{border-bottom:1px solid var(--bx-line)!important}
html[data-ui="aurora"] .tr-content .ui.tabular.menu .item{color:var(--bx-soft)!important;border-radius:12px 12px 0 0!important}
html[data-ui="aurora"] .tr-content .ui.tabular.menu .active.item{background:var(--bx-surface)!important;border-color:var(--bx-line)!important;color:var(--bx-fg)!important}
html[data-ui="aurora"] .ui.pagination.menu{background:var(--bx-surface)!important;border:1px solid var(--bx-line)!important;border-radius:12px!important;box-shadow:none!important;min-height:0}
html[data-ui="aurora"] .ui.pagination.menu .item{color:var(--bx-soft)!important;min-width:40px;justify-content:center}
html[data-ui="aurora"] .ui.pagination.menu .item::before{background:var(--bx-line)!important}
html[data-ui="aurora"] .ui.pagination.menu .active.item{background:rgba(34,211,238,.14)!important;color:var(--bx-fg)!important}

/* Кнопки */
html[data-ui="aurora"] .ui.button{border-radius:11px!important;font-weight:700!important;box-shadow:none!important;transition:background .2s,color .2s,border-color .2s}
html[data-ui="aurora"] .ui.button:not(.primary):not(.secondary):not(.positive):not(.negative):not(.basic):not(.inverted):not([class*="red"]):not([class*="green"]):not([class*="blue"]):not([class*="orange"]):not([class*="yellow"]):not([class*="purple"]):not([class*="violet"]):not([class*="teal"]):not([class*="olive"]):not([class*="pink"]):not([class*="brown"]):not([class*="black"]):not([class*="grey"]){background:rgba(255,255,255,.06)!important;color:var(--bx-fg)!important;box-shadow:inset 0 0 0 1px var(--bx-line-hi)!important}
html[data-ui="aurora"] .ui.button:not(.primary):not(.positive):not(.negative):not(.basic):hover{filter:brightness(1.15)}
html[data-ui="aurora"] .ui.primary.button,html[data-ui="aurora"] .ui.blue.button,html[data-ui="aurora"] .ui.teal.button{background:var(--bx-accent)!important;color:var(--bx-accent-ink)!important}
html[data-ui="aurora"] .ui.primary.button:hover,html[data-ui="aurora"] .ui.blue.button:hover,html[data-ui="aurora"] .ui.teal.button:hover{background:#67e8f9!important}
html[data-ui="aurora"] .ui.positive.button,html[data-ui="aurora"] .ui.green.button{background:var(--bx-aurora)!important;color:#03251a!important}
html[data-ui="aurora"] .ui.negative.button,html[data-ui="aurora"] .ui.red.button{background:rgba(248,113,113,.16)!important;color:#fecaca!important;box-shadow:inset 0 0 0 1px rgba(248,113,113,.45)!important}
html[data-ui="aurora"] .ui.basic.button,html[data-ui="aurora"] .ui.basic.buttons .button{background:transparent!important;color:var(--bx-soft)!important;box-shadow:inset 0 0 0 1px var(--bx-line-hi)!important}
html[data-ui="aurora"] .ui.basic.button:hover{color:var(--bx-fg)!important;background:rgba(255,255,255,.05)!important}

/* Поля форм */
html[data-ui="aurora"] .ui.input>input,
html[data-ui="aurora"] .ui.form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
html[data-ui="aurora"] .ui.form textarea,
html[data-ui="aurora"] .ui.form select,
html[data-ui="aurora"] .ui.selection.dropdown,
html[data-ui="aurora"] .ui.search .prompt{background:rgba(255,255,255,.04)!important;border:1px solid var(--bx-line-hi)!important;color:var(--bx-fg)!important;border-radius:11px!important;box-shadow:none!important}
html[data-ui="aurora"] .ui.input>input:focus,html[data-ui="aurora"] .ui.form input:focus,html[data-ui="aurora"] .ui.form textarea:focus,html[data-ui="aurora"] .ui.selection.active.dropdown,html[data-ui="aurora"] .ui.search .prompt:focus{border-color:var(--bx-accent)!important;box-shadow:0 0 0 3px rgba(34,211,238,.15)!important}
html[data-ui="aurora"] .ui.input>input::placeholder,html[data-ui="aurora"] .ui.form input::placeholder,html[data-ui="aurora"] .ui.form textarea::placeholder{color:var(--bx-muted)!important;opacity:1}
html[data-ui="aurora"] .ui.selection.dropdown>.text:not(.default){color:var(--bx-fg)!important}
html[data-ui="aurora"] .ui.selection.dropdown>.default.text{color:var(--bx-muted)!important}
html[data-ui="aurora"] .ui.action.input>input{border-radius:11px 0 0 11px!important;border-right:0!important}
html[data-ui="aurora"] .ui.action.input>.button:last-child{border-radius:0 11px 11px 0!important}
html[data-ui="aurora"] .ui.form .field>label,html[data-ui="aurora"] .ui.form .fields>label{color:var(--bx-soft)!important;font-weight:700!important}
html[data-ui="aurora"] .ui.checkbox label,html[data-ui="aurora"] .ui.checkbox+label{color:var(--bx-soft)!important}
html[data-ui="aurora"] .ui.toggle.checkbox input:checked~label::before,html[data-ui="aurora"] .ui.toggle.checkbox input:focus:checked~label::before{background:var(--bx-accent)!important}

/* Випадаючі списки будь-де на сайті */
html[data-ui="aurora"] .ui.dropdown .menu{background:rgba(10,15,23,.97)!important;border:1px solid var(--bx-line-hi)!important;box-shadow:0 20px 50px rgba(0,0,0,.55)!important}
html[data-ui="aurora"] .ui.dropdown:not(.selection) .menu{border-radius:12px!important}
html[data-ui="aurora"] .ui.selection.dropdown .menu{border-top:0!important;border-radius:0 0 11px 11px!important}
html[data-ui="aurora"] .ui.dropdown .menu>.item{color:var(--bx-soft)!important;border-top:0!important}
html[data-ui="aurora"] .ui.dropdown .menu>.item:hover,html[data-ui="aurora"] .ui.dropdown .menu>.selected.item{color:var(--bx-fg)!important;background:rgba(255,255,255,.06)!important}
html[data-ui="aurora"] .ui.dropdown .menu>.header{color:var(--bx-muted)!important}
html[data-ui="aurora"] .ui.dropdown .menu>.divider{border-color:var(--bx-line)!important}

/* Таблиці */
html[data-ui="aurora"] .tr-content .ui.table{background:var(--bx-surface)!important;color:var(--bx-soft)!important;border:1px solid var(--bx-line)!important;border-radius:14px!important;overflow:hidden;backdrop-filter:blur(14px)}
html[data-ui="aurora"] .tr-content .ui.table thead th{background:rgba(255,255,255,.04)!important;color:var(--bx-muted)!important;border-bottom:1px solid var(--bx-line)!important;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
html[data-ui="aurora"] .tr-content .ui.table td{border-top:1px solid var(--bx-line)!important}
html[data-ui="aurora"] .tr-content .ui.table tbody tr:hover{background:rgba(255,255,255,.02)}

/* Ярлики */
html[data-ui="aurora"] .ui.label{border-radius:7px!important}

/* Модальні вікна, тости */
html[data-ui="aurora"] .ui.dimmer{background:rgba(2,5,9,.72)!important;backdrop-filter:blur(4px)}
html[data-ui="aurora"] .ui.modal{background:rgba(10,15,23,.97)!important;border:1px solid var(--bx-line-hi)!important;border-radius:18px!important;box-shadow:0 30px 80px rgba(0,0,0,.6)!important;overflow:hidden}
html[data-ui="aurora"] .ui.modal>.header,html[data-ui="aurora"] .ui.modal>.content,html[data-ui="aurora"] .ui.modal>.actions{background:transparent!important;color:var(--bx-fg)!important;border-color:var(--bx-line)!important}
html[data-ui="aurora"] .ui.modal>.header{font-family:var(--bx-display)!important;font-size:18px!important}
html[data-ui="aurora"] .ui.toast-container .toast-box,html[data-ui="aurora"] .ui.toast{border-radius:14px!important}

/* Сторінка кастомна (Правила, Cookies тощо) */
html[data-ui="aurora"] .bx-custom{padding:26px 28px}
html[data-ui="aurora"] .bx-custom h1,html[data-ui="aurora"] .bx-custom h2,html[data-ui="aurora"] .bx-custom h3{color:var(--bx-fg)}

@media (max-width:720px){
  html[data-ui="aurora"] .ui.container.tr-content{padding-bottom:40px}
  html[data-ui="aurora"] .tr-content h1.ui.header,html[data-ui="aurora"] .tr-content h2.ui.header,.bx-page-head h1{font-size:22px!important}
  html[data-ui="aurora"] .bx-custom{padding:18px}
}

/* =====================================================================
   Сторінка «Завантажити» (aurora/bmw_download.tpl)
   ===================================================================== */
.bx-en{color:var(--bx-muted);font-size:.92em}
.bx-dl{display:grid;gap:18px;max-width:980px;margin:0 auto}
.bx-dl-head{display:grid;justify-items:center;text-align:center;gap:12px;padding:18px 0 14px}
.bx-dl-head .bx-en{display:block;margin-top:4px}
.bx-dl-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.bx-dl-step{padding:22px 24px;display:grid;gap:16px}
.bx-dl-step-head{display:flex;align-items:center;gap:14px}
.bx-dl-num{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(34,211,238,.12);color:var(--bx-accent);font:700 18px/1 var(--bx-display);flex:none}
html[data-ui="aurora"] .bx-dl-step-head h2{margin:0;font:700 19px/1.25 var(--bx-display)!important;color:var(--bx-fg)}
.bx-dl-step-head p{margin:2px 0 0;font-size:13px;color:var(--bx-muted);font-weight:600}
.bx-dl-text{margin:0;color:var(--bx-soft);max-width:72ch}
.bx-dl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bx-dl-opt{--c:var(--bx-accent);--cbg:rgba(34,211,238,.12);display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--bx-line);background:rgba(255,255,255,.03);color:var(--bx-fg)!important;transition:transform .2s,border-color .2s,background .2s;min-width:0}
.bx-dl-opt:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--c) 55%,transparent);background:rgba(255,255,255,.05)}
.bx-dl-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--cbg);color:var(--c);flex:none}
.bx-dl-ic i.icon{margin:0!important;font-size:20px;height:auto}
.bx-dl-txt{min-width:0;flex:1}
.bx-dl-txt b{display:block;font-size:14.5px;line-height:1.3}
.bx-dl-txt small{display:block;font-size:12px;color:var(--bx-muted);margin-top:3px;line-height:1.35}
.bx-dl-go{margin:0!important;color:var(--bx-muted);flex:none}
.bx-dl-opt:hover .bx-dl-go{color:var(--c)}
.bx-dl-opt.is-main{background:var(--bx-accent);border-color:var(--bx-accent);color:var(--bx-accent-ink)!important;box-shadow:0 10px 30px -10px rgba(34,211,238,.6)}
.bx-dl-opt.is-main .bx-dl-ic{background:rgba(3,34,42,.14);color:var(--bx-accent-ink)}
.bx-dl-opt.is-main small,.bx-dl-opt.is-main .bx-dl-go{color:rgba(3,34,42,.72)}
.bx-dl-opt.is-main:hover{background:#67e8f9}
.is-green{--c:#34d399;--cbg:rgba(52,211,153,.12)}
.is-violet{--c:#c4b5fd;--cbg:rgba(167,139,250,.14)}
.is-orange{--c:#fb923c;--cbg:rgba(251,146,60,.13)}
.is-grey{--c:#cbd5e1;--cbg:rgba(203,213,225,.10)}
.is-amber{--c:#fbbf24;--cbg:rgba(251,191,36,.12)}
.bx-dl-note{margin:0;font-size:13px;color:var(--bx-muted)}
.bx-dl-note a{color:#c4b5fd!important}
.bx-dl-actions{display:flex;flex-wrap:wrap;gap:8px}
html[data-ui="aurora"] .bx-dl-h2{margin:18px 0 0;font:700 20px/1.2 var(--bx-display)!important;color:var(--bx-fg)}
.bx-dl-help{padding:0;overflow:hidden}
.bx-dl-help summary{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none}
.bx-dl-help summary::-webkit-details-marker{display:none}
.bx-dl-help summary>span:nth-child(2){flex:1;min-width:0}
.bx-dl-help summary b{display:block;font-size:15.5px;color:var(--bx-fg)}
.bx-dl-help summary small{display:block;font-size:12.5px;color:var(--bx-muted)}
.bx-dl-help[open] .bx-chev{transform:rotate(180deg)}
.bx-dl-help-in{padding:4px 22px 22px;border-top:1px solid var(--bx-line);display:grid;gap:12px;color:var(--bx-soft);font-size:14.5px;line-height:1.65}
.bx-dl-help-in p{margin:0}
.bx-dl-help-in b{color:var(--bx-fg)}
.bx-dl-help-in a{color:var(--bx-aurora)}
html[data-ui="aurora"] .bx-dl-help-in h3{margin:8px 0 0;font:700 15px/1.3 var(--bx-display)!important;color:var(--bx-fg)}
.bx-dl-help-in .bx-en{display:block;margin-top:3px}
.bx-dl-callout{margin-top:16px;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);background:color-mix(in srgb,var(--c) 8%,transparent);display:grid;gap:8px}
.bx-dl-callout b{color:var(--c)!important}
.bx-dl-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:n}
.bx-dl-list li{position:relative;padding:12px 14px 12px 52px;border-radius:12px;background:rgba(255,255,255,.03);counter-increment:n}
.bx-dl-list li::before{content:counter(n);position:absolute;left:12px;top:11px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(34,211,238,.12);color:var(--bx-accent);font:700 13px/1 var(--bx-display)}
.bx-dl-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bx-dl-checks li{position:relative;padding-left:28px}
.bx-dl-checks li::before{content:"✓";position:absolute;left:4px;top:0;color:var(--bx-aurora);font-weight:800}
.bx-dl-muted{color:var(--bx-muted)!important;font-size:13px}
.bx-dl-muted code{font-size:12px;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.07);color:var(--bx-soft)}
.bx-dl-tag{justify-self:start;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(34,211,238,.12);color:var(--bx-accent)}
.bx-dl-tag.is-green{background:rgba(52,211,153,.12);color:var(--bx-aurora)}
.bx-dl-drivers{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);font-size:13.5px;word-break:break-word}
.bx-dl-foot{margin:6px 0 0;text-align:center;color:var(--bx-muted);font-size:14px}
@media (max-width:860px){.bx-dl-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.bx-dl-step{padding:18px}.bx-dl-help summary{padding:14px 16px}.bx-dl-help-in{padding:4px 16px 18px}}

/* =====================================================================
   Сторінка «Сервери» — код з адмінки (.bmw ...) перефарбовується тут,
   у самому коді сторінки нічого міняти не треба. Старий дизайн не зачеплено.
   ===================================================================== */
html[data-ui="aurora"] body .bmw{
  --bg:transparent;--card:var(--bx-surface);--border:var(--bx-line);--text:var(--bx-fg);--text2:var(--bx-soft);
  --muted:var(--bx-muted);--badge-bg:rgba(255,255,255,.035);--badge-text:var(--bx-soft);--badge-border:var(--bx-line);
  --badge-bg-h:rgba(255,255,255,.07);--rule-line:rgba(255,255,255,.06);--scr-bg:rgba(255,255,255,.03);
  --warn-bg:rgba(251,191,36,.07);--warn-text:#fcd34d;--warn-border:rgba(251,191,36,.25);
  --info-bg:rgba(34,211,238,.06);--info-text:#a5f3fc;--info-border:rgba(34,211,238,.22);
  font-family:var(--bx-body)!important;padding-bottom:8px}
html[data-ui="aurora"] body .bmw [class*="bmw-scard-label"],html[data-ui="aurora"] body .bmw .bmw-dh-name{font-family:var(--bx-display)!important;letter-spacing:-.005em}
html[data-ui="aurora"] body .bmw .bmw-world-name,html[data-ui="aurora"] body .bmw .bmw-world-val,html[data-ui="aurora"] body .bmw .bmw-stat-v,html[data-ui="aurora"] body .bmw .bmw-rn,html[data-ui="aurora"] body .bmw .bmw-scard-ver,html[data-ui="aurora"] body .bmw .bmw-priv-tab,html[data-ui="aurora"] body .bmw .bmw-cmd-tier{font-family:var(--bx-body)!important;font-variant-numeric:tabular-nums}
html[data-ui="aurora"] body .bmw .bmw-cmd-code{font-family:ui-monospace,Consolas,"Cascadia Mono",monospace!important;font-size:12.5px;font-weight:600;color:var(--bx-accent);background:rgba(34,211,238,.08)!important;border-radius:7px}
/* Картки вибору сервера: скло + кольорове сяйво замість насичених градієнтів */
html[data-ui="aurora"] body .bmw .bmw-scard{border:1px solid var(--bx-line);border-radius:var(--bx-r);background:var(--bx-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-ui="aurora"] body .bmw .bmw-scard:hover{border-color:var(--bx-line-hi)}
html[data-ui="aurora"] body .bmw .bmw-scard.active{border-color:var(--scard-acc);box-shadow:0 0 0 3px var(--scard-glow),0 14px 40px -18px var(--scard-acc)}
html[data-ui="aurora"] body .bmw .bmw-scard[data-key] .bmw-scard-banner{height:104px;background:radial-gradient(120% 150% at 100% 0%,color-mix(in srgb,var(--scard-acc) 30%,transparent),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
html[data-ui="aurora"] body .bmw .bmw-scard-footer{background:transparent;border-top:1px solid var(--bx-line)}
html[data-ui="aurora"] body .bmw .bmw-scard-tagline{color:var(--bx-soft)}
html[data-ui="aurora"] body .bmw .bmw-scard[data-key="survival"]{--scard-acc:#34d399;--scard-glow:rgba(52,211,153,.14)}
html[data-ui="aurora"] body .bmw .bmw-scard[data-key="skyblock"]{--scard-acc:#a78bfa;--scard-glow:rgba(167,139,250,.14)}
html[data-ui="aurora"] body .bmw .bmw-scard[data-key="hitech"]{--scard-acc:#22d3ee;--scard-glow:rgba(34,211,238,.14)}
/* Шапка обраного сервера */
html[data-ui="aurora"] body .bmw .bmw-detail[data-key] .bmw-detail-header{border:1px solid var(--bx-line);border-radius:var(--bx-r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:radial-gradient(90% 140% at 100% 0%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 60%),var(--bx-surface)}
html[data-ui="aurora"] body .bmw .bmw-detail[data-key="hitech"]{--acc:#22d3ee}
html[data-ui="aurora"] body .bmw .bmw-detail[data-key="survival"]{--acc:#34d399}
html[data-ui="aurora"] body .bmw .bmw-detail[data-key="skyblock"]{--acc:#a78bfa}
html[data-ui="aurora"] body .bmw .bmw-detail-header::after{display:none}
html[data-ui="aurora"] body .bmw .bmw-dh-sub{color:var(--bx-muted)}
html[data-ui="aurora"] body .bmw .bmw-dh-desc{color:var(--bx-soft);font-weight:500}
html[data-ui="aurora"] body .bmw .bmw-dh-desc-en{color:var(--bx-muted)}
html[data-ui="aurora"] body .bmw .bmw-stat{background:rgba(255,255,255,.04);border:1px solid var(--bx-line);border-radius:12px}
html[data-ui="aurora"] body .bmw .bmw-stat-l{color:var(--bx-muted);font-weight:700}
html[data-ui="aurora"] body .bmw .bmw-dot.on{background:var(--bx-aurora)}
html[data-ui="aurora"] body .bmw .bmw-dot.off{background:var(--bx-off)}
/* Тіло: одна скляна картка */
html[data-ui="aurora"] body .bmw .bmw-body{border-radius:var(--bx-r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
html[data-ui="aurora"] body .bmw .bmw-sec-title{color:var(--bx-accent);font-weight:800}
html[data-ui="aurora"] body .bmw .bmw-feature,html[data-ui="aurora"] body .bmw .bmw-world,html[data-ui="aurora"] body .bmw .bmw-cmd-row,html[data-ui="aurora"] body .bmw .bmw-priv-perk,html[data-ui="aurora"] body .bmw .bmw-priv-group-desc{border-radius:12px}
html[data-ui="aurora"] body .bmw .bmw-feature-title{font-size:14px;font-weight:700}
html[data-ui="aurora"] body .bmw .bmw-badge{border-radius:999px;padding:4px 12px}
html[data-ui="aurora"] body .bmw .bmw-infobox{border-radius:12px}
html[data-ui="aurora"] body .bmw .bmw-priv-tab{border-radius:10px}
html[data-ui="aurora"] body .bmw .bmw-scr-img,html[data-ui="aurora"] body .bmw .bmw-priv-img{border-radius:12px}

/* ---------- Анімації ---------- */
@keyframes bxFloat{50%{transform:translateY(-8px)}}
@keyframes bxPulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
@keyframes bxSpin{to{transform:rotate(360deg)}}
@keyframes bxRise{from{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes bxBounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}

/* ---------- Адаптив ---------- */
@media (max-width:1100px){
  .bx-links{display:none}
  .bx-burger{display:grid!important}
  .bx-user{margin-left:auto}
  .bx-wrap{grid-template-columns:minmax(0,1fr)}
  .bx-side{position:static}
}
@media (max-width:720px){
  .bx-featured{grid-template-columns:1fr}
  .bx-cover{min-height:170px}
  .bx-cover::after{background:linear-gradient(0deg,rgba(13,19,28,.95),transparent 60%)}
  .bx-featured .bx-post{padding:4px 20px 22px}
  .bx-grid{grid-template-columns:minmax(0,1fr)}
  .bx-me .bx-me-name{display:none}
  .bx-me{padding:4px}
  .bx-hero{padding:34px 16px 44px}
  .bx-welcome{flex-direction:column;align-items:flex-start}
  .bx-modal-in{padding:20px 18px}
  .bx-preview{display:none}
}
@media (prefers-reduced-motion:reduce){
  html[data-ui="aurora"] *,html[data-ui="aurora"] *::before,html[data-ui="aurora"] *::after{animation:none!important;transition:none!important}
}