/* BlockHype design system 2026 – shared by blockhype.de/.net and apply.blockhype.de/.net
   Brand: green #54F472 → blue #549EB6 on deep night navy. Blocky panels with hard bottom edges. */
@font-face{font-family:"BH Inter";src:url("/fonts/inter-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"BH Inter";src:url("/fonts/inter-600.woff") format("woff");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"BH Inter";src:url("/fonts/inter-700.woff") format("woff");font-weight:700 800;font-style:normal;font-display:swap}
@font-face{font-family:"BH Display";src:url("/fonts/inter-display-900.woff") format("woff");font-weight:900;font-style:normal;font-display:swap}

:root{
  --bh-bg:#070d17;--bh-bg-2:#0a1220;--bh-panel:#101a2b;--bh-panel-2:#142238;--bh-field:#0b1322;
  --bh-line:#1f3049;--bh-line-2:#2b4366;--bh-edge:#03070d;
  --bh-text:#eaf2ff;--bh-muted:#9fb2cf;--bh-faint:#6f84a5;
  --bh-green:#54f472;--bh-green-deep:#1f7a3d;--bh-blue:#549eb6;--bh-cyan:#6fd6ea;
  --bh-grad:linear-gradient(90deg,#54f472 0%,#549eb6 100%);
  --bh-danger:#ff6b81;--bh-warn:#ffd166;
  --bh-radius:4px;--bh-max:1200px;
  --bh-font:"BH Inter",Inter,"Segoe UI",system-ui,-apple-system,sans-serif;
  --bh-display:"BH Display","BH Inter",Inter,"Segoe UI",system-ui,sans-serif;
  --bh-mono:ui-monospace,"Cascadia Mono","Consolas",monospace;
  color-scheme:dark;
}
html{background:var(--bh-bg);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bh-bg);color:var(--bh-text);font-family:var(--bh-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.bh-site{background:radial-gradient(1200px 600px at 50% -200px,rgba(84,158,182,.14),transparent 70%),var(--bh-bg)}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:var(--bh-cyan)}
::selection{background:rgba(84,244,114,.35);color:#fff}
:focus-visible{outline:3px solid var(--bh-green);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--bh-green);color:#062010;padding:.6rem 1rem;font-weight:700}
.skip:focus{left:8px}
.bh-container{width:min(var(--bh-max),100% - 32px);margin-inline:auto}
.bh-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Header ---------- */
.header.bh-header{position:sticky;top:0;z-index:50;background:rgba(7,13,23,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:2px solid var(--bh-line);box-shadow:0 2px 0 var(--bh-edge)}
.bh-header .nav-wrap{width:min(var(--bh-max),100% - 32px);margin-inline:auto;display:flex;align-items:center;gap:20px;min-height:72px;padding:0}
.bh-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--bh-text);flex:none}
.bh-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45))}
.bh-wordmark{display:flex;flex-direction:column;line-height:1}
.bh-wordmark b{font-family:var(--bh-display);font-weight:900;font-size:1.25rem;letter-spacing:.02em;background:var(--bh-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bh-wordmark small{font-size:.62rem;letter-spacing:.22em;color:var(--bh-faint);font-weight:700;margin-top:4px}
.bh-header nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.bh-header nav a{color:var(--bh-muted);text-decoration:none;font-weight:600;font-size:.94rem;padding:.55rem .8rem;border-radius:var(--bh-radius);transition:color .15s,background .15s}
.bh-header nav a:hover{color:var(--bh-text);background:rgba(255,255,255,.04)}
.bh-header nav a.active{color:var(--bh-text);box-shadow:inset 0 -3px 0 var(--bh-green)}
.bh-header nav .bh-btn{margin-left:8px}
.bh-header .bh-nav-apply{color:var(--bh-green)!important}
.bh-lang{display:inline-flex;border:2px solid var(--bh-line);border-radius:var(--bh-radius);overflow:hidden;margin-left:6px;flex:none}
.bh-lang a,.bh-lang span{font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:.35rem .55rem;text-decoration:none;color:var(--bh-faint)}
.bh-lang [aria-current]{background:var(--bh-panel-2);color:var(--bh-text)}
.bh-lang a:hover{color:var(--bh-text)}
.bh-header .menu-toggle{display:none;margin-left:auto;background:var(--bh-panel);color:var(--bh-text);border:2px solid var(--bh-line);border-radius:var(--bh-radius);width:44px;height:44px;font-size:1.2rem;cursor:pointer}
.bh-header .theme-toggle{display:none}
@media (max-width:980px){
  .bh-header .menu-toggle{display:inline-grid;place-items:center}
  .bh-header nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 18px;background:var(--bh-bg-2);border-bottom:2px solid var(--bh-line);display:none;margin:0}
  .bh-header nav.open{display:flex}
  .bh-header nav a{padding:.8rem 1rem}
  .bh-header nav .bh-btn{margin:8px 0 0}
  .bh-header .bh-lang{margin-left:0}
}

/* ---------- Buttons ---------- */
.bh-btn{--edge:#0f4b25;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:46px;padding:.7rem 1.25rem;border:2px solid #0b2f18;border-radius:var(--bh-radius);background:var(--bh-grad);color:#04170b!important;font:800 .9rem/1 var(--bh-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 4px 0 var(--edge);transition:transform .08s,box-shadow .08s,filter .15s;white-space:nowrap}
.bh-btn:hover{filter:brightness(1.07);transform:translateY(-1px);box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 5px 0 var(--edge)}
.bh-btn:active{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 1px 0 var(--edge)}
.bh-btn:disabled,.bh-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}
.bh-btn svg{width:18px;height:18px}
.bh-btn.ghost{--edge:var(--bh-edge);background:var(--bh-panel-2);color:var(--bh-text)!important;border-color:var(--bh-line-2);box-shadow:inset 0 2px 0 rgba(255,255,255,.05),0 4px 0 var(--edge)}
.bh-btn.ghost:hover{background:#1a2b47}
.bh-btn.discord{--edge:#2b2f86;background:#5865f2;color:#fff!important;border-color:#2b2f86}
.bh-btn.small{min-height:38px;padding:.5rem .9rem;font-size:.78rem}
.bh-btn.block{width:100%;justify-content:space-between}
.bh-link{color:var(--bh-cyan);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.bh-link:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- Type ---------- */
.bh-kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--bh-green)}
.bh-kicker::before{content:"";width:10px;height:10px;background:var(--bh-grad);box-shadow:2px 2px 0 var(--bh-edge)}
.bh-kicker.blue{color:var(--bh-cyan)}
.bh-display{font-family:var(--bh-display);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;margin:0;color:#effff3;text-shadow:0 4px 0 #0d3a20,0 8px 24px rgba(0,0,0,.45)}
.bh-display mark{background:var(--bh-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 #0d3a20)}
.bh-h2{font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.02;margin:.5rem 0 .75rem;letter-spacing:-.005em}
.bh-h2 mark{background:var(--bh-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bh-lead{color:var(--bh-muted);font-size:1.08rem;max-width:60ch}
.bh-muted{color:var(--bh-muted)}

/* ---------- Panels & blocks ---------- */
.bh-panel{background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel));border:2px solid var(--bh-line);border-radius:var(--bh-radius);box-shadow:inset 0 2px 0 rgba(255,255,255,.04),0 5px 0 var(--bh-edge);padding:clamp(18px,3vw,28px)}
.bh-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .55rem;border-radius:3px;background:rgba(84,158,182,.16);color:var(--bh-cyan);border:1px solid rgba(111,214,234,.3)}
.bh-badge.green{background:rgba(84,244,114,.12);color:var(--bh-green);border-color:rgba(84,244,114,.35)}
.bh-badge.muted{background:rgba(255,255,255,.04);color:var(--bh-faint);border-color:var(--bh-line)}
.bh-badge.warn{background:rgba(255,209,102,.12);color:var(--bh-warn);border-color:rgba(255,209,102,.35)}
.bh-dot{width:10px;height:10px;border-radius:2px;background:var(--bh-faint);box-shadow:0 0 0 3px rgba(111,132,165,.18);flex:none}
.bh-dot.online{background:var(--bh-green);box-shadow:0 0 0 3px rgba(84,244,114,.2),0 0 14px rgba(84,244,114,.7);animation:bh-pulse 2s infinite}
@keyframes bh-pulse{50%{box-shadow:0 0 0 6px rgba(84,244,114,.08),0 0 18px rgba(84,244,114,.9)}}
.bh-empty{border:2px dashed var(--bh-line);border-radius:var(--bh-radius);padding:22px;color:var(--bh-muted);text-align:center;background:rgba(255,255,255,.015)}
.bh-section{padding:clamp(56px,8vw,96px) 0}
.bh-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.bh-section-head p{margin:0;color:var(--bh-muted);max-width:46ch}

/* ---------- Footer ---------- */
footer.bh-footer{margin-top:0;border-top:2px solid var(--bh-line);background:linear-gradient(180deg,var(--bh-bg-2),#050a12);padding:48px 0 28px;color:var(--bh-muted)}
.bh-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px}
.bh-footer h3{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bh-text);margin:6px 0 14px}
.bh-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bh-footer a{color:var(--bh-muted);text-decoration:none}
.bh-footer a:hover{color:var(--bh-text)}
.bh-footer-tag{margin:14px 0 0;max-width:34ch}
.bh-footer-tag strong{display:block;color:var(--bh-text);font-family:var(--bh-display);font-weight:900;text-transform:uppercase;letter-spacing:.01em}
.bh-footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--bh-line);margin-top:36px;padding-top:20px;font-size:.82rem;color:var(--bh-faint)}
.bh-footer-bottom strong{color:var(--bh-muted)}
@media (max-width:820px){.bh-footer-grid{grid-template-columns:1fr 1fr}.bh-footer-grid>:first-child{grid-column:1/-1}}

/* ---------- Toast & dialog ---------- */
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(120%);background:var(--bh-panel-2);border:2px solid var(--bh-line-2);box-shadow:0 4px 0 var(--bh-edge);color:var(--bh-text);padding:.75rem 1.1rem;border-radius:var(--bh-radius);transition:transform .2s;z-index:200;font-weight:600}
.toast.show,.toast:not(:empty){transform:translateX(-50%) translateY(0)}
.toast:empty{display:none}
[hidden]{display:none!important}

/* ---------- Heroes ---------- */
.bh-hero,.bh-page-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:2px solid var(--bh-line);background:#060b14 var(--bh-hero-image,none) center/cover no-repeat}
.bh-hero::before,.bh-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,11,20,.94) 0%,rgba(6,11,20,.78) 38%,rgba(6,11,20,.25) 75%,rgba(6,11,20,.35) 100%),linear-gradient(180deg,rgba(6,11,20,0) 55%,rgba(7,13,23,1) 100%)}
.bh-hero::after,.bh-page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;z-index:-1;background:repeating-linear-gradient(90deg,rgba(84,244,114,.6) 0 8px,rgba(84,158,182,.6) 8px 16px);opacity:.3}
.bh-hero-inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:40px;align-items:end;min-height:min(78vh,720px);padding:72px 0 64px}
.bh-hero .bh-display{font-size:clamp(3rem,7.6vw,6.4rem);margin:18px 0 20px}
.bh-hero .bh-lead{color:#d3def0;font-size:1.12rem}
.bh-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.bh-actions.bh-center{justify-content:center;margin-top:34px}
.bh-server-card{display:grid;gap:16px;background:rgba(12,21,36,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bh-server-row{display:flex;align-items:center;gap:14px}
.bh-server-row strong{display:block;font-size:1.05rem}
.bh-server-row small{color:var(--bh-muted)}
.bh-ip{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:var(--bh-field);border:2px dashed var(--bh-line-2);border-radius:var(--bh-radius);color:var(--bh-text);cursor:pointer;font:inherit;text-align:left}
.bh-ip:hover{border-color:var(--bh-green)}
.bh-ip{position:relative;overflow:hidden;transition:transform .12s ease,border-color .15s ease}
.bh-ip:active{transform:translateY(2px) scale(.99)}
.bh-ip::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(84,244,114,.34) 50%,transparent 70%);transform:translateX(-110%);pointer-events:none}
.bh-ip.is-copied{border-color:var(--bh-green);animation:bh-ip-pop .5s cubic-bezier(.2,1.4,.4,1)}
.bh-ip.is-copied::after{animation:bh-ip-sweep .7s ease-out}
.bh-ip.is-copied span{animation:bh-ip-label .35s ease-out}
@keyframes bh-ip-pop{0%{transform:scale(.97);box-shadow:0 0 0 0 rgba(84,244,114,.65)}45%{transform:scale(1.025)}100%{transform:none;box-shadow:0 0 0 14px rgba(84,244,114,0)}}
@keyframes bh-ip-sweep{to{transform:translateX(110%)}}
@keyframes bh-ip-label{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.bh-stats-search{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:24px;align-items:center;background:linear-gradient(120deg,rgba(84,244,114,.12),rgba(84,158,182,.1)),linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel))}
.bh-stats-search p{margin:8px 0 0;color:var(--bh-muted)}
.bh-stats-search form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.bh-stats-search input{min-width:0;margin:0;padding:12px 14px;background:var(--bh-field);border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);color:var(--bh-text);font:700 1rem var(--bh-mono)}
.bh-stats-search input:focus{outline:0;border-color:var(--bh-green)}
@media (max-width:820px){.bh-stats-search{grid-template-columns:1fr}}
@media (max-width:480px){.bh-stats-search form{grid-template-columns:1fr}}
.bh-ip code{font:800 1.1rem/1 var(--bh-mono);letter-spacing:.02em;color:#d8ffe1}
.bh-ip span{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bh-green)}
.bh-ip svg{width:16px;height:16px}
.bh-link svg{width:16px;height:16px}
.bh-page-hero .bh-container{padding:clamp(60px,9vw,110px) 0 clamp(48px,6vw,72px)}
.bh-page-hero .bh-display{font-size:clamp(2.4rem,6vw,4.6rem);margin:16px 0 14px}
.bh-page-hero .bh-lead{color:#d3def0}
@media (max-width:900px){.bh-hero-inner{grid-template-columns:1fr;min-height:0;padding:56px 0 48px}.bh-hero::before,.bh-page-hero::before{background:linear-gradient(180deg,rgba(6,11,20,.7),rgba(6,11,20,.92) 70%,var(--bh-bg))}}

/* ---------- Stats ---------- */
.bh-stats{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2;border-radius:var(--bh-radius)}
.bh-stats>div{padding:22px 24px;border-right:2px solid var(--bh-line)}
.bh-stats>div:last-child{border-right:0}
.bh-stats strong{display:block;font-family:var(--bh-display);font-weight:900;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1;background:var(--bh-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bh-stats span{display:block;margin-top:8px;color:var(--bh-muted);font-size:.84rem}
@media (max-width:760px){.bh-stats{grid-template-columns:1fr 1fr;margin-top:20px}.bh-stats>div:nth-child(2){border-right:0}.bh-stats>div:nth-child(-n+2){border-bottom:2px solid var(--bh-line)}}

/* ---------- Worlds ---------- */
.bh-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bh-world{display:flex;flex-direction:column;text-decoration:none;color:var(--bh-text);background:var(--bh-panel);border:2px solid var(--bh-line);border-radius:var(--bh-radius);box-shadow:0 5px 0 var(--bh-edge);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}
.bh-world:hover{transform:translateY(-4px);border-color:#3e7a6a;box-shadow:0 9px 0 var(--bh-edge)}
.bh-world-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:2px solid var(--bh-line)}
.bh-world-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bh-world:hover .bh-world-image img{transform:scale(1.05)}
.bh-world-image .bh-badge{position:absolute;top:12px;left:12px;background:rgba(6,11,20,.85)}
.bh-world-copy{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.bh-world-copy h3{margin:0;font-size:1.3rem;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;line-height:1.1}
.bh-world-copy p{margin:0;color:var(--bh-muted);font-size:.94rem;flex:1}
.bh-world-copy .bh-link{margin-top:6px}
@media (max-width:900px){.bh-worlds{grid-template-columns:1fr}}

/* ---------- Steps ---------- */
.bh-step-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}
.bh-step-cards li{position:relative}
.bh-step-cards h3{margin:14px 0 8px;font-size:1.1rem}
.bh-step-cards p{margin:0;color:var(--bh-muted)}
.bh-step-cards code,.bh-steps-mini code{font-family:var(--bh-mono);color:#d8ffe1;background:var(--bh-field);padding:.1rem .35rem;border-radius:3px;border:1px solid var(--bh-line)}
.bh-step-no{display:inline-grid;place-items:center;width:46px;height:46px;font-family:var(--bh-display);font-weight:900;font-size:1.1rem;color:#04170b;background:var(--bh-grad);border-radius:var(--bh-radius);box-shadow:0 4px 0 var(--bh-green-deep)}

/* ---------- Apply band ---------- */
.bh-apply-band{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-block:clamp(40px,6vw,72px);padding:clamp(26px,4vw,44px);border:2px solid #2d6b55;border-radius:var(--bh-radius);box-shadow:0 6px 0 var(--bh-edge);background:linear-gradient(120deg,rgba(84,244,114,.16),rgba(84,158,182,.16) 60%,rgba(16,26,43,.95)),var(--bh-panel)}
.bh-apply-band-copy{max-width:62ch}
.bh-apply-band-copy p{margin:0;color:#d2e0f2}
.bh-apply-band-actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- Gallery ---------- */
.bh-gallery-figure{margin:0;border:2px solid var(--bh-line);border-radius:var(--bh-radius);overflow:hidden;box-shadow:0 6px 0 var(--bh-edge)}
.bh-gallery-figure img{display:block;width:100%;height:auto}
.bh-start{padding-top:0}

/* ---------- Team ---------- */
.bh-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.bh-tabs button{font:700 .84rem var(--bh-font);color:var(--bh-muted);background:var(--bh-panel);border:2px solid var(--bh-line);border-radius:var(--bh-radius);padding:.55rem .95rem;cursor:pointer;box-shadow:0 3px 0 var(--bh-edge)}
.bh-tabs button:hover{color:var(--bh-text)}
.bh-tabs button.active{color:#04170b;background:var(--bh-grad);border-color:#0b2f18}
.bh-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.bh-person{display:flex;gap:16px;align-items:flex-start}
.bh-person h3{margin:8px 0 4px;font-size:1.15rem}
.bh-person p{margin:0;color:var(--bh-muted);font-size:.9rem}
.bh-person .bh-person-bio{margin-top:6px}
.bh-person-avatar{position:relative;flex:none;width:72px;height:72px;border-radius:var(--bh-radius);background:linear-gradient(135deg,#1c3b38,#16304a);border:2px solid var(--bh-line-2);display:grid;place-items:center;overflow:hidden;font-family:var(--bh-display);font-weight:900;color:var(--bh-green)}
.bh-person-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}

/* ---------- Rules ---------- */
.bh-rules-layout{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start}
.bh-toc{position:sticky;top:96px;display:grid;gap:2px;padding:16px}
.bh-toc strong{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bh-faint);margin-bottom:8px}
.bh-toc a{display:flex;gap:10px;color:var(--bh-muted);text-decoration:none;padding:.45rem .5rem;border-radius:3px;font-size:.9rem}
.bh-toc a:hover{background:rgba(255,255,255,.04);color:var(--bh-text)}
.bh-toc a span{color:var(--bh-green);font-weight:800;min-width:26px}
.bh-rules{display:grid;gap:20px}
.bh-rules h2{display:flex;gap:12px;align-items:center;margin:0 0 6px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:1.35rem}
.bh-rules h2 span{color:var(--bh-green)}
.bh-rules h3{margin:18px 0 4px;font-size:1rem}
.bh-rules p{margin:0;color:var(--bh-muted)}
.bh-rules article{scroll-margin-top:96px}
@media (max-width:860px){.bh-rules-layout{grid-template-columns:1fr}.bh-toc{position:static}}

/* ---------- Documents ---------- */
.bh-document{max-width:900px;margin-inline:auto}
.bh-document h1{font-family:var(--bh-display);font-weight:900;text-transform:uppercase;margin-top:0}
.bh-document h2{margin-top:1.8em;font-size:1.2rem}
.bh-document p,.bh-document li{color:#c9d6ea}
.bh-note{max-width:900px;margin:0 auto 18px;padding:12px 16px;border-left:3px solid var(--bh-blue);background:#0d1828;color:var(--bh-muted);border-radius:0 var(--bh-radius) var(--bh-radius) 0}

/* ---------- Wiki ---------- */
.bh-wiki{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.bh-wiki-nav{position:sticky;top:96px;padding:16px}
.bh-search{display:flex;align-items:center;gap:10px;background:var(--bh-field);border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);padding:0 12px;color:var(--bh-faint)}
.bh-search:focus-within{border-color:var(--bh-green)}
.bh-search svg{width:18px;height:18px;flex:none}
.bh-search input{flex:1;min-width:0;background:none;border:0;color:var(--bh-text);font:500 .95rem var(--bh-font);padding:.75rem 0;outline:none}
/* keyboard users keep a visible ring where the fields above and below drop the default outline */
.bh-search:focus-within,.bh-team-search:focus-within{outline:2px solid var(--bh-cyan);outline-offset:2px}
.tpl .tpl-fields input:focus-visible,.tpl .tpl-fields select:focus-visible,.tnp-composer input:focus-visible,.tnp-composer textarea:focus-visible,.tn-skin input:focus-visible,.tn-skin select:focus-visible,.tn-skin textarea:focus-visible,.bh-news-form input:focus-visible,.bh-news-form select:focus-visible,.bh-news-form textarea:focus-visible{outline:2px solid var(--bh-cyan);outline-offset:2px}
.bh-wiki-nav nav{display:grid;gap:2px;margin-top:14px}
.bh-wiki-nav nav button{display:flex;justify-content:space-between;align-items:center;font:600 .9rem var(--bh-font);color:var(--bh-muted);background:none;border:0;border-radius:3px;padding:.55rem .6rem;cursor:pointer;text-align:left}
.bh-wiki-nav nav button span{font-size:.75rem;color:var(--bh-faint)}
.bh-wiki-nav nav button:hover{background:rgba(255,255,255,.04);color:var(--bh-text)}
.bh-wiki-nav nav button.active{background:rgba(84,244,114,.08);color:var(--bh-text);box-shadow:inset 3px 0 0 var(--bh-green)}
.bh-wiki-list{display:grid;gap:14px}
.bh-article{padding:0}
.bh-article summary{list-style:none;cursor:pointer;padding:18px 22px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.bh-article summary::-webkit-details-marker{display:none}
.bh-article summary h2{margin:0;font-size:1.1rem}
.bh-article[open] summary{border-bottom:1px solid var(--bh-line)}
.bh-article p{margin:0;padding:16px 22px 20px;color:#c9d6ea}
@media (max-width:860px){.bh-wiki{grid-template-columns:1fr}.bh-wiki-nav{position:static}}

/* ---------- About / news ---------- */
.bh-about{display:grid;gap:20px}
.bh-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bh-values h3,.bh-about h3{margin:0 0 6px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase}
.bh-values p,.bh-about p{margin:0;color:var(--bh-muted)}
.bh-about .bh-actions{margin-top:20px}
@media (max-width:760px){.bh-values{grid-template-columns:1fr}}
.bh-sub{margin-top:56px}
.bh-timeline{display:grid;gap:16px;position:relative;padding-left:26px;border-left:3px solid var(--bh-line-2)}
.bh-timeline article{position:relative}
.bh-timeline article::before{content:"";position:absolute;left:-38px;top:24px;width:18px;height:18px;background:var(--bh-grad);border:3px solid var(--bh-bg);border-radius:3px}
.bh-timeline h2{margin:10px 0 6px;font-size:1.2rem}
.bh-timeline p{margin:0;color:var(--bh-muted)}

/* ---------- Join dialog ---------- */
dialog.bh-dialog{width:min(520px,100% - 32px);padding:30px;background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel));color:var(--bh-text);border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);box-shadow:0 8px 0 var(--bh-edge),0 30px 80px rgba(0,0,0,.6)}
dialog.bh-dialog::backdrop{background:rgba(3,7,13,.75);backdrop-filter:blur(3px)}
.bh-dialog-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:var(--bh-radius);border:2px solid var(--bh-line);background:var(--bh-panel);color:var(--bh-text);font-size:1.3rem;cursor:pointer}
.bh-steps-mini{margin:4px 0 18px;padding-left:20px;color:var(--bh-muted)}
.bh-steps-mini li{margin:4px 0}
dialog.bh-dialog .bh-ip{margin-bottom:16px}
dialog.bh-dialog .bh-ip .bh-btn{min-height:36px}

/* ---------- Legacy feature pages inside the new shell ---------- */
.v3-feature-mode .bh-footer,.v3-internal .bh-footer{margin-top:40px}
.v3-profile .bh-display{font-size:clamp(2rem,4.6vw,3.4rem);margin:12px 0}
/* refinements */
.bh-display mark,.bh-h2 mark{padding:0;border-radius:0}
.bh-header nav a.active{background:rgba(84,244,114,.06)}
.bh-lang{align-items:stretch}
.bh-lang a,.bh-lang span{display:flex;align-items:center}
.bh-section+.bh-apply-band{margin-top:0}
.bh-gallery-figure img{aspect-ratio:21/9;object-fit:cover}
.bh-header nav .bh-lang a,.bh-header nav .bh-lang span{padding:.35rem .6rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;border-radius:0;box-shadow:none;background:none;color:var(--bh-faint)}
.bh-header nav .bh-lang [aria-current]{background:var(--bh-panel-2);color:var(--bh-text)}
.bh-header nav .bh-lang a:hover{color:var(--bh-text);background:rgba(255,255,255,.04)}
@media (max-width:980px){.bh-header nav .bh-lang{align-self:flex-start;margin:8px 0 0}}
.bh-search input[type=search],.bh-search input[type=search]:focus{border:0;background:none;box-shadow:none;outline:none;padding:.75rem 0;margin:0;width:100%;min-height:0;color:var(--bh-text)}
.bh-person>div:last-child{min-width:0;overflow-wrap:anywhere}
/* Account, community and admin modules use the older variables – map them to the BlockHype palette */
:root,body.light{--bg:#070d17;--surface:#101a2b;--surface2:#142238;--border:#1f3049;--text:#eaf2ff;--muted:#9fb2cf;--gold:#54f472;--gold-bg:#12321f;--blue:#6fd6ea;--green:#54f472;--nav:rgba(7,13,23,.86)}
body.bh-site{font-family:var(--bh-font)}
.bh-footer-bottom a{color:var(--bh-muted)}
/* Team ranks – colours follow the Discord roles */
.bh-team-tier+.bh-team-tier{margin-top:42px}
.bh-tier-title{display:flex;align-items:center;gap:14px;margin:0 0 18px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:1.15rem;letter-spacing:.06em}
.bh-tier-title::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--bh-line-2),transparent)}
.bh-tier-title small{font:800 .72rem var(--bh-font);color:var(--bh-faint);background:var(--bh-panel);border:1px solid var(--bh-line);padding:.15rem .45rem;border-radius:3px}
.bh-person{--rank:#6fd6ea;border-top:3px solid var(--rank)}
.bh-rank{display:inline-flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.28rem .55rem;border-radius:3px;color:var(--rank);background:color-mix(in srgb,var(--rank) 14%,transparent);border:1px solid color-mix(in srgb,var(--rank) 45%,transparent)}
.bh-rank::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--rank)}
/* Rank colours: the same gradients as the rank prefixes in Minecraft. --rank-a/--rank-b (and --rank-m for three colours)
   colour the name, --rank is the readable accent for borders and dots. */
[data-rank-tone=owner]{--rank:#ff6f45;--rank-a:#ff4b4b;--rank-b:#ff9a3c}
[data-rank-tone=admin]{--rank:#e52d27;--rank-a:#e52d27;--rank-b:#8e0e00}
[data-rank-tone=srdev]{--rank:#ff4f8a;--rank-a:#ff1f1f;--rank-b:#0099ff}
[data-rank-tone=srcrafter]{--rank:#ec53b5;--rank-a:#d94bff;--rank-b:#ff5c6a}
[data-rank-tone=srwarden]{--rank:#00c47e;--rank-a:#00e68a;--rank-b:#108a68}
[data-rank-tone=srguide]{--rank:#86c843;--rank-a:#b8f25c;--rank-b:#3e9a1a}
[data-rank-tone=dev]{--rank:#ff5a7e;--rank-a:#ff3c3c;--rank-b:#00c6ff}
[data-rank-tone=crafter]{--rank:#dc75b5;--rank-a:#c471ed;--rank-b:#f7797d}
[data-rank-tone=warden]{--rank:#2ca58d;--rank-a:#0f2027;--rank-b:#2ca58d}
[data-rank-tone=guide]{--rank:#7fc649;--rank-a:#a8e063;--rank-b:#56ab2f}
[data-rank-tone=jrdev]{--rank:#c5bdd8;--rank-a:#e6a3a3;--rank-b:#a3d9f0}
[data-rank-tone=jrcrafter]{--rank:#e7b8d5;--rank-a:#ddb8ee;--rank-b:#f2b8bc}
[data-rank-tone=jrwarden]{--rank:#93d3bf;--rank-a:#a8e6cf;--rank-b:#7fbfae}
[data-rank-tone=jrguide]{--rank:#bcdc9f;--rank-a:#d2ebb0;--rank-b:#a5cc8e}
[data-rank-tone=creator]{--rank:#ff6262;--rank-a:#ff3b3b;--rank-b:#ff8a8a}
[data-rank-tone=partner]{--rank:#55b9ee;--rank-a:#6fd6ff;--rank-b:#3a9bdc}
[data-rank-tone=friend]{--rank:#f05db3;--rank-a:#e040a0;--rank-b:#ff7ac6}
[data-rank-tone=beta]{--rank:#ff8bc5;--rank-a:#ff6fb5;--rank-b:#ffa8d5}
[data-rank-tone=hype]{--rank:#ff4ecd;--rank-a:#00e0ff;--rank-m:#ff4ecd;--rank-b:#ffb800}
[data-rank-tone=mythic]{--rank:#9a6aff;--rank-a:#b388ff;--rank-b:#7c4dff}
[data-rank-tone=nova]{--rank:#ffa754;--rank-a:#ffc46b;--rank-b:#ff8a3d}
[data-rank-tone=explorer]{--rank:#76b042;--rank-a:#8bc34a;--rank-b:#5e9e3a}
[data-rank-tone=lead]{--rank:#ff6f45;--rank-a:#ff4b4b;--rank-b:#ff9a3c}
.bh-rank-name[data-rank-tone],.bh-rank[data-rank-tone],[data-rank-tone] .bh-rank{background-image:linear-gradient(90deg,var(--rank-a,var(--rank)),var(--rank-m,var(--rank-a,var(--rank))),var(--rank-b,var(--rank)));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
[data-rank-tone] .bh-rank,.bh-rank[data-rank-tone]{background-color:transparent;border-color:color-mix(in srgb,var(--rank) 45%,transparent)}

/* ---------- Home: split stage with a live server card ---------- */

.bh-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:clamp(28px,5vw,64px);align-items:center;min-height:min(78vh,720px);padding:56px 0 96px}
.bh-hero-main .bh-display{font-size:clamp(2.8rem,6.6vw,5.6rem);margin:16px 0 18px}
.bh-hero-main .bh-lead{max-width:48ch;margin:0;color:#d3def0;font-size:1.12rem}
.bh-hero-cta{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;margin-top:32px}
.bh-btn.bh-hero-play{min-width:240px;min-height:66px;font-size:1.2rem;letter-spacing:.06em;box-shadow:0 7px 0 var(--bh-green-deep),0 18px 34px rgba(0,0,0,.45)}
.bh-hero-play svg{width:24px;height:24px}
.bh-hero-ip{display:grid;justify-items:start;min-width:250px}
.bh-hero-ip>span{position:relative;z-index:1;margin-bottom:-2px;padding:4px 12px;background:#0c1524;border:2px solid var(--bh-line-2);border-bottom:0;border-radius:var(--bh-radius) var(--bh-radius) 0 0;font:800 .64rem var(--bh-font);letter-spacing:.24em;text-transform:uppercase;color:var(--bh-text)}
.bh-hero-ip .bh-ip{width:100%;margin:0;padding:15px 16px;background:rgba(12,21,36,.92);border-style:solid;box-shadow:0 5px 0 var(--bh-edge)}
.bh-hero-card{position:relative;display:grid;gap:12px;margin-top:70px;padding:84px 22px 22px;border:2px solid #2a5a52;border-radius:var(--bh-radius);background:linear-gradient(160deg,rgba(84,244,114,.12),rgba(84,158,182,.08) 50%,rgba(7,13,23,.6)),rgba(7,13,23,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 0 var(--bh-edge),0 24px 48px rgba(0,0,0,.45)}
.bh-hero-card .bh-hero-logo{position:absolute;left:50%;top:-76px;width:150px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 10px 0 rgba(0,0,0,.35)) drop-shadow(0 0 28px rgba(84,244,114,.35))}
.bh-hero-status{display:flex;align-items:center;gap:10px;margin:0;font-weight:800;font-size:1.05rem;color:#fff}
.bh-hero-version{margin:-6px 0 4px;color:var(--bh-muted);font-size:.86rem}
.bh-hero-modes{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bh-hero-modes a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px 12px;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);background:rgba(5,10,18,.55);color:var(--bh-text);text-decoration:none;transition:border-color .15s,transform .15s}
.bh-hero-modes a:hover{border-color:var(--bh-green);transform:translateX(3px)}
.bh-hero-modes strong{font-family:var(--bh-display);font-weight:900;text-transform:uppercase;letter-spacing:.02em}
.bh-hero-modes small{grid-column:1;color:var(--bh-green);font-size:.74rem;font-weight:800}
.bh-hero-modes svg{grid-row:1/3;grid-column:2;width:18px;height:18px;color:var(--bh-faint)}
.bh-hero-card>.bh-link{justify-self:start;font-size:.86rem}
@media (prefers-reduced-motion:reduce){.bh-hero-modes a{transition:none}.bh-hero-modes a:hover{transform:none}}
@media (max-width:900px){.bh-hero-grid{grid-template-columns:1fr;min-height:0;padding:40px 0 72px}.bh-hero-card{margin-top:84px}.bh-hero-split::before{background:linear-gradient(180deg,rgba(6,11,20,.82),rgba(6,11,20,.7) 60%,var(--bh-bg))}}
@media (max-width:520px){.bh-hero-cta{flex-direction:column;align-items:stretch}.bh-btn.bh-hero-play,.bh-hero-ip{min-width:0;width:100%}}

/* Home: numbers as separate tiles, worlds as a bento grid, joining as a connected path */
.bh-stats{gap:14px;margin-top:-48px;background:none;border:0;box-shadow:none}
.bh-stats>div,.bh-stats>div:last-child{border:2px solid var(--bh-line);border-top:3px solid var(--bh-green);border-radius:var(--bh-radius);background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel));box-shadow:0 5px 0 var(--bh-edge)}
.bh-stats>div:nth-child(2){border-top-color:var(--bh-cyan)}.bh-stats>div:nth-child(3){border-top-color:var(--bh-blue)}.bh-stats>div:nth-child(4){border-top-color:var(--bh-warn)}
@media (max-width:760px){.bh-stats{margin-top:20px}.bh-stats>div:nth-child(-n+2){border-bottom:2px solid var(--bh-line)}}
@media (min-width:901px){
  .bh-worlds{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
  .bh-world:first-child{grid-row:span 2}
  .bh-world:first-child .bh-world-image{aspect-ratio:auto;flex:1;min-height:300px}
  .bh-world:not(:first-child){flex-direction:row}
  .bh-world:not(:first-child) .bh-world-image{aspect-ratio:auto;width:40%;flex:none;border-bottom:0;border-right:2px solid var(--bh-line)}
  .bh-step-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .bh-step-cards li{border-radius:0}
  .bh-step-cards li:first-child{border-radius:var(--bh-radius) 0 0 var(--bh-radius)}
  .bh-step-cards li:last-child{border-radius:0 var(--bh-radius) var(--bh-radius) 0}
  .bh-step-cards li+li{border-left:0}
  .bh-step-cards li:not(:last-child)::after{content:"";position:absolute;z-index:1;top:50%;right:-13px;width:22px;height:22px;transform:translateY(-50%) rotate(45deg);background:var(--bh-panel);border-top:2px solid var(--bh-line);border-right:2px solid var(--bh-line)}
  .bh-step-cards li.bh-panel:hover{transform:none;box-shadow:inset 0 2px 0 rgba(255,255,255,.04),0 5px 0 var(--bh-edge)}
}

/* ---------- Wiki ---------- */
.bh-wiki2{display:grid;gap:18px}
.bh-wiki-search{display:flex;align-items:center;gap:12px;padding:0 18px;background:var(--bh-panel);border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);box-shadow:0 4px 0 var(--bh-edge)}
.bh-wiki-search:focus-within{border-color:var(--bh-green);box-shadow:0 4px 0 var(--bh-edge),0 0 0 4px rgba(84,244,114,.14)}
.bh-wiki-search svg{width:22px;height:22px;flex:none;color:var(--bh-green)}
.bh-wiki-search input[type=search]{flex:1;min-width:0;margin:0!important;padding:18px 0!important;background:none!important;border:0!important;border-radius:0;outline:0;box-shadow:none;color:var(--bh-text);font:600 1.05rem var(--bh-font)}
.bh-wiki-search input::placeholder{color:var(--bh-faint);font-weight:500}
.bh-wiki-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bh-wiki-cat{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;text-align:left;cursor:pointer;color:var(--bh-text);background:var(--bh-panel);border:2px solid var(--bh-line);border-radius:var(--bh-radius);font:inherit}
.bh-wiki-cat:hover{border-color:var(--bh-line-2);background:var(--bh-panel-2)}
.bh-wiki-cat.active{border-color:var(--bh-green);background:rgba(84,244,114,.07);box-shadow:0 4px 0 var(--bh-green-deep)}
.bh-wiki-cat-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--bh-radius);background:var(--bh-field);border:1px solid var(--bh-line-2);color:var(--bh-green)}
.bh-wiki-cat-icon svg{width:20px;height:20px}
.bh-wiki-cat-copy{display:grid;gap:2px;min-width:0}
.bh-wiki-cat-copy strong{font-size:.95rem}
.bh-wiki-cat-copy small{font-size:.76rem;line-height:1.35;color:var(--bh-muted)}
.bh-wiki-cat em{font-style:normal;font:800 .72rem var(--bh-mono);color:var(--bh-faint)}
.bh-wiki-count{margin:0;font-size:.86rem;color:var(--bh-muted)}
.bh-wiki-count:empty{display:none}
.bh-wiki-results{display:grid;gap:10px}
.bh-wiki-group{display:grid;gap:10px;margin-top:14px}
.bh-wiki-group:first-child{margin-top:0}
.bh-wiki-group h2{display:flex;align-items:center;gap:10px;margin:0 0 2px;font:900 1.15rem var(--bh-display);text-transform:uppercase;letter-spacing:.04em}
.bh-wiki-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px}
.bh-wiki-group>summary::-webkit-details-marker{display:none}
.bh-wiki-group>summary::before{content:"";width:9px;height:9px;border-right:2px solid var(--bh-green);border-bottom:2px solid var(--bh-green);transform:rotate(-45deg);transition:transform .15s;flex:none}
.bh-wiki-group[open]>summary::before{transform:rotate(45deg)}
.bh-wiki-group>summary:focus-visible{outline:2px solid var(--bh-cyan);outline-offset:4px;border-radius:4px}
.bh-wiki-group h2 span{display:grid;place-items:center;color:var(--bh-green)}
.bh-wiki-group h2 svg{width:20px;height:20px}
.bh-wart{padding:0;overflow:hidden}
.bh-wart[open]{border-color:var(--bh-line-2)}
.bh-wart>summary{display:flex;align-items:center;gap:14px;padding:15px 18px;cursor:pointer;list-style:none}
.bh-wart>summary::-webkit-details-marker{display:none}
.bh-wart>summary:hover{background:rgba(255,255,255,.03)}
.bh-wart>summary::after{content:"";width:9px;height:9px;flex:none;border-right:2px solid var(--bh-muted);border-bottom:2px solid var(--bh-muted);transform:rotate(45deg);transition:transform .15s}
.bh-wart[open]>summary::after{transform:rotate(225deg)}
.bh-wart-head{display:grid;gap:2px;margin-right:auto;min-width:0}
.bh-wart-head strong{font-size:1.02rem}
.bh-wart-head small{font-size:.84rem;color:var(--bh-muted)}
.bh-wart-body{padding:4px 18px 18px;border-top:1px solid var(--bh-line)}
.bh-wart-body p{margin:14px 0 0;max-width:76ch;color:#c9d6ea;line-height:1.6}
.bh-wart-commands{width:100%;margin-top:16px;border-collapse:collapse;font-size:.9rem}
.bh-wart-commands caption{padding-bottom:6px;text-align:left;font:800 .68rem var(--bh-font);letter-spacing:.16em;text-transform:uppercase;color:var(--bh-cyan)}
.bh-wart-commands th,.bh-wart-commands td{padding:9px 12px;text-align:left;border:1px solid var(--bh-line);vertical-align:top}
.bh-wart-commands th{width:42%;background:var(--bh-field);font-weight:400}
.bh-wart-commands code{font:700 .86rem var(--bh-mono);color:#d8ffe1}
.bh-wart-commands td{color:var(--bh-muted)}
.bh-wart-body .bh-wart-links{display:flex;flex-wrap:wrap;gap:8px 20px}
@media (max-width:1040px){.bh-wiki-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bh-wiki-cats{grid-template-columns:1fr}.bh-wiki-cat-copy small{display:none}.bh-wart-commands th{width:auto}.bh-wart-commands th,.bh-wart-commands td{display:block}.bh-wart-commands td{border-top:0}}
/* The account button in the menu keeps its colours on hover; the generic menu-link hover made it dark on dark. */
.bh-header nav a.bh-btn:hover,.header nav>a.bh-btn:hover,.bh-header nav a.bh-btn:focus-visible{background:var(--bh-grad);color:#04170b}
.bh-auth-error{max-width:620px;margin:8vh auto 0;padding:32px;display:grid;gap:14px}
.bh-auth-error p{margin:0;color:var(--bh-muted)}

/* Blocki – mascot chat assistant */
.blocki-launcher{position:fixed;right:18px;bottom:18px;z-index:900;display:flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border:2px solid rgba(84,244,114,.55);border-radius:999px;background:#0b1626;color:#eafff0;font:800 .85rem/1 inherit;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 4px rgba(84,244,114,.08);transition:transform .15s,box-shadow .15s}
.blocki-launcher:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.5),0 0 0 5px rgba(84,244,114,.16)}
.blocki-launcher:focus-visible{outline:3px solid #54f472;outline-offset:3px}
.blocki-launcher img{width:44px;height:44px}
.blocki-launcher.open span{display:none}.blocki-launcher.open{padding:6px}
.blocki-panel{position:fixed;right:18px;bottom:84px;z-index:901;width:min(380px,calc(100vw - 24px));max-height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;background:#0a1322;border:2px solid #24405f;border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.6);color:#e6f1ff;overflow:hidden}
.blocki-panel[hidden]{display:none}
.blocki-panel header{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(90deg,#103422,#0f2440);border-bottom:2px solid #24405f}
.blocki-panel header div{flex:1;min-width:0}.blocki-panel header strong{display:block;font-size:1rem;color:#8dffa4}.blocki-panel header small{color:#9fb6cf;font-size:.75rem}
.blocki-panel header button{width:34px;height:34px;border:0;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}
.blocki-panel header button:hover{background:rgba(255,255,255,.16)}
.blocki-panel ol{flex:1;min-height:160px;margin:0;padding:12px;list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.blocki-msg{max-width:88%;padding:9px 12px;border-radius:12px;font-size:.9rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.blocki-msg.bot{align-self:flex-start;background:#13233a;border:1px solid #24405f;border-bottom-left-radius:3px}
.blocki-msg.user{align-self:flex-end;background:#1c6b3a;color:#f2fff5;border-bottom-right-radius:3px}
.blocki-msg.pending{opacity:.7;font-style:italic}
.blocki-msg a{color:#7fe3ff;font-weight:700}
.blocki-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px}.blocki-chips[hidden]{display:none}
.blocki-chips button{padding:6px 10px;border:1px solid #2f5a86;border-radius:999px;background:transparent;color:#bfe3ff;font:600 .78rem/1.2 inherit;cursor:pointer}
.blocki-chips button:hover{background:#13233a}
.blocki-panel form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid #24405f}
.blocki-panel form input{flex:1;min-width:0;padding:.65rem .75rem;border:2px solid #24405f;border-radius:8px;background:#060d18;color:#fff;font:inherit;font-size:.9rem}
.blocki-panel form input:focus{outline:0;border-color:#54f472}
.blocki-panel form button{padding:0 14px;border:0;border-radius:8px;background:#54f472;color:#04210e;font:800 .85rem/1 inherit;cursor:pointer}
.blocki-panel form button:disabled{opacity:.5;cursor:default}
.blocki-note{margin:0;padding:0 12px 10px;color:#7f93ab;font-size:.7rem;line-height:1.35}
.blocki-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:520px){.blocki-launcher span{display:none}.blocki-launcher{padding:6px}.blocki-panel{right:12px;bottom:78px}}
/* Room for the Blocki button so it never covers the last footer line */
.has-blocki footer.bh-footer,.has-blocki footer.ap-footer{padding-bottom:92px}
@media (max-width:1100px) and (min-width:821px){.bh-footer-grid{grid-template-columns:repeat(4,1fr)}.bh-footer-grid>:first-child{grid-column:1/-1}}

/* Team rules (/team-rules): the same layout as the server rules, plus the rank chart and the stages */
.bh-team-rules-part{scroll-margin-top:96px}
.bh-team-rules-part .bh-lead-text{color:var(--bh-text);margin:4px 0 14px}
.bh-team-rules-part strong{color:var(--bh-text)}
.bh-team-rules-part code{font-family:var(--bh-mono);background:var(--bh-field);border:1px solid var(--bh-line);padding:1px 5px;border-radius:3px;color:var(--bh-cyan)}
.bh-rule-bullets{margin:12px 0 0;padding-left:1.2rem;color:var(--bh-muted);display:grid;gap:6px}
.bh-rule-list{margin:6px 0 0;padding:0;list-style:none;counter-reset:rule;display:grid;gap:10px}
.bh-rule-list li{counter-increment:rule;display:grid;grid-template-columns:34px 1fr;column-gap:10px;color:var(--bh-muted)}
.bh-rule-list li::before{content:counter(rule);grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:var(--bh-panel-2);border:1px solid var(--bh-line-2);color:var(--bh-green);font-weight:800}
.bh-rule-items{margin:6px 0 0;display:grid;gap:10px}
.bh-rule-items>div{display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:14px;padding:10px 12px;background:var(--bh-field);border:1px solid var(--bh-line);border-radius:4px}
.bh-rules .bh-rule-items dt{font-size:.95rem;font-weight:700;color:var(--bh-text);text-transform:none;letter-spacing:0}
.bh-rules .bh-rule-items dd{margin:0;font-size:.95rem;font-weight:400;color:var(--bh-muted)}
.bh-rule-note{margin:16px 0 0;padding:10px 14px;border-left:3px solid var(--bh-green);background:rgba(84,244,114,.05)}
.bh-rule-note p+p{margin-top:4px}
.bh-rule-outro{margin-top:14px!important;color:var(--bh-text)!important}
.bh-levels{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.bh-levels li{--tone:var(--bh-warn);display:grid;gap:2px;padding:10px 12px 10px 14px;border-left:4px solid var(--tone);background:var(--bh-field);border-radius:4px}
.bh-levels li strong{color:var(--tone)}
.bh-levels li small{color:var(--bh-faint)}
.bh-levels li span{color:var(--bh-muted);font-size:.92rem}
.bh-rank-chart{margin:14px 0 4px;padding:18px;border:1px solid var(--bh-line);background:var(--bh-bg-2);border-radius:6px}
.bh-rank-chart figcaption{display:grid;margin-bottom:14px}
.bh-rank-chart figcaption strong{font-family:var(--bh-display);font-size:1.15rem}
.bh-rank-chart figcaption span{color:var(--bh-faint);font-size:.9rem}
.bh-tr-rank{--rank:var(--bh-green);display:grid;gap:2px;padding:10px 12px;border-left:4px solid var(--rank);background:var(--bh-panel-2);border-radius:4px;text-align:center}
.bh-tr-rank b{color:var(--rank);font-size:1rem;font-weight:700;text-transform:none;letter-spacing:0}
.bh-tr-rank small{color:var(--bh-muted);font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:0}
.bh-rank-lead{padding:14px;border:1px solid var(--bh-line);border-radius:6px;background:var(--bh-panel)}
.bh-rank-lead>b{display:block;margin-bottom:10px;color:#e6b93a;letter-spacing:.08em;text-transform:uppercase}
.bh-rank-lead>div{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center}
.bh-rank-lead i{font-style:normal;color:var(--bh-faint)}
.bh-rank-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.bh-rank-groups section{display:grid;gap:8px;align-content:start;padding:14px;border:1px solid var(--bh-line);border-radius:6px;background:var(--bh-panel)}
.bh-rank-groups h4{margin:0 0 4px;text-align:center;color:var(--rank);letter-spacing:.06em;text-transform:uppercase;font-size:.9rem}
@media (max-width:760px){.bh-rank-lead>div,.bh-rank-groups{grid-template-columns:1fr}.bh-rank-lead i{transform:rotate(90deg);justify-self:center}.bh-rule-items>div{grid-template-columns:1fr;gap:4px}}
.bh-levels li.level-2{--tone:#ffb45c}.bh-levels li.level-3{--tone:#ff8a6b}.bh-levels li.level-4{--tone:var(--bh-danger)}
.tone-red{--rank:#e5484d}.tone-gold{--rank:#d4a72c}.tone-blue{--rank:#3b9eea}.tone-purple{--rank:#b65be0}.tone-green{--rank:#2fc66a}.tone-teal{--rank:#1fbf9a}.tone-pink{--rank:#e8318a}

/* Team area: punishment catalogue */
.pun{--mute:#6fd6ea;--ban:#ffb15c;--severe:#ff6b81;--sup:#e8318a;--mod:#1fbf9a;--lead:#e6b93a;display:grid;gap:22px}
.pun svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pun [hidden]{display:none!important}
.pun-hero{display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:10px;border:1px solid var(--bh-line);
  background:radial-gradient(120% 140% at 0% 0%,rgba(84,244,114,.12),transparent 55%),linear-gradient(135deg,var(--bh-panel-2),var(--bh-panel))}
.pun-hero-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:rgba(84,244,114,.12);color:var(--bh-green);border:1px solid rgba(84,244,114,.35)}
.pun-hero-icon svg{width:28px;height:28px}
.pun-hero h2{margin:0 0 4px;font-family:var(--bh-display);font-size:1.35rem}
.pun-hero p{margin:0;color:var(--bh-muted);max-width:70ch}
.pun-hero strong{color:var(--bh-text)}
.pun-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pun-tile{--tone:var(--mute);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;padding:16px 18px;border-radius:10px;cursor:pointer;
  background:var(--bh-panel);border:1px solid var(--bh-line);border-top:3px solid var(--tone);color:var(--bh-text);font:inherit;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.pun-tile.game{--tone:var(--ban)}.pun-tile.severe{--tone:var(--severe)}
.pun-tile:hover{transform:translateY(-2px);border-color:var(--tone)}
.pun-tile.active{background:color-mix(in srgb,var(--tone) 10%,var(--bh-panel));border-color:var(--tone)}
.pun-tile-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent)}
.pun-tile-copy{display:grid;gap:2px}.pun-tile-copy small{color:var(--bh-faint);font-size:.82rem}
.pun-tile-count{display:grid;justify-items:end;font-family:var(--bh-display);font-size:1.7rem;font-weight:900;line-height:1;color:var(--tone)}
.pun-tile-count small{font-family:var(--bh-font);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-faint);margin-top:4px}
.pun-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.pun-search{flex:1 1 280px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:999px;background:var(--bh-field);border:1px solid var(--bh-line);color:var(--bh-faint)}
.pun-search:focus-within{border-color:var(--bh-green);color:var(--bh-green)}
.pun .pun-search input{flex:1;min-width:0;padding:.7rem 0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;outline:0;color:var(--bh-text);font:inherit}
.pun-chips{display:flex;flex-wrap:wrap;gap:8px}
.pun-chip{--tone:var(--bh-muted);padding:.45rem .9rem;border-radius:999px;border:1px solid var(--bh-line);background:var(--bh-panel);color:var(--bh-muted);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.pun-chip.sup{--tone:var(--sup)}.pun-chip.mod{--tone:var(--mod)}.pun-chip.lead{--tone:var(--lead)}
.pun-chip:hover{color:var(--tone);border-color:var(--tone)}
.pun-chip.active{color:var(--bh-bg);background:var(--tone);border-color:var(--tone)}
.pun-chip.active:not(.sup):not(.mod):not(.lead){--tone:var(--bh-green)}
.pun-group{--tone:var(--bh-green);padding:20px;border-radius:10px;background:var(--bh-panel);border:1px solid var(--bh-line)}
.pun-group.chat{--tone:var(--mute)}.pun-group.game{--tone:var(--ban)}.pun-group.severe{--tone:var(--severe)}
.pun-group h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:1.1rem}
.pun-group h2 small{margin-left:auto;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent)}
.pun-group-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent)}
.pun-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.pun-card{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-radius:8px;background:var(--bh-field);border:1px solid var(--bh-line);transition:border-color .15s ease,transform .15s ease}
.pun-card:hover{border-color:color-mix(in srgb,var(--tone) 60%,var(--bh-line));transform:translateX(2px)}
.pun-id{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;font-family:var(--bh-display);font-size:1.15rem;font-weight:900;color:var(--tone);
  background:color-mix(in srgb,var(--tone) 12%,transparent);border:1px solid color-mix(in srgb,var(--tone) 40%,transparent)}
.pun-what h3{margin:0;font-size:1rem}
.pun-what p{margin:2px 0 0;color:var(--bh-faint);font-size:.85rem}
.pun-meta{display:grid;justify-items:end;gap:6px}
.pun-time{display:inline-flex;align-items:center;gap:6px;font-weight:800;white-space:nowrap}
.pun-time svg{width:15px;height:15px;color:var(--bh-faint)}
.pun-rank{--tone:var(--sup);padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;white-space:nowrap;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent)}
.pun-rank.mod{--tone:var(--mod)}.pun-rank.lead{--tone:var(--lead)}
.pun-empty{margin:0;padding:24px;text-align:center;color:var(--bh-faint);border:1px dashed var(--bh-line);border-radius:10px}
.pun-ranks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.pun-rank-card{--tone:var(--sup);display:grid;gap:8px;align-content:start;padding:16px;border-radius:8px;background:var(--bh-field);border:1px solid var(--bh-line);border-top:3px solid var(--tone)}
.pun-rank-card.mod{--tone:var(--mod)}.pun-rank-card.lead{--tone:var(--lead)}
.pun-rank-card .pun-rank{justify-self:start}
.pun-rank-card h3{margin:0;font-size:1rem}
.pun-rank-card p{margin:0;color:var(--bh-muted);font-size:.88rem}
.pun-id-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.pun-id-list span{display:grid;place-items:center;min-width:30px;height:26px;padding:0 6px;border-radius:6px;font-family:var(--bh-mono);font-size:.8rem;font-weight:700;color:var(--bh-faint);background:var(--bh-panel);border:1px solid var(--bh-line)}
.pun-id-list span.own{color:var(--tone);border-color:color-mix(in srgb,var(--tone) 50%,transparent);background:color-mix(in srgb,var(--tone) 10%,transparent)}
.pun-note{margin:12px 0 0;color:var(--bh-faint);font-size:.9rem}
.pun-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pun-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}
.pun-steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.pun-steps li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900;color:var(--bh-bg);background:var(--bh-warn)}
.pun-steps li:nth-child(2)>span{background:#ffb45c}.pun-steps li:nth-child(3)>span{background:var(--bh-danger)}
.pun-steps p{margin:2px 0 0;color:var(--bh-muted);font-size:.9rem}
.pun-duty{border-left:3px solid var(--bh-warn)}
.pun-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pun-checks li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:var(--bh-muted)}
.pun-checks svg{color:var(--bh-green);margin-top:2px}
.pun-checks strong{color:var(--bh-text)}
@media (max-width:980px){.pun-overview,.pun-ranks{grid-template-columns:1fr}.pun-grid{grid-template-columns:1fr}}
@media (max-width:760px){.pun-pair{grid-template-columns:1fr}.pun-hero{flex-direction:column;align-items:flex-start}.pun-card{grid-template-columns:auto 1fr}.pun-meta{grid-column:2;justify-items:start;grid-auto-flow:column;justify-content:start;gap:10px}}
.pun-card{position:relative;cursor:pointer}
.pun-card:focus-visible{outline:2px solid var(--tone);outline-offset:2px}
.pun-more{position:absolute;right:10px;bottom:-9px;display:inline-flex;align-items:center;gap:4px;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;color:var(--tone);background:var(--bh-panel);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent);opacity:0;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease}
.pun-more svg{width:12px;height:12px}
.pun-card:hover .pun-more,.pun-card:focus-visible .pun-more{opacity:1;transform:none}
.pun-dialog{--tone:var(--bh-green);width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);padding:0;border:1px solid var(--bh-line);border-top:4px solid var(--tone);border-radius:12px;background:var(--bh-panel);color:var(--bh-text);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.pun-dialog.chat{--tone:#6fd6ea}.pun-dialog.game{--tone:#ffb15c}.pun-dialog.severe{--tone:#ff6b81}
.pun-dialog::backdrop{background:rgba(3,7,13,.72);backdrop-filter:blur(3px)}
.pun-dialog svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pun-detail{display:grid;gap:16px;padding:22px 24px 24px}
.pun-detail header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start}
.pun-detail header .pun-id{width:54px;height:54px;font-size:1.5rem}
.pun-detail header small{color:var(--tone);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pun-detail header h2{margin:2px 0 4px;font-family:var(--bh-display);font-size:1.5rem}
.pun-detail header p{margin:0;color:var(--bh-muted)}
.pun-close{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--bh-line);background:var(--bh-field);color:var(--bh-muted);cursor:pointer}
.pun-close:hover{color:var(--bh-text);border-color:var(--tone)}
.pun-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pun-facts div{display:grid;gap:4px;padding:10px 12px;border-radius:8px;background:var(--bh-field);border:1px solid var(--bh-line)}
.pun-facts small{color:var(--bh-faint);font-size:.75rem}
.pun-facts strong{display:inline-flex;align-items:center;gap:6px}
.pun-facts strong svg{width:15px;height:15px;color:var(--bh-faint)}
.pun-detail section h3{margin:0 0 8px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-faint)}
.pun-detail section p{margin:0;color:var(--bh-muted);line-height:1.55}
.pun-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pun-dlist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pun-dlist li{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;color:var(--bh-muted)}
.pun-dlist.yes svg{color:var(--bh-green);margin-top:2px}
.pun-dlist.no svg{color:var(--bh-danger);margin-top:2px}
.pun-proof{padding:12px 14px;border-radius:8px;background:color-mix(in srgb,var(--bh-cyan) 7%,var(--bh-field));border:1px solid color-mix(in srgb,var(--bh-cyan) 30%,var(--bh-line))}
.pun-hint{padding:12px 14px;border-radius:8px;background:color-mix(in srgb,var(--bh-warn) 7%,var(--bh-field));border:1px solid color-mix(in srgb,var(--bh-warn) 30%,var(--bh-line))}
.pun-repeat{margin:0;padding-top:12px;border-top:1px solid var(--bh-line);color:var(--bh-faint);font-size:.88rem}
@media (max-width:640px){.pun-facts,.pun-detail-pair{grid-template-columns:1fr}.pun-detail header{grid-template-columns:auto 1fr}.pun-close{grid-column:2;grid-row:1;justify-self:end}}

/* Team area: support templates */
.tpl{--start:#6fd6ea;--info:#54f472;--reports:#ffb15c;--punish:#ff6b81;--close:#b65be0;display:grid;gap:20px}
.tpl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tpl [hidden]{display:none!important}
.tpl-hero{display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:10px;border:1px solid var(--bh-line);
  background:radial-gradient(120% 140% at 0% 0%,rgba(111,214,234,.13),transparent 55%),linear-gradient(135deg,var(--bh-panel-2),var(--bh-panel))}
.tpl-hero-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;color:var(--bh-cyan);background:rgba(111,214,234,.12);border:1px solid rgba(111,214,234,.35)}
.tpl-hero-icon svg{width:28px;height:28px}
.tpl-hero h2{margin:0 0 4px;font-family:var(--bh-display);font-size:1.35rem}
.tpl-hero p{margin:0;color:var(--bh-muted)}
.tpl-fields{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end;padding:16px;border-radius:10px;background:var(--bh-panel);border:1px solid var(--bh-line)}
.tpl-fields label{display:grid;gap:6px}
.tpl-fields label>span{display:inline-flex;align-items:center;gap:6px;color:var(--bh-faint);font-size:.8rem;font-weight:700}
.tpl-fields label>span svg{width:14px;height:14px}
.tpl .tpl-fields input,.tpl .tpl-fields select{width:100%;padding:.6rem .75rem;border-radius:8px;background:var(--bh-field);border:1px solid var(--bh-line);color:var(--bh-text);font:inherit}
.tpl .tpl-fields input:focus,.tpl .tpl-fields select:focus{outline:none;border-color:var(--bh-cyan)}
.tpl-lang{display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:var(--bh-field);border:1px solid var(--bh-line)}
.tpl-lang span{padding:0 6px;color:var(--bh-faint);font-size:.8rem}
.tpl-lang button{padding:.4rem .8rem;border-radius:999px;border:0;background:transparent;color:var(--bh-muted);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.tpl-lang button.active{background:var(--bh-cyan);color:var(--bh-bg)}
.tpl-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.tpl-search{flex:1 1 260px;display:flex;align-items:center;gap:10px;padding:0 14px;border-radius:999px;background:var(--bh-field);border:1px solid var(--bh-line);color:var(--bh-faint)}
.tpl-search:focus-within{border-color:var(--bh-cyan);color:var(--bh-cyan)}
.tpl .tpl-search input{flex:1;min-width:0;padding:.7rem 0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;outline:0;color:var(--bh-text);font:inherit}
.tpl-chips{display:flex;flex-wrap:wrap;gap:8px}
.tpl-chip{--tone:var(--bh-green);padding:.45rem .9rem;border-radius:999px;border:1px solid var(--bh-line);background:var(--bh-panel);color:var(--bh-muted);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}
.tpl-chip.tone-start{--tone:var(--start)}.tpl-chip.tone-info{--tone:var(--info)}.tpl-chip.tone-reports{--tone:var(--reports)}.tpl-chip.tone-punish{--tone:var(--punish)}.tpl-chip.tone-close{--tone:var(--close)}
.tpl-chip:hover{color:var(--tone);border-color:var(--tone)}
.tpl-chip.active{background:var(--tone);border-color:var(--tone);color:var(--bh-bg)}
.tpl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tpl-card{--tone:var(--bh-green);display:grid;gap:12px;align-content:start;padding:16px;border-radius:10px;background:var(--bh-panel);border:1px solid var(--bh-line);border-left:3px solid var(--tone)}
.tpl-card.tone-start{--tone:var(--start)}.tpl-card.tone-info{--tone:var(--info)}.tpl-card.tone-reports{--tone:var(--reports)}.tpl-card.tone-punish{--tone:var(--punish)}.tpl-card.tone-close{--tone:var(--close)}
.tpl-card header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.tpl-no{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-weight:900;color:var(--tone);background:color-mix(in srgb,var(--tone) 13%,transparent);border:1px solid color-mix(in srgb,var(--tone) 40%,transparent)}
.tpl-card small{color:var(--tone);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tpl-card h3{margin:0;font-size:1rem}
.tpl-copy{display:inline-flex;align-items:center;gap:6px;padding:.45rem .8rem;border-radius:8px;border:1px solid var(--bh-line);background:var(--bh-field);color:var(--bh-text);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.tpl-copy svg{width:15px;height:15px}
.tpl-copy:hover{border-color:var(--tone)}
.tpl-copy.done{background:var(--bh-green);border-color:var(--bh-green);color:var(--bh-bg)}
.tpl-text{margin:0;padding:12px 14px;border-radius:8px;background:var(--bh-field);border:1px solid var(--bh-line);color:var(--bh-muted);line-height:1.6;font-size:.92rem}
.tpl-text mark{padding:0 .3em;border-radius:4px;font-weight:700}
.tpl-text mark.set{color:var(--bh-green);background:rgba(84,244,114,.12)}
.tpl-text mark.open{color:var(--bh-warn);background:rgba(255,209,102,.12)}
.tpl-empty{margin:0;padding:24px;text-align:center;color:var(--bh-faint);border:1px dashed var(--bh-line);border-radius:10px}
.tpl-rules{padding:18px 20px;border-radius:10px;background:var(--bh-panel);border:1px solid var(--bh-line);border-left:3px solid var(--bh-warn)}
.tpl-rules h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1.05rem}
.tpl-rules h2 svg{color:var(--bh-warn)}
.tpl-rules ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tpl-rules li{display:grid;grid-template-columns:auto 1fr;gap:8px;color:var(--bh-muted)}
.tpl-rules li svg{color:var(--bh-green);margin-top:2px}
@media (max-width:980px){.tpl-fields{grid-template-columns:1fr 1fr}.tpl-grid{grid-template-columns:1fr}}
@media (max-width:640px){.tpl-fields,.tpl-rules ul{grid-template-columns:1fr}.tpl-hero{flex-direction:column;align-items:flex-start}}

/* Team area: team news and the red number for unread news */
[data-tnews-link] svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tnews-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:auto;border-radius:999px;background:#ff3b4f;color:#fff;font-size:.72rem;font-weight:900;line-height:1;box-shadow:0 0 0 2px var(--bh-bg),0 0 14px rgba(255,59,79,.6);animation:tnews-pulse 2.2s ease-in-out infinite}
@keyframes tnews-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.tnews-badge{animation:none}}
.tnp{--red:#ff3b4f;--owner:#ff5c6c;--admin:#ff7a59;--manager:#e6b93a;--team:#6fd6ea;display:grid;gap:22px}
.tnp svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tnp [hidden]{display:none!important}
.tnp-loading{color:var(--bh-faint)}
.tnp-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"icon copy actions" "stats stats stats";gap:18px 20px;align-items:center;padding:26px 28px;border-radius:16px;overflow:hidden;border:1px solid var(--bh-line);
  background:radial-gradient(90% 160% at 0% 0%,rgba(255,59,79,.18),transparent 55%),radial-gradient(80% 140% at 100% 100%,rgba(111,214,234,.10),transparent 60%),linear-gradient(135deg,var(--bh-panel-2),var(--bh-panel))}
.tnp-hero-icon{grid-area:icon;position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:var(--red);background:rgba(255,59,79,.12);border:1px solid rgba(255,59,79,.4)}
.tnp-hero-icon svg{width:30px;height:30px}
.tnp-hero-icon span{position:absolute;top:-8px;right:-8px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--red);color:#fff;font-size:.8rem;font-weight:900;box-shadow:0 0 0 3px var(--bh-panel-2),0 0 16px rgba(255,59,79,.6)}
.tnp-hero-copy{grid-area:copy}
.tnp-hero-copy h2{margin:0 0 4px;font-family:var(--bh-display);font-size:1.6rem}
.tnp-hero-copy p{margin:0;color:var(--bh-muted)}
.tnp-hero-copy strong{color:var(--red)}
.tnp-hero-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.tnp-hero-actions .button,.tnp-hero-actions .filter{display:inline-flex;align-items:center;gap:6px}
.tnp-stats{grid-area:stats;display:grid;gap:10px;margin:0}
.tnp-stats div{padding:12px 16px;border-radius:12px;background:rgba(3,7,13,.35);border:1px solid var(--bh-line)}
.tnp-stats dt{color:var(--bh-faint);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tnp-stats dd{margin:2px 0 0;font-family:var(--bh-display);font-size:1.6rem;font-weight:900}
.tnp-stats dd.hot{color:var(--red)}
.tnp-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border-radius:999px;background:var(--bh-panel);border:1px solid var(--bh-line);justify-self:start}
.tnp-tabs button{display:inline-flex;align-items:center;gap:8px;padding:.45rem 1rem;border-radius:999px;border:0;background:transparent;color:var(--bh-muted);font:inherit;font-weight:700;cursor:pointer}
.tnp-tabs button span{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--bh-field);color:var(--bh-faint);font-size:.75rem}
.tnp-tabs button:hover{color:var(--bh-text)}
.tnp-tabs button.active{background:var(--bh-panel-2);color:var(--bh-text);box-shadow:inset 0 0 0 1px var(--bh-line-2)}
.tnp-tabs button.active span{background:var(--red);color:#fff}
.tnp-pinned h2,.tnp-group h2{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--bh-faint);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tnp-pinned h2 svg{color:var(--bh-warn);fill:var(--bh-warn)}
.tnp-group h2 span{padding:.2rem .7rem;border-radius:999px;background:var(--bh-panel);border:1px solid var(--bh-line)}
.tnp-group h2::after{content:"";flex:1;height:1px;background:var(--bh-line)}
.tnp-pinned-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.tnp-timeline{position:relative;display:grid;gap:14px;padding-left:26px}
.tnp-timeline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;border-radius:2px;background:linear-gradient(var(--bh-line-2),transparent)}
.tnp-timeline>.tnp-card::before{content:"";position:absolute;left:-24px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--bh-panel-2);border:2px solid var(--bh-line-2)}
.tnp-timeline>.tnp-card.unread::before{background:var(--red);border-color:var(--red);box-shadow:0 0 10px rgba(255,59,79,.7)}
.tnp-card{position:relative;display:grid;gap:10px;padding:18px 20px;border-radius:14px;background:var(--bh-panel);border:1px solid var(--bh-line);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.tnp-card:hover{border-color:var(--bh-line-2);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.tnp-card.unread{border-color:rgba(255,59,79,.45);background:linear-gradient(180deg,rgba(255,59,79,.06),transparent 60%),var(--bh-panel)}
.tnp-card.important{border-color:rgba(255,209,102,.4)}
.tnp-card.big{padding:22px 24px;background:linear-gradient(160deg,rgba(255,209,102,.09),transparent 55%),var(--bh-panel)}
.tnp-card header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}
.tnp-avatar{--tone:var(--team);display:grid;place-items:center;width:40px;height:40px;border-radius:12px;font-weight:900;font-size:.9rem;color:var(--tone);background:color-mix(in srgb,var(--tone) 14%,transparent);border:1px solid color-mix(in srgb,var(--tone) 45%,transparent)}
.tnp-avatar.owner{--tone:var(--owner)}.tnp-avatar.admin{--tone:var(--admin)}.tnp-avatar.manager{--tone:var(--manager)}
.tnp-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.tnp-who strong{font-size:.95rem}
.tnp-who time{flex-basis:100%;color:var(--bh-faint);font-size:.8rem}
.tnp-rank{--tone:var(--team);padding:.05rem .5rem;border-radius:999px;font-size:.68rem;font-weight:800;color:var(--tone);background:color-mix(in srgb,var(--tone) 12%,transparent)}
.tnp-rank.owner{--tone:var(--owner)}.tnp-rank.admin{--tone:var(--admin)}.tnp-rank.manager{--tone:var(--manager)}
.tnp-flags{display:flex;gap:6px}
.tnp-flag{display:inline-flex;align-items:center;gap:4px;padding:.2rem .6rem;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.tnp-flag.new{background:var(--red);color:#fff}
.tnp-flag.important{color:var(--bh-warn);background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.35)}
.tnp-flag.important svg{width:12px;height:12px;fill:currentColor}
.tnp-card h3{margin:2px 0 0;font-family:var(--bh-display);font-size:1.2rem;line-height:1.3}
.tnp-card.big h3{font-size:1.35rem}
.tnp-body{color:var(--bh-muted);line-height:1.65}
.tnp-card footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--bh-line)}
.tnp-spacer{flex:1}
.tnp-btn{display:inline-flex;align-items:center;gap:6px;padding:.4rem .8rem;border-radius:8px;border:1px solid var(--bh-line);background:var(--bh-field);color:var(--bh-muted);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}
.tnp-btn:hover{color:var(--bh-text);border-color:var(--bh-line-2)}
.tnp-btn.primary{color:#fff;background:var(--red);border-color:var(--red)}
.tnp-btn.primary:hover{filter:brightness(1.08);color:#fff}
.tnp-btn.danger:hover{color:var(--bh-danger);border-color:var(--bh-danger)}
.tnp-seen{display:inline-flex;align-items:center;gap:6px;color:var(--bh-green);font-size:.82rem;font-weight:700}
.tnp-empty{display:grid;justify-items:center;gap:6px;padding:40px 20px;border-radius:14px;border:1px dashed var(--bh-line);color:var(--bh-faint);text-align:center}
.tnp-empty svg{width:34px;height:34px;color:var(--bh-line-2)}
.tnp-empty strong{color:var(--bh-text)}
.tnp-composer{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:20px;border-radius:16px;background:var(--bh-panel);border:1px solid var(--bh-line-2);box-shadow:0 14px 32px rgba(0,0,0,.25)}
.tnp-composer-fields{display:grid;gap:12px;align-content:start}
.tnp-composer h3{margin:0;font-family:var(--bh-display);font-size:1.15rem}
.tnp-composer label{display:grid;gap:6px}
.tnp-composer label>span{color:var(--bh-faint);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.tnp .tnp-composer input:not([type=checkbox]),.tnp .tnp-composer textarea{width:100%;padding:.7rem .85rem;border-radius:10px;background:var(--bh-field);border:1px solid var(--bh-line);color:var(--bh-text);font:inherit;resize:vertical}
.tnp-composer input:focus,.tnp-composer textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(255,59,79,.15)}
.tnp-check{display:flex!important;align-items:center;gap:8px}
.tnp-check span{display:inline-flex;align-items:center;gap:6px;color:var(--bh-muted)!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}
.tnp-check svg{color:var(--bh-warn)}
.tnp-actions{display:flex;gap:8px}
.tnp-error{margin:0;color:var(--bh-danger)}
.tnp-preview{display:grid;gap:10px;align-content:start;padding:14px;border-radius:12px;background:var(--bh-bg-2);border:1px dashed var(--bh-line)}
.tnp-preview small{display:inline-flex;align-items:center;gap:6px;color:var(--bh-faint);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tnp-preview .tnp-card{pointer-events:none}
.tnp-preview .tnp-card footer{display:none}
@media (max-width:900px){.tnp-composer{grid-template-columns:1fr}.tnp-hero{grid-template-columns:auto 1fr;grid-template-areas:"icon copy" "actions actions" "stats stats"}.tnp-hero-actions{justify-content:flex-start}}
@media (max-width:560px){.tnp-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.tnp-hero{padding:20px}.tnp-timeline{padding-left:0}.tnp-timeline::before,.tnp-timeline>.tnp-card::before{display:none}.tnp-card header{grid-template-columns:auto 1fr}.tnp-flags{grid-column:1/-1}}
.tnp-fav{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:9px;border:1px solid var(--bh-line);background:var(--bh-field);color:var(--bh-faint);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease}
.tnp-fav:hover{color:#ff6b9a;border-color:#ff6b9a}
.tnp-fav:active{transform:scale(.9)}
.tnp-fav.on{color:#ff6b9a;border-color:rgba(255,107,154,.5);background:rgba(255,107,154,.12)}
.tnp-fav.on svg{fill:currentColor}
.tnp-flags{align-items:center}
.tnp-card.fav{box-shadow:inset 3px 0 0 #ff6b9a}
.tnp-stats{grid-template-columns:repeat(4,1fr)}
.tnp-stats dd.fav{color:#ff6b9a}
@media (max-width:560px){.tnp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tnp .tnp-card footer{margin:0;padding:12px 0 0;background:none;border-radius:0;box-shadow:none;min-height:0}
/* 2FA setup: QR code */
.security-qr{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin:0 0 16px;padding:16px;border-radius:12px;background:var(--bh-panel-2);border:1px solid var(--bh-line)}
.security-qr-code{width:200px;padding:8px;border-radius:10px;background:#fff}
.security-qr-code svg{display:block;width:100%;height:auto}
.security-qr h3{margin:0 0 6px}
.security-qr p{margin:0 0 6px;color:var(--bh-muted)}
.security-qr .security-qr-or{margin:0;color:var(--bh-faint);font-size:.88rem}
@media (max-width:560px){.security-qr{grid-template-columns:1fr;justify-items:center;text-align:center}}

/* Team area: ticket desk, applications, tasks, absences and onboarding in the look of the news page */
.tn-skin{--tone:#6fd6ea;--tone-soft:rgba(111,214,234,.12);--tone-line:rgba(111,214,234,.4)}
.tn-skin.tone-violet{--tone:#c08bff;--tone-soft:rgba(192,139,255,.12);--tone-line:rgba(192,139,255,.4)}
.tn-skin.tone-green{--tone:#54f472;--tone-soft:rgba(84,244,114,.12);--tone-line:rgba(84,244,114,.4)}
.tn-skin.tone-orange{--tone:#ffb15c;--tone-soft:rgba(255,177,92,.12);--tone-line:rgba(255,177,92,.4)}
.tn-skin.tone-gold{--tone:#ffc857;--tone-soft:rgba(255,200,87,.12);--tone-line:rgba(255,200,87,.4)}
.tn-skin svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* header */
.tn-skin .tn-hero{margin-bottom:22px;grid-template-areas:"icon copy actions" "stats stats stats";
  background:radial-gradient(90% 160% at 0% 0%,var(--tone-soft),transparent 55%),radial-gradient(80% 140% at 100% 100%,rgba(111,214,234,.08),transparent 60%),linear-gradient(135deg,var(--bh-panel-2),var(--bh-panel))}
.tn-skin .tn-hero .tnp-hero-icon{color:var(--tone);background:var(--tone-soft);border-color:var(--tone-line)}
.tn-skin .tn-hero .tnp-hero-actions .button,.tn-skin .tn-hero .tnp-hero-actions .filter{display:inline-flex;align-items:center;gap:6px}
.tn-hero-stats{grid-area:stats;min-width:0}
.tn-hero-stats>*{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.tn-hero-stats>*>*{display:flex!important;flex-direction:column-reverse;justify-content:flex-end;gap:2px;min-width:0;margin:0!important;padding:12px 16px!important;border-radius:12px!important;background:rgba(3,7,13,.35)!important;border:1px solid var(--bh-line)!important;box-shadow:none!important;text-align:left}
.tn-hero-stats>*>*>strong,.tn-hero-stats>*>*>b{font-family:var(--bh-display);font-size:1.6rem;font-weight:900;line-height:1.1;color:var(--bh-text)}
.tn-hero-stats>*>*>span,.tn-hero-stats>*>*>small{color:var(--bh-faint);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.tn-hero-stats>*>*:first-child>strong{color:var(--tone)}
/* onboarding: the progress bar is the header's number row */
.tn-skin-handbook .tn-hero-stats>.bh-onb-progress{display:grid!important;grid-template-columns:1fr minmax(160px,2fr) auto!important;align-items:center;padding:14px 18px!important;border-radius:12px!important;background:rgba(3,7,13,.35)!important;border:1px solid var(--bh-line)!important}
.tn-skin-handbook .bh-onb-progress>div:first-child{display:block!important;padding:0!important;border:0!important;background:none!important;flex-direction:initial}
.tn-skin-handbook .bh-onb-progress h2{margin:0;font-size:1rem}
.tn-skin-handbook .bh-onb-progress p{margin:2px 0 0;color:var(--bh-muted)}
.tn-skin-handbook .bh-onb-progress>strong{font-family:var(--bh-display);font-size:1.5rem;color:var(--tone)}
.tn-skin-handbook .bh-onb-bar{display:block!important;height:10px;padding:0!important;border-radius:999px!important;background:var(--bh-field)!important;border:0!important;overflow:hidden}
.tn-skin-handbook .bh-onb-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--tone),#54f472)}

/* headings of the groups: a pill with a line, like "Heute" on the news page */
.tn-skin .bh-acc-heading,.tn-skin .bh-board-col>h2,.tn-skin .panel-box-heading h2{display:flex;align-items:center;gap:8px;margin:22px 0 12px;color:var(--bh-faint);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tn-skin .bh-acc-heading::after{content:"";flex:1;height:1px;background:var(--bh-line)}
.tn-skin .bh-acc-heading:first-child{margin-top:4px}

/* rows become cards */
.tn-skin .bh-acc-list{display:grid;gap:12px}
.tn-skin .bh-acc-pending,.tn-skin .bh-inbox-list>article,.tn-skin .console-case,.tn-skin #cases-list>*{position:relative;border-radius:14px!important;background:var(--bh-panel)!important;border:1px solid var(--bh-line)!important;padding:14px 18px!important;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.tn-skin .bh-acc-pending:hover,.tn-skin .bh-inbox-list>article:hover,.tn-skin #cases-list>*:hover{border-color:var(--bh-line-2)!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.tn-skin .bh-app-initial{border-radius:12px!important;color:var(--tone)!important;background:var(--tone-soft)!important;border:1px solid var(--tone-line)!important;font-weight:900}
.tn-skin .bh-acc-state{border-radius:999px!important;font-size:.72rem!important;font-weight:800!important;padding:.25rem .7rem!important}
.tn-skin .bh-acc-buttons .button,.tn-skin .bh-acc-buttons .filter{border-radius:8px}

/* forms become the composer of the news page */
.tn-skin .bh-acc-invite,.tn-skin details.panel-box,.tn-skin .bh-dialog-form{border-radius:16px!important;background:var(--bh-panel)!important;border:1px solid var(--bh-line-2)!important;box-shadow:0 14px 32px rgba(0,0,0,.25)}
.tn-skin .bh-acc-invite{padding:20px!important;border-top:3px solid var(--tone)!important}
.tn-skin .bh-acc-invite h2{font-family:var(--bh-display);font-size:1.15rem}
.tn-skin input:not([type=checkbox]):not([type=radio]):focus,.tn-skin select:focus,.tn-skin textarea:focus{outline:none;border-color:var(--tone)!important;box-shadow:0 0 0 3px var(--tone-soft)!important}

/* toolbars and filters: pill row like the news tabs */
.tn-skin .bh-task-bar,.tn-skin .bh-inbox-bar,.tn-skin .console-filters{padding:8px!important;border-radius:16px!important;background:var(--bh-panel)!important;border:1px solid var(--bh-line)!important;gap:8px!important}
.tn-skin .bh-task-bar input[type=search],.tn-skin .bh-inbox-bar input[type=search]{border-radius:999px!important}

/* the big boxes around lists */
.tn-skin>.panel-box,.tn-skin .bh-inbox{border-radius:16px!important;border:1px solid var(--bh-line)!important;background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel))!important}

/* task board: columns with a coloured pill as heading, cards like news cards */
.tn-skin .bh-board{gap:14px}
.tn-skin .bh-board-col{border-radius:16px!important;background:rgba(3,7,13,.25)!important;border:1px solid var(--bh-line)!important;border-top:3px solid var(--col,var(--bh-line-2))!important;padding:12px!important}
.tn-skin .bh-board-col[data-status=todo]{--col:#6fd6ea}.tn-skin .bh-board-col[data-status=doing]{--col:#ffb15c}.tn-skin .bh-board-col[data-status=review]{--col:#c08bff}.tn-skin .bh-board-col[data-status=done]{--col:#54f472}
.tn-skin .bh-board-col>h2{margin:2px 4px 12px;color:var(--col)}
.tn-skin .bh-board-col>h2 em{margin-left:auto;display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--col);color:var(--bh-bg);font-style:normal;font-size:.72rem}
.tn-skin .bh-task{border-radius:12px!important;background:var(--bh-panel)!important;border:1px solid var(--bh-line)!important;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.tn-skin .bh-task:hover{border-color:var(--bh-line-2)!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.tn-skin .bh-task[data-priority=high]{box-shadow:inset 3px 0 0 #ff3b4f}
.tn-skin .bh-task-project{border-radius:999px!important}

/* onboarding steps: a timeline with dots, done steps green */
.tn-skin .bh-onb-steps{position:relative;display:grid;gap:12px;padding-left:30px!important;list-style:none;counter-reset:none}
.tn-skin .bh-onb-steps::before{content:"";position:absolute;left:10px;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(var(--tone-line),transparent)}
.tn-skin .bh-onb-step{position:relative;border-radius:14px!important;background:var(--bh-panel)!important;border:1px solid var(--bh-line)!important;transition:border-color .15s ease,transform .15s ease}
.tn-skin .bh-onb-step:hover{border-color:var(--bh-line-2)!important;transform:translateY(-1px)}
.tn-skin .bh-onb-step::before{content:"";position:absolute;left:-26px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--bh-panel-2);border:2px solid var(--bh-line-2)}
.tn-skin .bh-onb-step.done::before{background:#54f472;border-color:#54f472;box-shadow:0 0 10px rgba(84,244,114,.6)}
.tn-skin .bh-onb-step.done{border-color:rgba(84,244,114,.35)!important;background:linear-gradient(180deg,rgba(84,244,114,.05),transparent 60%),var(--bh-panel)!important}
.tn-skin .bh-onb-no{border-radius:12px!important;color:var(--tone)!important;background:var(--tone-soft)!important;border:1px solid var(--tone-line)!important}
.tn-skin .bh-onb-step.done .bh-onb-no{color:#54f472!important;background:rgba(84,244,114,.12)!important;border-color:rgba(84,244,114,.4)!important}

@media (max-width:900px){.tn-skin .tn-hero{grid-template-areas:"icon copy" "actions actions" "stats stats"}}
@media (max-width:560px){.tn-skin .bh-onb-steps{padding-left:0!important}.tn-skin .bh-onb-steps::before,.tn-skin .bh-onb-step::before{display:none}.tn-skin-handbook .tn-hero-stats>.bh-onb-progress{grid-template-columns:1fr auto!important}.tn-skin-handbook .bh-onb-bar{grid-column:1/-1}}
.tn-skin-handbook .bh-onb-progress>strong{background:none!important;border:0!important;padding:0!important}
.tn-skin #cases-list>*:has(.ticket-unread){border-color:rgba(255,59,79,.45)!important;background:linear-gradient(180deg,rgba(255,59,79,.06),transparent 60%),var(--bh-panel)!important}
.tn-skin.tone-red{--tone:#ff5c6c;--tone-soft:rgba(255,92,108,.12);--tone-line:rgba(255,92,108,.4)}
/* own headers (punishment catalogue, support templates) in the shape of the news header */
.tn-skin .tn-own-hero{padding:26px 28px!important;border-radius:16px!important;border:1px solid var(--bh-line)!important;
  background:radial-gradient(90% 160% at 0% 0%,var(--tone-soft),transparent 55%),radial-gradient(80% 140% at 100% 100%,rgba(111,214,234,.08),transparent 60%),linear-gradient(135deg,var(--bh-panel-2),var(--bh-panel))!important}
.tn-skin .tn-own-hero h2{font-family:var(--bh-display);font-size:1.6rem}
.tn-skin .tn-own-hero [class$=hero-icon]{display:grid!important;place-items:center;width:64px!important;height:64px!important;border-radius:18px!important;color:var(--tone)!important;background:var(--tone-soft)!important;border:1px solid var(--tone-line)!important}
/* the overview: its boxes as cards */
.tn-skin .bh-dashboard-grid>.panel-box,.tn-skin .team-dashboard aside>.panel-box,.tn-skin .team-dashboard .panel-box{border-radius:16px!important;border:1px solid var(--bh-line)!important;background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel))!important}
.tn-skin .hype-section-title h2{display:flex;align-items:center;gap:8px;color:var(--bh-faint);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
/* overview numbers: icon left, label above the value */
.tn-hero-stats>*>*:has(.bh-metric-icon){flex-direction:row!important;align-items:center!important;gap:12px}
.tn-hero-stats .bh-metric-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;color:var(--tone);background:var(--tone-soft);border:1px solid var(--tone-line)}
.tn-hero-stats>*>*>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.tn-hero-stats>*>*>div>small{color:var(--bh-faint);font-size:.72rem;font-weight:800;text-transform:uppercase;text-overflow:ellipsis}
.tn-hero-stats>*>*>div>strong{font-family:var(--bh-display);font-weight:900;line-height:1.15;color:var(--bh-text)}
.tn-skin-overview .tn-hero-stats>*{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
.tn-hero-stats>*>*>div>small{white-space:normal;overflow:visible}
.tn-hero-stats>*>*>div>strong{overflow-wrap:normal;word-break:normal;font-size:1.25rem}
.tn-hero-stats>*>*>div>small{letter-spacing:.05em;hyphens:auto;overflow-wrap:normal;word-break:normal}

/* ---------- Game mode pages: /skyblock and /minigames ---------- */
.bh-mode-page{display:grid;gap:clamp(36px,6vw,64px)}
.bh-mode-section{display:grid;gap:18px}
.bh-mode-section .bh-section-head{margin:0}
.bh-mode-note{color:var(--bh-muted);max-width:780px;margin:0}
.bh-mode-note code,.bh-mode-cta code{font-family:var(--bh-mono);color:var(--bh-green);background:var(--bh-field);border:1px solid var(--bh-line);padding:1px 6px;border-radius:var(--bh-radius)}
.bh-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.bh-feature{display:grid;gap:10px;align-content:start;transition:transform .15s ease,border-color .15s ease}
.bh-feature:hover{transform:translateY(-3px);border-color:var(--bh-line-2)}
.bh-feature h3{margin:0;font-family:var(--bh-display);font-size:1.05rem;letter-spacing:.01em}
.bh-feature p{margin:0;color:var(--bh-muted);font-size:.95rem;line-height:1.55}
.bh-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--bh-radius);background:linear-gradient(135deg,rgba(84,244,114,.22),rgba(84,244,114,.06));border:2px solid rgba(84,244,114,.45);color:var(--bh-green)}
.bh-feature.blue .bh-feature-icon{background:linear-gradient(135deg,rgba(111,214,234,.22),rgba(111,214,234,.06));border-color:rgba(111,214,234,.45);color:var(--bh-cyan)}
.bh-feature-icon svg{width:22px;height:22px}
.bh-chips{display:flex;flex-wrap:wrap;gap:10px}
.bh-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--bh-radius);border:2px solid var(--bh-line-2);background:var(--bh-panel);color:var(--bh-text);font-weight:700;font-size:.9rem;box-shadow:0 3px 0 var(--bh-edge)}
.bh-chip.green{border-color:rgba(84,244,114,.6);color:var(--bh-green)}
.bh-chip.blue{border-color:rgba(111,214,234,.6);color:var(--bh-cyan)}
.bh-chip.warn{border-color:rgba(255,159,90,.6);color:#ff9f5a}
.bh-chip.gold{border-color:rgba(255,209,102,.7);color:var(--bh-warn)}
.bh-upgrade-table{display:grid;border:2px solid var(--bh-line);border-radius:var(--bh-radius);overflow:hidden;background:var(--bh-panel)}
.bh-upgrade-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(130px,.8fr) 2fr;gap:16px;align-items:center;padding:14px 18px;border-top:1px solid var(--bh-line)}
.bh-upgrade-row:first-child{border-top:0}
.bh-upgrade-row:nth-child(odd){background:rgba(255,255,255,.015)}
.bh-upgrade-row strong{font-family:var(--bh-display)}
.bh-upgrade-row span{font-family:var(--bh-mono);color:var(--bh-green);font-size:.92rem}
.bh-upgrade-row small{color:var(--bh-muted);font-size:.92rem}
.bh-mode-commands{width:100%;max-width:860px}
.bh-mode-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(120deg,rgba(84,244,114,.12),rgba(84,158,182,.1)),linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel))}
.bh-mode-cta h3{margin:0 0 6px;font-family:var(--bh-display);font-size:1.4rem}
.bh-mode-cta p{margin:0;color:var(--bh-muted)}
.bh-mode-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(18px,3vw,32px);align-items:center}
.bh-mode-split img{width:100%;height:auto;border-radius:var(--bh-radius);border:2px solid var(--bh-line)}
.bh-mode-split p{color:var(--bh-muted)}
.bh-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bh-mode-card{display:grid;gap:10px;align-content:start;border-top-width:4px}
.bh-mode-card p{margin:0;color:var(--bh-text)}
.bh-mode-card ul{margin:0;padding-left:18px;color:var(--bh-muted);display:grid;gap:4px}
.bh-mode-card.battle{border-top-color:#ff8a4c}.bh-mode-card.battle .bh-kicker{color:#ffb347}
.bh-mode-card.knock{border-top-color:#25d9ff}.bh-mode-card.knock .bh-kicker{color:#25d9ff}
.bh-mode-card.rush{border-top-color:#a77bff}.bh-mode-card.rush .bh-kicker{color:#c39bff}
.bh-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;counter-reset:tier}
.bh-ladder li{position:relative;display:grid;gap:4px;justify-items:center;text-align:center;padding:16px 6px 14px;border-radius:var(--bh-radius);border:2px solid var(--bh-line);background:var(--bh-panel);box-shadow:0 4px 0 var(--bh-edge)}
.bh-ladder li::before{counter-increment:tier;content:counter(tier);font-family:var(--bh-mono);font-size:.75rem;color:var(--bh-faint)}
.bh-ladder b{font-family:var(--bh-display);font-size:.95rem}
.bh-ladder span{font-family:var(--bh-mono);font-size:.82rem;color:var(--bh-muted)}
.bh-ladder .tier-bronze b{color:#cd7f32}.bh-ladder .tier-silver b{color:#d4dbe5}.bh-ladder .tier-gold b{color:#ffd200}
.bh-ladder .tier-platinum b{color:#9face6}.bh-ladder .tier-diamond b{color:#25d9ff}.bh-ladder .tier-master b{color:#e056fd}
.bh-ladder .tier-grandmaster b{color:#b06ef0}.bh-ladder .tier-champion b{color:#ff8a6d}
.bh-ladder .tier-legend{border-color:rgba(84,244,114,.6);background:linear-gradient(180deg,rgba(84,244,114,.14),var(--bh-panel))}
.bh-ladder .tier-legend b{background:var(--bh-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (max-width:980px){.bh-ladder{grid-template-columns:repeat(3,minmax(0,1fr))}.bh-mode-cards{grid-template-columns:1fr}}
@media (max-width:720px){.bh-mode-split{grid-template-columns:1fr}.bh-upgrade-row{grid-template-columns:1fr;gap:4px}.bh-mode-cta{flex-direction:column;align-items:flex-start}}

/* ---------- Team page (/team): overview, leadership, departments, career path ---------- */
.bh-team-page{display:grid;gap:clamp(48px,7vw,88px)}
/* Hero: copy on the left, a wall of team faces on the right */
.bh-team-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:2px solid var(--bh-line);background:#060b14 var(--bh-hero-image,none) center 35%/cover no-repeat}
.bh-team-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,11,20,.95) 0%,rgba(6,11,20,.8) 50%,rgba(6,11,20,.55) 100%),linear-gradient(180deg,transparent 60%,var(--bh-bg))}
.bh-team-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(48px,7vw,88px) 0}
.bh-team-hero .bh-display{font-size:clamp(2.6rem,6vw,5rem);margin:14px 0 16px}
.bh-team-hero .bh-lead{max-width:52ch;margin:0;color:#d3def0}
.bh-team-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0;padding:0;list-style:none}
.bh-team-pills li{padding:.5rem .85rem;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);background:rgba(6,11,20,.7);color:var(--bh-muted);font-weight:700;font-size:.88rem}
.bh-team-pills b{font-family:var(--bh-display);font-weight:900;font-size:1.1rem;color:var(--bh-green);margin-right:2px}
.bh-team-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transform:rotate(-3deg)}
.bh-team-wall i{position:relative;display:block;aspect-ratio:1;border-radius:var(--bh-radius);border:2px solid var(--bh-line-2);background:linear-gradient(135deg,rgba(84,244,114,.22),rgba(84,158,182,.14)),#0b1524;box-shadow:inset 5px 5px 0 rgba(255,255,255,.06),inset -5px -5px 0 rgba(0,0,0,.28),0 5px 0 var(--bh-edge);overflow:hidden}
.bh-team-wall i:nth-child(3n){background:linear-gradient(135deg,rgba(111,214,234,.2),rgba(16,26,43,.6))}
.bh-team-wall i:nth-child(4n+1){background:linear-gradient(135deg,rgba(84,158,182,.22),rgba(16,26,43,.7))}
.bh-team-wall i:nth-child(odd){transform:translateY(14px)}
.bh-team-wall i[data-rank-tone]{border-color:var(--rank);box-shadow:0 5px 0 color-mix(in srgb,var(--rank) 35%,#000)}
.bh-team-wall .bh-person-avatar{width:100%;height:100%;border:0;border-radius:0}
.bh-team-wall i .bh-person-avatar{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:900px){.bh-team-hero-inner{grid-template-columns:1fr}.bh-team-wall{grid-template-columns:repeat(6,1fr);transform:none}.bh-team-wall i:nth-child(odd){transform:none}}
@media (max-width:520px){.bh-team-wall{grid-template-columns:repeat(4,1fr)}.bh-team-wall i:nth-child(n+9){display:none}}
/* Leadership spotlight */
.bh-spotlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.bh-spotlight{position:relative;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:26px;border:2px solid color-mix(in srgb,var(--rank) 45%,var(--bh-line));border-radius:var(--bh-radius);background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--rank) 22%,transparent),transparent 55%),linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel));box-shadow:0 6px 0 color-mix(in srgb,var(--rank) 30%,#000)}
.bh-spotlight .bh-person-avatar{width:120px;height:120px;border:3px solid var(--rank);font-size:1.6rem}
.bh-spotlight h3{margin:10px 0 6px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.bh-spotlight p{margin:0;color:var(--bh-muted);line-height:1.55}
.bh-spotlight>div:last-child{min-width:0;overflow-wrap:anywhere}
@media (max-width:520px){.bh-spotlight{grid-template-columns:1fr}.bh-spotlight .bh-person-avatar{width:96px;height:96px}}
/* Areas as big switches, members as cards */
.bh-team-roster .bh-section-head{align-items:end}
.bh-area-picks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px}
.bh-area-pick{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border:2px solid var(--bh-line);border-top:3px solid var(--rank);border-radius:var(--bh-radius);background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel));color:var(--bh-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.bh-area-pick:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rank) 60%,var(--bh-line))}
.bh-area-pick[aria-pressed=true]{border-color:var(--rank);background:linear-gradient(180deg,color-mix(in srgb,var(--rank) 18%,var(--bh-panel-2)),var(--bh-panel));box-shadow:0 5px 0 color-mix(in srgb,var(--rank) 35%,#000)}
.bh-area-pick:focus-visible{outline:3px solid var(--bh-cyan);outline-offset:2px}
.bh-area-pick .bh-feature-icon{color:var(--rank);border-color:color-mix(in srgb,var(--rank) 55%,transparent);background:color-mix(in srgb,var(--rank) 14%,transparent)}
.bh-area-pick strong{display:flex;align-items:center;gap:8px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:1.05rem}
.bh-area-pick strong b{padding:1px 7px;border-radius:3px;background:color-mix(in srgb,var(--rank) 18%,transparent);color:var(--rank);font:800 .78rem var(--bh-mono)}
.bh-area-pick small{display:block;margin-top:4px;color:var(--bh-muted);font-size:.8rem;line-height:1.4}
@media (prefers-reduced-motion:reduce){.bh-area-pick{transition:none}.bh-area-pick:hover{transform:none}}
.bh-crew-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}
.bh-crew{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px 18px;border:2px solid var(--bh-line);border-radius:var(--bh-radius);background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel));box-shadow:0 5px 0 var(--bh-edge);text-align:center;overflow:hidden;transition:transform .15s,border-color .15s}
.bh-crew:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rank) 55%,var(--bh-line))}
.bh-crew-stage{display:grid;place-items:center;width:calc(100% + 32px);margin-bottom:6px;padding:22px 0 18px;background:radial-gradient(circle at 50% 70%,color-mix(in srgb,var(--rank) 35%,transparent),transparent 65%),linear-gradient(180deg,color-mix(in srgb,var(--rank) 14%,#0a1220),#0a1220);border-bottom:2px solid color-mix(in srgb,var(--rank) 40%,var(--bh-line))}
.bh-crew .bh-person-avatar{width:88px;height:88px;border:2px solid var(--rank);box-shadow:0 5px 0 rgba(0,0,0,.35)}
.bh-crew h3{margin:0;font-size:1.08rem;overflow-wrap:anywhere}
.bh-crew p{margin:0;color:var(--bh-faint);font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}
.bh-crew-empty{grid-column:1/-1;display:grid;justify-items:center;gap:12px;padding:30px;border:2px dashed var(--bh-line-2);border-radius:var(--bh-radius);color:var(--bh-muted);text-align:center}
.bh-crew-empty p{margin:0}
@media (prefers-reduced-motion:reduce){.bh-crew{transition:none}.bh-crew:hover{transform:none}}
@media (max-width:1080px){.bh-area-picks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.bh-area-picks{grid-template-columns:1fr 1fr}.bh-area-pick small{display:none}.bh-crew-grid{grid-template-columns:1fr 1fr;gap:12px}.bh-crew .bh-person-avatar{width:72px;height:72px}}
/* Career as a level path */
.bh-team-levels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.bh-team-levels::before{content:"";position:absolute;left:4%;right:4%;top:22px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--bh-line-2),var(--bh-green))}
.bh-team-levels li{position:relative;padding-top:58px}
.bh-level-no{position:absolute;top:0;left:0;display:grid;place-items:center;min-width:76px;height:48px;padding:0 10px;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);background:var(--bh-panel-2);box-shadow:0 4px 0 var(--bh-edge);font:900 .9rem var(--bh-display);letter-spacing:.06em;color:var(--bh-cyan)}
.bh-team-levels li:last-child .bh-level-no{background:var(--bh-grad);border-color:#0b2f18;color:#04170b;box-shadow:0 4px 0 var(--bh-green-deep)}
.bh-team-levels h3{margin:0 0 6px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:1.2rem}
.bh-team-levels p{margin:0;color:var(--bh-muted);font-size:.9rem;line-height:1.5}
@media (max-width:860px){.bh-team-levels{grid-template-columns:1fr;gap:22px}.bh-team-levels::before{left:36px;right:auto;top:10px;bottom:10px;width:4px;height:auto;background:linear-gradient(180deg,var(--bh-line-2),var(--bh-green))}.bh-team-levels li{padding:0 0 0 96px;min-height:48px}}
/* Recruiting block */
.bh-team-join{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(24px,4vw,48px);align-items:start;padding:clamp(24px,4vw,44px);border:2px solid #2a5a52;border-radius:var(--bh-radius);background:linear-gradient(135deg,rgba(84,244,114,.12),rgba(84,158,182,.1) 55%,rgba(16,26,43,.92)),var(--bh-panel);box-shadow:0 6px 0 var(--bh-edge)}
.bh-team-join-copy>p{margin:0 0 20px;color:#d2e0f2;max-width:58ch}
.bh-team-promises{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bh-team-promises li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.bh-team-promises strong{color:var(--bh-green);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;padding-top:2px}
.bh-team-promises span{color:var(--bh-muted);font-size:.92rem}
.bh-team-open{display:grid;gap:14px}
.bh-team-open h3{margin:0;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bh-cyan)}
.bh-open-roles{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bh-open-roles a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px 12px;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);background:var(--bh-field);color:var(--bh-text);text-decoration:none;transition:border-color .15s}
.bh-open-roles a:hover{border-color:var(--bh-green)}
.bh-open-roles small{grid-column:1;color:var(--bh-faint);font-size:.76rem}
.bh-open-roles svg{grid-row:1/3;grid-column:2;width:18px;height:18px;color:var(--bh-green)}
.bh-team-open>.bh-btn{width:100%}
@media (max-width:860px){.bh-team-join{grid-template-columns:1fr}.bh-team-promises li{grid-template-columns:1fr;gap:2px}}
.bh-team-search{display:flex;align-items:center;gap:8px;min-width:240px;padding:0 12px;border:2px solid var(--bh-line);border-radius:var(--bh-radius);background:var(--bh-field);color:var(--bh-faint)}
.bh-team-search:focus-within{border-color:var(--bh-cyan);color:var(--bh-cyan)}
.bh-team-search svg{width:18px;height:18px;flex:none}
.bh-team-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--bh-text);font:inherit;padding:10px 0;outline:none}
.bh-person-avatar.lg{width:88px;height:88px;font-size:1.3rem}
.bh-person-avatar.sm{width:44px;height:44px;font-size:.8rem;border-width:1px}
@media (max-width:620px){.bh-team-search{min-width:0;width:100%}}

/* ---------- General polish: lifting cards, soft reveal on scroll, home teasers ---------- */
.bh-panel{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
a.bh-panel:hover,.bh-world:hover,.bh-person:hover,.bh-leader:hover,.bh-dept:hover,.bh-step-cards li:hover,.bh-mode-card:hover{transform:translateY(-3px);border-color:var(--bh-line-2);box-shadow:0 10px 28px rgba(0,0,0,.35)}
.bh-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.bh-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.bh-reveal{opacity:1;transform:none;transition:none}.bh-panel{transition:none}a.bh-panel:hover,.bh-world:hover,.bh-person:hover,.bh-leader:hover,.bh-dept:hover,.bh-step-cards li:hover,.bh-mode-card:hover{transform:none}}
.bh-home-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
.bh-news-teaser{display:grid;gap:12px}
.bh-news-item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px 18px;text-decoration:none;color:inherit}
.bh-news-item time{font-family:var(--bh-mono);font-size:.78rem;color:var(--bh-green);padding:4px 8px;border:1px solid rgba(84,244,114,.35);border-radius:3px;white-space:nowrap}
.bh-news-item h3{margin:0 0 4px;font-size:1rem}
.bh-news-item p{margin:0;color:var(--bh-muted);font-size:.88rem;line-height:1.5}
.bh-team-teaser{display:flex;flex-direction:column;gap:14px}
.bh-team-teaser h3{margin:0;font-family:var(--bh-display);font-size:1.25rem}
.bh-team-teaser p{margin:0;color:var(--bh-muted)}
.bh-team-faces{display:flex;flex-wrap:wrap;gap:8px}
.bh-team-faces .bh-person-avatar{width:48px;height:48px;font-size:.8rem}
.bh-team-teaser .bh-actions{margin-top:auto}
@media (max-width:860px){.bh-home-split{grid-template-columns:1fr}}

/* News posts and changelogs (/news, /news/<post>) */
.bh-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bh-news-meta time{margin-left:auto;font-size:.78rem;color:var(--bh-faint)}
.bh-news-card h2 a{color:var(--bh-text);text-decoration:none}
.bh-news-card h2 a:hover{color:var(--bh-green)}
.bh-news-card .bh-link{display:inline-flex;margin-top:12px}
.bh-news-post .bh-h2{margin:14px 0 8px}
.bh-news-summary{margin:0 0 18px;font-size:1.05rem;color:var(--bh-text)}
.bh-news-body h3{margin:22px 0 8px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bh-cyan)}
.bh-news-body p{margin:0 0 10px;color:var(--bh-muted);line-height:1.6}
.bh-news-list{display:grid;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.bh-news-list li{position:relative;padding-left:20px;color:var(--bh-text);line-height:1.5}
.bh-news-list li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;background:var(--bh-green);border-radius:2px}
.bh-news-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:2px solid var(--bh-line);font-size:.82rem;color:var(--bh-faint)}
.bh-news-tools{margin-bottom:18px}
.bh-news-form{margin-bottom:22px}
.bh-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.bh-news-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.bh-news-form label{display:grid;gap:6px;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bh-muted)}
.bh-news-form input,.bh-news-form select,.bh-news-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;background:var(--bh-field);border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);color:var(--bh-text);font:400 .95rem/1.45 var(--bh-font);letter-spacing:0;text-transform:none}
.bh-news-form textarea{resize:vertical;font-family:var(--bh-mono);font-size:.85rem}
.bh-news-form input:focus,.bh-news-form select:focus,.bh-news-form textarea:focus{outline:none;border-color:var(--bh-green)}
.bh-news-form .bh-news-check{display:flex;align-items:center;gap:10px;margin:6px 0 4px;text-transform:none;letter-spacing:0;font-size:.9rem;color:var(--bh-text)}
.bh-news-form .bh-news-check input{width:auto}
.bh-news-hint{margin:0 0 10px;font-size:.82rem;color:var(--bh-faint)}
.bh-news-feedback{min-height:1.2em;margin:0 0 6px;color:var(--bh-danger)}
@media (max-width:760px){.bh-news-grid,.bh-news-grid.two{grid-template-columns:1fr}.bh-news-meta time{margin-left:0;width:100%}}

/* The areas of the SkyBlock world (SkyBlock page) and pictures in wiki articles */
.bh-area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.bh-area-card{display:flex;flex-direction:column;text-decoration:none;color:var(--bh-text);background:var(--bh-panel);border:2px solid var(--bh-line);border-radius:var(--bh-radius);box-shadow:0 5px 0 var(--bh-edge);overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}
.bh-area-card:hover{transform:translateY(-4px);border-color:#3e7a6a;box-shadow:0 9px 0 var(--bh-edge)}
.bh-area-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:2px solid var(--bh-line)}
.bh-area-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bh-area-card:hover .bh-area-image img{transform:scale(1.05)}
.bh-area-image .bh-badge{position:absolute;top:10px;left:10px;background:rgba(6,11,20,.85)}
.bh-area-copy{padding:14px 16px 16px}
.bh-area-copy h3{margin:0 0 6px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:1.05rem}
.bh-area-copy p{margin:0;color:var(--bh-muted);font-size:.88rem}
.bh-wart-image{display:block;width:100%;max-height:340px;object-fit:cover;margin:0 0 14px;border:2px solid var(--bh-line);border-radius:var(--bh-radius)}

/* Wiki recipes (recipes.json, pictures in assets/items) */
.bh-recipe-intro{margin:0 0 14px;color:var(--bh-muted)}
.bh-wiki-group h2 small{font-size:.8rem;color:var(--bh-faint);margin-left:6px}
.bh-recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.bh-recipe{display:flex;flex-direction:column;gap:12px;padding:16px;scroll-margin-top:110px;transition:border-color .3s,box-shadow .3s}
.bh-recipe.flash{border-color:var(--bh-green);box-shadow:0 0 0 3px rgba(84,244,114,.35),0 5px 0 var(--bh-edge)}
.bh-recipe header{display:flex;align-items:center;gap:12px}
.bh-recipe header h3{margin:0;font-size:1rem}
.bh-recipe header small{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bh-faint)}
.bh-recipe-icon{display:block;width:32px;height:32px;image-rendering:pixelated;border-radius:2px}
.bh-recipe-missing{display:grid;place-items:center;font-size:.7rem;font-weight:800;color:var(--bh-muted);background:var(--bh-panel-2)}
.bh-recipe-result{display:grid;place-items:center;width:44px;height:44px;flex:none;background:var(--bh-field);border:2px solid var(--bh-line);border-radius:var(--bh-radius)}
.bh-recipe-result.big{width:58px;height:58px}
.bh-recipe-result.big .bh-recipe-icon{width:40px;height:40px}
.bh-recipe-craft{display:flex;align-items:center;gap:12px}
.bh-recipe-grid{display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(3,42px);gap:3px;padding:6px;background:#0b1322;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius)}
.bh-recipe-cell{position:relative;display:grid;place-items:center;background:#1a2638;border:1px solid #26354d;border-radius:2px;text-decoration:none}
.bh-recipe-cell.filled[href]:hover{border-color:var(--bh-green)}
.bh-recipe-cell b{position:absolute;right:2px;bottom:0;font-size:.72rem;color:#fff;text-shadow:1px 1px 0 #000}
.bh-recipe-arrow{font-size:1.6rem;color:var(--bh-faint)}
.bh-recipe-source{margin:0;color:#FF8A3D;font-size:.9rem}
.bh-recipe-needs,.bh-recipe-stats{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;font-size:.82rem}
.bh-recipe-needs li{color:var(--bh-muted)}
.bh-recipe-stats li{font-weight:700}
.bh-recipe-lore{padding:10px 12px;background:var(--bh-field);border:1px solid var(--bh-line);border-radius:var(--bh-radius);font-size:.8rem;color:var(--bh-muted)}
.bh-recipe-lore p{margin:0}
@media (max-width:420px){.bh-recipe-grid{grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px)}.bh-recipe-result.big{width:48px;height:48px}}
.bh-recipe-source.slayer{color:#FF8A8A}
.bh-recipe-source.drop{color:#6FD6EA}
.bh-recipe-source.quest{color:#C084FC}
.bh-recipe-legend{margin:0 0 18px;padding:16px 18px;background:var(--bh-panel);border:2px solid var(--bh-line);border-radius:var(--bh-radius)}
.bh-recipe-legend h3{margin:0 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bh-cyan)}
.bh-recipe-legend ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 18px;margin:0 0 10px;padding:0;list-style:none}
.bh-recipe-legend li{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--bh-muted)}
.bh-recipe-legend li b{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--bh-radius);background:var(--bh-grad);color:#04170b;font-size:.78rem}
.bh-recipe-legend li strong{display:block;color:var(--bh-text);font-size:.9rem}
.bh-recipe-legend p{margin:0;font-size:.82rem;color:var(--bh-faint)}
.bh-recipe-part small{display:block;margin:0 0 4px;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bh-faint)}
/* recipe colours by class (the CSP allows no inline styles) */
.bh-recipe .bh-recipe-result{border-color:#C9D6E8}
.bh-recipe.rarity-uncommon h3{color:#54F472}.bh-recipe.rarity-uncommon .bh-recipe-result{border-color:#54F472}
.bh-recipe.rarity-rare h3{color:#40C4FF}.bh-recipe.rarity-rare .bh-recipe-result{border-color:#40C4FF}
.bh-recipe.rarity-epic h3{color:#E040FB}.bh-recipe.rarity-epic .bh-recipe-result{border-color:#E040FB}
.bh-recipe.rarity-legendary h3{color:#FFAB40}.bh-recipe.rarity-legendary .bh-recipe-result{border-color:#FFAB40}
.bh-recipe.rarity-mythic h3{color:#FF5252}.bh-recipe.rarity-mythic .bh-recipe-result{border-color:#FF5252}
.bh-recipe.rarity-celestial h3{color:#6FD6EA}.bh-recipe.rarity-celestial .bh-recipe-result{border-color:#6FD6EA}
.bh-recipe-icon.dyed{background:rgba(255,255,255,.08)}
.bh-recipe-stats .stat-strength,.bh-recipe-stats .stat-health{color:#FF5C6C}
.bh-recipe-stats .stat-defense{color:#54F472}
.bh-recipe-stats .stat-critChance,.bh-recipe-stats .stat-critDamage{color:#6FD6EA}
.bh-recipe-stats .stat-intelligence{color:#7C9DFF}
.bh-recipe-stats .stat-speed{color:#F4F8FF}
.bh-recipe-stats .stat-efficiency,.bh-recipe-stats .stat-fortune{color:#FFC857}

/* Item tooltip in the recipe wiki (like the one in game) */
.bh-item-tip{position:fixed;z-index:60;display:none;max-width:300px;padding:10px 12px;border-radius:4px;box-shadow:0 10px 26px rgba(0,0,0,.55);pointer-events:none}
.bh-item-tip.show{display:block}
.bh-tip-name{display:block;font-size:.95rem;color:#F4F8FF}
.bh-tip-rarity{display:block;margin-bottom:6px;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bh-faint)}
.bh-item-tip .bh-tip-stats{display:grid;gap:2px;margin:0 0 6px}
.bh-tip-lore p,.bh-tip-amount,.bh-tip-source{margin:0;color:#A9B6C8;line-height:1.4}
.bh-tip-lore{margin:0 0 6px}
.bh-tip-amount{color:#FFC857}
.bh-tip-source{margin-top:4px;font-size:.72rem;color:var(--bh-faint)}
.bh-item-tip.rarity-uncommon .bh-tip-name{color:#54F472}.bh-item-tip.rarity-uncommon{border-color:#1f5c2c}
.bh-item-tip.rarity-rare .bh-tip-name{color:#40C4FF}.bh-item-tip.rarity-rare{border-color:#174a66}
.bh-item-tip.rarity-epic .bh-tip-name{color:#E040FB}.bh-item-tip.rarity-epic{border-color:#5a1a66}
.bh-item-tip.rarity-legendary .bh-tip-name{color:#FFAB40}.bh-item-tip.rarity-legendary{border-color:#6b4316}
.bh-item-tip.rarity-mythic .bh-tip-name{color:#FF5252}.bh-item-tip.rarity-mythic{border-color:#6b1f1f}
.bh-recipe-cell.filled,.bh-recipe-result[data-tip]{cursor:help}
.bh-recipe-cell.filled[href]{cursor:pointer}
.bh-recipe-cell.filled:focus-visible,.bh-recipe-result:focus-visible{outline:2px solid var(--bh-green);outline-offset:1px}
/* the tooltip shows the in-game lore: dark box with the purple frame of Minecraft tooltips */
.bh-item-tip{background:#100010f0;border:2px solid #2d0a5f;outline:1px solid #100010;font-size:.84rem;line-height:1.35;color:#A9B6C8}
.bh-lore-line{white-space:pre-wrap}
.bh-lore-line.blank{height:.7em}
.bh-lore-line:first-child{font-size:.95rem}

/* Beta: badge beside the logo and a thin bar above the header */
.bh-beta-badge{display:inline-flex;align-items:center;margin-left:8px;padding:.15rem .4rem;border-radius:3px;background:rgba(255,200,87,.14);border:1px solid rgba(255,200,87,.45);color:#FFC857;font-size:.62rem;font-weight:900;letter-spacing:.14em;line-height:1;vertical-align:middle}
.bh-beta-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;padding:6px 16px;background:linear-gradient(90deg,rgba(255,200,87,.12),rgba(84,244,114,.08));border-bottom:1px solid rgba(255,200,87,.3);color:var(--bh-text);font-size:.82rem;text-align:center}
.bh-beta-bar .bh-beta-badge{margin-left:0}
.bh-beta-bar a{display:inline-flex;align-items:center;gap:4px;color:#FFC857;font-weight:700;text-decoration:none}
.bh-beta-bar a:hover{text-decoration:underline}
.bh-beta-bar a svg{width:14px;height:14px}
/* Recipe search in the wiki and the hint when a wiki search also fits recipes */
.bh-recipe-search{margin:0 0 10px}
.bh-recipe-hint{display:flex;align-items:center;gap:12px;width:100%;margin:0 0 14px;padding:14px 18px;text-align:left;cursor:pointer;color:var(--bh-text);font:inherit}
.bh-recipe-hint:hover,.bh-recipe-hint:focus-visible{border-color:var(--bh-green)}
.bh-recipe-hint svg{width:20px;height:20px;flex:none;color:var(--bh-green)}
.bh-recipe-hint span{flex:1;font-weight:700}
.bh-recipe-hint strong{display:inline-flex;align-items:center;gap:6px;color:var(--bh-green)}
/* Team area: commands of the ranks */
.cmd-list{display:grid;gap:8px}
.cmd-row{display:grid;grid-template-columns:minmax(180px,.9fr) 1.6fr auto;gap:14px;align-items:center;padding:10px 14px;border-radius:8px;background:var(--bh-field);border:1px solid var(--bh-line)}
.cmd-row code{font-size:.85rem;color:var(--bh-cyan);overflow-wrap:anywhere}
.cmd-row p{margin:0}
.cmd-row small{color:var(--bh-faint);font-size:.78rem}
.cmd-row .bh-rank-name{font-size:.78rem;white-space:nowrap;background-image:none;color:var(--rank);padding:.2rem .55rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--rank) 45%,transparent)}
@media (max-width:640px){.cmd-row{grid-template-columns:1fr}}

/* ---------- Play page (/getting-started): server card, steps, first minutes, FAQ ---------- */
.bh-play-top{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:24px;align-items:stretch}
.bh-play-card{display:grid;gap:14px;align-content:start;padding:22px;border:2px solid #2a5a52;border-radius:var(--bh-radius);background:linear-gradient(160deg,rgba(84,244,114,.12),rgba(84,158,182,.08) 55%,var(--bh-panel));box-shadow:0 6px 0 var(--bh-edge)}
.bh-play-ip{width:100%;margin:0}
.bh-play-facts{margin:0;display:grid;gap:2px}
.bh-play-facts div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
.bh-play-facts dt{color:var(--bh-faint);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding-top:2px}
.bh-play-facts dd{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-weight:700}
.bh-play-top .bh-step-cards{align-self:center}
.bh-play-head{margin-top:clamp(48px,7vw,80px)}
.bh-play-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bh-play-grid code,.bh-faq code{font-family:var(--bh-mono);color:#d8ffe1;background:var(--bh-field);padding:.05rem .3rem;border-radius:3px;border:1px solid var(--bh-line)}
.bh-play-help{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,48px);align-items:start;margin-top:clamp(48px,7vw,80px)}
.bh-play-help>div:first-child p{color:var(--bh-muted);margin:0 0 18px}
.bh-faq{display:grid;gap:10px}
.bh-faq details{padding:0}
.bh-faq summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;font-weight:800;list-style:none}
.bh-faq summary::-webkit-details-marker{display:none}
.bh-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);color:var(--bh-green);font-weight:900}
.bh-faq details[open] summary::after{content:"–"}
.bh-faq details[open]{border-color:rgba(84,244,114,.4)}
.bh-faq p{margin:0;padding:0 18px 18px;color:var(--bh-muted)}
.bh-faq summary:focus-visible{outline:3px solid var(--bh-cyan);outline-offset:-3px}
@media (max-width:1080px){.bh-play-top{grid-template-columns:1fr}.bh-play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.bh-play-help{grid-template-columns:1fr}}
@media (max-width:560px){.bh-play-grid{grid-template-columns:1fr}}

/* ---------- News overview: area filter, featured post, grid, older milestones ---------- */
.bh-news-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.bh-news-filter button{padding:.5rem .9rem;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);background:var(--bh-field);color:var(--bh-muted);font:800 .8rem var(--bh-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.bh-news-filter button:hover{color:var(--bh-text);border-color:#3a5880}
.bh-news-filter button[aria-pressed=true]{border-color:var(--bh-green);background:rgba(84,244,114,.12);color:var(--bh-green)}
.bh-news-feature{position:relative;border:2px solid #2a5a52;border-radius:var(--bh-radius);background:radial-gradient(80% 120% at 100% 0%,rgba(84,158,182,.2),transparent 60%),linear-gradient(135deg,rgba(84,244,114,.12),rgba(16,26,43,.95) 60%),var(--bh-panel);box-shadow:0 6px 0 var(--bh-edge);transition:transform .15s,border-color .15s}
.bh-news-feature:hover{transform:translateY(-3px);border-color:var(--bh-green)}
.bh-news-feature-label{justify-self:start;padding:.3rem .6rem;border-radius:3px;background:var(--bh-grad);color:#04170b;font:900 .66rem var(--bh-font);letter-spacing:.16em;text-transform:uppercase}
.bh-news-feature h2{margin:0;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:clamp(1.6rem,3.6vw,2.6rem);line-height:1.05}
.bh-news-feature p{max-width:72ch;font-size:1.02rem}
.bh-news-grid-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:18px}
a.bh-news-card{display:flex;flex-direction:column;gap:10px;color:var(--bh-text);text-decoration:none}
a.bh-news-card h3{margin:0;font-size:1.1rem}
a.bh-news-card p{margin:0;flex:1;color:var(--bh-muted);font-size:.92rem;line-height:1.5}
a.bh-news-card .bh-link{margin-top:0}
.bh-news-older{margin-top:clamp(36px,5vw,56px)}
.bh-news-older summary{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:.6rem 1rem;border:2px solid var(--bh-line-2);border-radius:var(--bh-radius);background:var(--bh-panel);font:800 .82rem var(--bh-font);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}
.bh-news-older summary::-webkit-details-marker{display:none}
.bh-news-older summary::before{content:"▸";color:var(--bh-green)}
.bh-news-older[open] summary::before{content:"▾"}
@media (prefers-reduced-motion:reduce){.bh-news-feature{transition:none}.bh-news-feature:hover{transform:none}}
/* ---------- Community profile (/community): hero with skin, tabs, KPI tiles, SkyBlock profiles, MiniGames tiers ---------- */
.bh-pf-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:2px solid var(--bh-line);background:#060b14 var(--bh-hero-image,none) center 40%/cover no-repeat}
.bh-pf-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,11,20,.95),rgba(6,11,20,.75) 55%,rgba(6,11,20,.55)),linear-gradient(180deg,transparent 60%,var(--bh-bg))}
.bh-pf-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(18px,3vw,36px);align-items:end;padding:clamp(28px,5vw,56px) 0 clamp(22px,4vw,40px)}
.bh-pf-avatar{position:relative;display:grid;place-items:center;width:120px;height:120px;border:3px solid var(--bh-green);border-radius:var(--bh-radius);background:var(--bh-grad);color:#04170b;font:900 2rem var(--bh-display);overflow:hidden;box-shadow:0 6px 0 var(--bh-green-deep)}
.bh-pf-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bh-pf-avatar.skin{width:150px;height:260px;border:0;background:radial-gradient(60% 45% at 50% 62%,rgba(84,244,114,.25),transparent 70%);box-shadow:none;overflow:visible}
.bh-pf-avatar.skin>span{width:110px;height:110px;display:grid;place-items:center;border-radius:var(--bh-radius);background:var(--bh-grad)}
.bh-pf-avatar.skin img{object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 16px rgba(0,0,0,.55))}
.bh-pf-id h1{margin:8px 0 10px;font-family:var(--bh-display);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,5.6vw,4rem);line-height:1;overflow-wrap:anywhere}
.bh-pf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.bh-pf-chip{display:inline-flex;align-items:center;gap:6px;padding:.35rem .75rem;border:2px solid var(--bh-line-2);border-radius:999px;background:rgba(6,11,20,.75);color:var(--bh-muted);font-size:.84rem;font-weight:700}
.bh-pf-chip b{color:var(--bh-text)}
.bh-pf-chip.online{border-color:var(--bh-green);color:var(--bh-green)}
.bh-pf-chip.online::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bh-green)}
.bh-pf{padding:24px 0 72px}
.bh-pf-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;padding-bottom:12px;border-bottom:2px solid rgba(84,244,114,.3)}
.bh-pf-tabs button{display:inline-flex;align-items:center;gap:8px;padding:.5rem 1rem;border:0;border-radius:999px;background:transparent;color:var(--bh-muted);font:800 .9rem var(--bh-font);cursor:pointer}
.bh-pf-tabs button svg{width:16px;height:16px}
.bh-pf-tabs button:hover{color:var(--bh-text);background:rgba(255,255,255,.05)}
.bh-pf-tabs button.active{background:var(--bh-green);color:#04170b}
.bh-pf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.bh-pf-kpis .bh-pf-tile{padding:16px 18px;border-top:3px solid var(--bh-green)}
.bh-pf-kpis .bh-pf-tile strong{font-family:var(--bh-display);font-size:clamp(1.4rem,2.6vw,1.9rem)}
.bh-pf-tile{padding:12px;border:2px solid var(--bh-line);border-radius:var(--bh-radius);background:linear-gradient(180deg,var(--bh-panel-2),var(--bh-panel))}
.bh-pf-tile strong{display:block;font-size:1.25rem;line-height:1.1;overflow-wrap:anywhere}
.bh-pf-tile span{display:block;margin-top:5px;color:var(--bh-muted);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.bh-pf-tile.green strong{color:var(--bh-green)}.bh-pf-tile.gold strong{color:#ffc857}.bh-pf-tile.cyan strong{color:var(--bh-cyan)}.bh-pf-tile.red strong{color:var(--bh-danger)}
.bh-pf-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.bh-pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bh-pf-stack{display:grid;gap:16px}
.bh-pf-card{display:grid;gap:14px;align-content:start;min-width:0}
.bh-pf-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.bh-pf-card h2{margin:4px 0 0;font-size:1.2rem;overflow-wrap:anywhere}
.bh-pf-card h2 small{margin-left:6px;padding:1px 7px;border-radius:3px;background:rgba(84,244,114,.14);color:var(--bh-green);font-size:.78rem}
.bh-pf-card>header .bh-link{background:none;border:0;font:inherit;cursor:pointer;white-space:nowrap}
.bh-pf-empty{margin:0;padding:16px;border:2px dashed var(--bh-line-2);border-radius:var(--bh-radius);color:var(--bh-muted);font-size:.9rem;text-align:center}
.bh-pf-switch{display:flex;flex-wrap:wrap;gap:6px}
.bh-pf-switch button{padding:.35rem .8rem;border:2px solid var(--bh-line-2);border-radius:999px;background:var(--bh-field);color:var(--bh-muted);font:800 .8rem var(--bh-font);cursor:pointer}
.bh-pf-switch button small{color:#ffc857}
.bh-pf-switch button[aria-pressed=true]{border-color:var(--bh-green);background:rgba(84,244,114,.14);color:var(--bh-text)}
.bh-pf-bar{display:block;background:rgba(255,255,255,.08);overflow:hidden}
.bh-pf-bar i{display:block;width:0;height:100%;transition:width .6s}
@media (prefers-reduced-motion:reduce){.bh-pf-bar i{transition:none}}
.bh-pf-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.bh-pf-skills>div{display:grid;gap:4px}
.bh-pf-skills span{font-size:.86rem;color:var(--bh-muted)}
.bh-pf-skills span b{color:var(--bh-text)}
.bh-pf-skills small{color:var(--bh-faint);font-size:.72rem}
.bh-pf-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.bh-pf-mode{--tier:#c98a52;display:grid;gap:8px;padding:12px;border:2px solid var(--bh-line);border-top:3px solid var(--tier);border-radius:var(--bh-radius);background:var(--bh-field)}
.bh-pf-mode[data-tier="1"]{--tier:#c9d3df}.bh-pf-mode[data-tier="2"]{--tier:#ffc857}.bh-pf-mode[data-tier="3"]{--tier:#6fd6ea}.bh-pf-mode[data-tier="4"]{--tier:#7fc8ff}.bh-pf-mode[data-tier="5"]{--tier:#b388ff}.bh-pf-mode[data-tier="6"]{--tier:#ff6b81}.bh-pf-mode[data-tier="7"]{--tier:#ff9a3c}.bh-pf-mode[data-tier="8"]{--tier:#54f472}
.bh-pf-mode header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bh-pf-tier{padding:.1rem .5rem;border:1px solid var(--tier);border-radius:999px;color:var(--tier);font-size:.72rem;font-weight:900}
.bh-pf-mode-main b{display:block;font-family:var(--bh-display);font-size:1.6rem;color:var(--tier);line-height:1}
.bh-pf-mode-main small{color:var(--bh-faint);font-size:.74rem}
.bh-pf-bar-label{display:flex;justify-content:space-between;gap:8px;color:var(--bh-faint);font-size:.72rem;font-weight:700}
.bh-pf-facts{margin:0;display:grid;gap:2px}
.bh-pf-facts div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid rgba(255,255,255,.06);font-size:.84rem}
.bh-pf-facts dt{color:var(--bh-muted)}.bh-pf-facts dd{margin:0;font-weight:800}
.bh-pf-history{display:grid;gap:2px}
.bh-pf-history>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.bh-pf-history strong{display:block;font-size:.92rem}.bh-pf-history small{color:var(--bh-faint);font-size:.8rem}
.bh-pf-history time{color:var(--bh-faint);font-size:.78rem;white-space:nowrap}
.bh-pf-dot{width:10px;height:10px;border-radius:3px;background:var(--bh-grad)}
.bh-pf-history .bh-pf-empty{grid-column:1/-1}
.bh-pf-link{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:20px 22px;border:2px solid #2a5a52;border-radius:var(--bh-radius);background:linear-gradient(135deg,rgba(84,244,114,.12),rgba(84,158,182,.1) 60%,var(--bh-panel))}
.bh-pf-link h2{margin:4px 0 6px}.bh-pf-link p{margin:0;color:var(--bh-muted);max-width:62ch}
.bh-pf-code{margin-top:8px!important;font-family:var(--bh-mono);color:var(--bh-green)!important}
.bh-pf-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.bh-pf-badges li{display:flex;gap:12px;align-items:center;padding:12px;border:2px solid rgba(255,200,87,.35);border-radius:var(--bh-radius);background:linear-gradient(135deg,rgba(255,200,87,.1),var(--bh-panel))}
.bh-pf-badges li>span{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:var(--bh-radius);background:rgba(255,200,87,.16);color:#ffc857}
.bh-pf-badges svg{width:20px;height:20px}
.bh-pf-badges strong{display:block;font-size:.92rem}.bh-pf-badges small{color:var(--bh-faint);font-size:.78rem}
.bh-pf-raw summary{cursor:pointer;font-weight:800}
.bh-pf-raw[open] summary{margin-bottom:12px}
@media (max-width:900px){.bh-pf-grid{grid-template-columns:1fr}.bh-pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bh-pf-head{grid-template-columns:1fr}.bh-pf-avatar{order:-1}.bh-pf-avatar.skin{width:110px;height:190px}.bh-pf-skills{grid-template-columns:1fr}.bh-pf-tabs button{padding:.45rem .7rem;font-size:.82rem}}.bh-friend-title{margin:22px 0 10px;font-size:15px}.bh-friend-title small{margin-left:8px;color:#a7c2d8;font-size:12px;font-weight:500}
.bh-friend-who{display:flex;align-items:center;gap:12px}.bh-friend-who img{border-radius:6px;image-rendering:pixelated}.bh-friend-who>div{display:grid;gap:2px}.bh-friend-online{color:#54F472}
/* Wiki: mobs */
.bh-mob-table-wrap{overflow-x:auto;border:1px solid var(--bh-line);border-radius:var(--bh-radius,8px);margin:8px 0 18px}
.bh-mob-table{width:100%;border-collapse:collapse;font-size:.86rem;min-width:720px}
.bh-mob-table th,.bh-mob-table td{padding:7px 10px;text-align:left;border-bottom:1px solid var(--bh-line);vertical-align:top}
.bh-mob-table thead th{position:sticky;top:0;background:var(--bh-field);font-weight:800}
.bh-mob-table td:nth-child(1),.bh-mob-table td:nth-child(3),.bh-mob-table td:nth-child(4),.bh-mob-table td:nth-child(5){white-space:nowrap;font-variant-numeric:tabular-nums}
.bh-mob-table td small{display:block;color:var(--bh-muted,#8799AE);font-size:.76rem}
.bh-mob-table .bh-mob-stage th{background:transparent;color:var(--bh-green,#54F472);font:900 .9rem var(--bh-display);padding-top:14px}
.bh-mob-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.bh-mob{display:flex;gap:16px;align-items:flex-start;padding:16px}
.bh-mob-picture{flex:0 0 96px;display:grid;place-items:center;min-height:112px;padding:8px;border-radius:var(--bh-radius);background:radial-gradient(75% 65% at 50% 50%,#5d7a96,#2c3f55)}
.bh-mob-picture img{image-rendering:pixelated;max-width:80px;max-height:112px;width:auto;height:auto}
.bh-mob-copy{min-width:0;flex:1}
.bh-mob-copy h3{margin:0 0 8px;font:900 1rem var(--bh-display)}
.bh-mob-stats{display:grid;gap:3px;margin:0}
.bh-mob-stats div{display:flex;justify-content:space-between;gap:12px;font-size:.84rem}
.bh-mob-stats dt{color:#8799AE}
.bh-mob-stats dd{margin:0;font-weight:700;text-align:right}
.bh-mob-drops{margin:10px 0 0;font-size:.82rem;line-height:1.5}
.bh-mob-drops small{color:#8799AE}
.bh-mob-note{margin:8px 0 14px;color:#8799AE;font-size:.86rem}
@media (max-width:420px){.bh-mob-list{grid-template-columns:1fr}.bh-mob{gap:12px;padding:12px}}

/* ===== 2.0.125 design pass ===== */
/* 1. Home: the worlds stay compact on tablets and phones instead of three full-width pictures */
@media (min-width:600px) and (max-width:900px){
  .bh-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .bh-world:first-child{grid-column:1 / -1}
  .bh-world:first-child .bh-world-image{aspect-ratio:21/9}
}
@media (max-width:599px){
  .bh-worlds{gap:12px}
  .bh-world{flex-direction:row}
  .bh-world .bh-world-image{aspect-ratio:auto;width:36%;flex:none;border-bottom:0;border-right:2px solid var(--bh-line)}
  .bh-world .bh-world-image .bh-badge{display:none}
  .bh-world-copy{padding:12px 14px;gap:4px}
  .bh-world-copy h3{font-size:1rem}
  .bh-world-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.86rem}
}
/* calmer hero picture: a stronger dark veil behind the headline */
.bh-hero-split::before{background:linear-gradient(90deg,rgba(6,11,20,.96) 0%,rgba(6,11,20,.85) 42%,rgba(6,11,20,.45) 78%,rgba(6,11,20,.55) 100%),linear-gradient(180deg,rgba(6,11,20,0) 55%,rgba(7,13,23,1) 100%)}
@media (max-width:900px){.bh-hero-split::before{background:linear-gradient(180deg,rgba(6,11,20,.9),rgba(6,11,20,.8) 60%,var(--bh-bg))}}

/* 3. the look of the game: tier colours, rarity gradients, segmented bars */
.bh-mob-table tr.stage-0 td:first-child{box-shadow:inset 3px 0 0 #54F472}.bh-mob-table tr.stage-0 .bh-tier-chip{color:#54F472;border-color:rgba(84,244,114,.45)}
.bh-mob-table tr.stage-1 td:first-child{box-shadow:inset 3px 0 0 #FFC857}.bh-mob-table tr.stage-1 .bh-tier-chip{color:#FFC857;border-color:rgba(255,200,87,.45)}
.bh-mob-table tr.stage-2 td:first-child{box-shadow:inset 3px 0 0 #FF9F5A}.bh-mob-table tr.stage-2 .bh-tier-chip{color:#FF9F5A;border-color:rgba(255,159,90,.45)}
.bh-mob-table tr.stage-3 td:first-child{box-shadow:inset 3px 0 0 #FF5C6C}.bh-mob-table tr.stage-3 .bh-tier-chip{color:#FF5C6C;border-color:rgba(255,92,108,.45)}
.bh-mob-table .bh-mob-stage.stage-1 th{color:#FFC857}.bh-mob-table .bh-mob-stage.stage-2 th{color:#FF9F5A}.bh-mob-table .bh-mob-stage.stage-3 th{color:#FF5C6C}
.bh-tier-chip{display:inline-block;padding:1px 8px;border:1px solid var(--bh-line);border-radius:999px;font-weight:800;background:rgba(255,255,255,.03)}
.bh-mob-table tbody tr:not(.bh-mob-stage):hover td{background:rgba(255,255,255,.03)}
.bh-recipe.rarity-common h3,.bh-item-tip.rarity-common .bh-tip-name{background:linear-gradient(90deg,#aaaaaa,#dddddd)}
.bh-recipe.rarity-uncommon h3,.bh-item-tip.rarity-uncommon .bh-tip-name{background:linear-gradient(90deg,#00c853,#69f0ae)}
.bh-recipe.rarity-rare h3,.bh-item-tip.rarity-rare .bh-tip-name{background:linear-gradient(90deg,#0091ea,#40c4ff)}
.bh-recipe.rarity-epic h3,.bh-item-tip.rarity-epic .bh-tip-name{background:linear-gradient(90deg,#aa00ff,#e040fb)}
.bh-recipe.rarity-legendary h3,.bh-item-tip.rarity-legendary .bh-tip-name{background:linear-gradient(90deg,#ff6d00,#ffab40)}
.bh-recipe.rarity-mythic h3,.bh-item-tip.rarity-mythic .bh-tip-name{background:linear-gradient(90deg,#d50000,#ff5252)}
.bh-recipe.rarity-celestial h3,.bh-item-tip.rarity-celestial .bh-tip-name{background:linear-gradient(90deg,#54F472,#6FD6EA)}
.bh-recipe[class*="rarity-"] h3,.bh-item-tip[class*="rarity-"] .bh-tip-name{-webkit-background-clip:text;background-clip:text;color:transparent}
.bh-pf-bar{height:10px;border-radius:3px;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),transparent calc(10% - 2px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 2px),transparent calc(10% - 2px) 10%)}
.bh-pf-bar i{border-radius:0;background:linear-gradient(90deg,#54F472,#6FD6EA)}

/* 4. every area its own accent in the page head */
.bh-page-hero{--bh-tone:#54F472;--bh-tone-2:#6FD6EA}
.bh-page-hero[data-tone="blue"]{--bh-tone:#549EB6;--bh-tone-2:#7C9DFF}
.bh-page-hero[data-tone="orange"]{--bh-tone:#FF8A4C;--bh-tone-2:#FFC857}
.bh-page-hero[data-tone="cyan"]{--bh-tone:#6FD6EA;--bh-tone-2:#54F472}
.bh-page-hero[data-tone="violet"]{--bh-tone:#B98CFF;--bh-tone-2:#6FD6EA}
.bh-page-hero .bh-kicker{color:var(--bh-tone)}
.bh-page-hero .bh-kicker::before{background:linear-gradient(90deg,var(--bh-tone),var(--bh-tone-2))}
.bh-page-hero .bh-display mark{background:linear-gradient(90deg,var(--bh-tone),var(--bh-tone-2));-webkit-background-clip:text;background-clip:text}
.bh-page-hero::after{background:repeating-linear-gradient(90deg,var(--bh-tone) 0 8px,var(--bh-tone-2) 8px 16px);opacity:.35}

/* 5. live: players per server in the home card, the newest post with a picture */
.bh-live-servers{display:grid;gap:8px}
.bh-live-servers:empty{display:none}
.bh-live-server{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:.82rem}
.bh-live-server b{font-variant-numeric:tabular-nums;color:var(--bh-green)}
.bh-live-server .bh-pf-bar{grid-column:1 / -1;height:6px}
.bh-news-feature{display:grid;grid-template-columns:minmax(0,40%) 1fr;gap:0;padding:0;overflow:hidden;text-decoration:none;color:inherit}
.bh-news-feature img{width:100%;height:100%;min-height:150px;object-fit:cover;border-right:2px solid var(--bh-line)}
.bh-news-feature>div{display:grid;gap:6px;align-content:start;padding:16px 18px}
.bh-news-feature h3{margin:0;font-size:1.1rem}.bh-news-feature p{margin:0;color:var(--bh-muted)}
@media (max-width:599px){.bh-news-feature{grid-template-columns:1fr}.bh-news-feature img{height:140px;min-height:0;border-right:0;border-bottom:2px solid var(--bh-line)}}

/* 6. calm placeholders while something loads */
.bh-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.bh-skeleton{display:grid;gap:10px;padding:18px;border:2px solid var(--bh-line);border-radius:var(--bh-radius);background:var(--bh-panel)}
.bh-skeleton i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.05) 100%);background-size:200% 100%;animation:bh-shimmer 1.4s ease-in-out infinite}
.bh-skeleton i:first-child{height:18px;width:55%}.bh-skeleton i:last-child{width:75%}
@keyframes bh-shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* 7. phones: Blocki as a round button, room below the content, tables that scroll sideways */
@media (max-width:640px){
  .blocki-launcher{right:12px;bottom:12px;padding:5px}
  .blocki-launcher span{display:none}
  .blocki-launcher img{width:38px;height:38px}
  footer.bh-footer{padding-bottom:84px}
  .bh-mob-table-wrap{-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,var(--bh-panel) 30%,transparent),linear-gradient(270deg,var(--bh-panel) 30%,transparent) right,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.45),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.45),transparent) right;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
}
@media (prefers-reduced-motion:reduce){.bh-skeleton i{animation:none}}

/* Admin: visitor statistics (2.0.128) */
.pro-visitors{display:grid;gap:16px}
.pro-visitor-range{display:flex;flex-wrap:wrap;gap:8px}
.pro-visitor-range .filter[aria-pressed="true"]{background:var(--bh-green);border-color:var(--bh-green);color:#06121b}
.pro-visitor-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.pro-visitor-kpis>div{padding:14px 16px;border:2px solid var(--bh-line);border-top:3px solid var(--bh-green);border-radius:var(--bh-radius,8px);background:var(--bh-panel)}
.pro-visitor-kpis>div:nth-child(2){border-top-color:var(--bh-cyan)}.pro-visitor-kpis>div:nth-child(3){border-top-color:var(--bh-blue)}.pro-visitor-kpis>div:nth-child(4){border-top-color:#7C9DFF}.pro-visitor-kpis>div:nth-child(5){border-top-color:var(--bh-warn)}
.pro-visitor-kpis small{display:block;color:var(--bh-muted);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.pro-visitor-kpis strong{font-size:1.6rem;font-variant-numeric:tabular-nums}
.pro-visitor-chart{display:flex;align-items:flex-end;gap:2px;height:180px;padding-top:8px}
.pro-visitor-chart span{position:relative;flex:1;height:100%;min-width:2px}
.pro-visitor-chart i,.pro-visitor-chart b{position:absolute;left:0;right:0;bottom:0;border-radius:3px 3px 0 0}
.pro-visitor-chart i{background:rgba(111,214,234,.28)}
.pro-visitor-chart b{left:20%;right:20%;background:linear-gradient(180deg,#54F472,#2fae4f)}
.pro-visitor-chart span:hover i{background:rgba(111,214,234,.5)}
.pro-visitor-axis{display:flex;justify-content:space-between;color:var(--bh-muted);font-size:.74rem;margin-top:6px}
.pro-visitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.pro-visitor-list h3{margin:0 0 10px;font-size:1rem}
.pro-visitor-list ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pro-visitor-list li{position:relative;display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:6px;overflow:hidden;font-size:.86rem}
.pro-visitor-list li span{position:relative;z-index:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pro-visitor-list li b{position:relative;z-index:1;font-variant-numeric:tabular-nums}
.pro-visitor-list li i{position:absolute;left:0;top:0;bottom:0;background:rgba(84,244,114,.12)}
.pro-visitor-heading{margin:12px 0 0;font-size:1.15rem}