/*
Theme Name: Hearts in Unity LEVEL 600 BACKEND
Theme URI: https://example.com/hearts-in-unity
Author: OpenAI
Description: Backend-steuerbares deutsches Neon-Warlord-Theme für Hearts in Unity mit Theme-Optionen, Events, Bewerbungen, Mitgliederbereich, Login-Styling und Last War Survival Content.
Version: 6.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.4
Text Domain: hearts-in-unity
*/
:root{
  --bg:#060810;--panel:#0f162b;--panel-soft:#121b33;--line:rgba(255,255,255,.10);
  --text:#f4f7ff;--muted:#b9c4dc;--cyan:#27eaff;--pink:#ff4fa7;--gold:#ffbf3b;--danger:#ff646c;
  --r3:#27eaff;--r4:#ff4b55;--r5:#ffd34d;--radius:22px;--container:min(1260px, calc(100vw - 32px));--hero-height:600px;
  --shadow-cyan:0 0 24px rgba(39,234,255,.28);--shadow-pink:0 0 24px rgba(255,79,167,.22);--shadow-gold:0 0 24px rgba(255,191,59,.22);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{
  margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);
  background:
    radial-gradient(circle at 16% 18%, rgba(39,234,255,.08), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(255,79,167,.08), transparent 22%),
    radial-gradient(circle at 74% 70%, rgba(255,191,59,.06), transparent 24%),
    linear-gradient(180deg, #04060b 0%, #090d18 52%, #05070d 100%);
  min-height:100vh;overflow-x:hidden
}
body.no-scroll{overflow:hidden} a{color:inherit;text-decoration:none} img{display:block;max-width:100%;height:auto}
.site-shell{position:relative;z-index:2}.site-container{width:var(--container);margin:0 auto;position:relative}.screen-reader-text{position:absolute;left:-9999px}
#hiu-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.95}
.parallax-orb{position:fixed;width:40vw;height:40vw;max-width:560px;max-height:560px;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1;opacity:.18;transform:translate(-50%,-50%)}
.parallax-orb.orb-a{background:rgba(39,234,255,.55);left:20%;top:18%}.parallax-orb.orb-b{background:rgba(255,79,167,.45);left:82%;top:20%}.parallax-orb.orb-c{background:rgba(255,191,59,.35);left:72%;top:72%}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg, rgba(7,10,18,.94), rgba(7,10,18,.74));backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.header-bar{width:var(--container);min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:54px;height:54px;position:relative;border-radius:16px;background:radial-gradient(circle at 35% 32%, rgba(255,255,255,.16), transparent 34%),linear-gradient(135deg, rgba(255,79,167,.28), rgba(39,234,255,.22)),#121a31;border:1px solid rgba(255,255,255,.12);overflow:hidden}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:12px;width:18px;height:26px;border-radius:18px 18px 0 0;background:linear-gradient(180deg, #ff7fc4, #ff4fa7)}
.brand-mark:before{left:11px;transform:rotate(-45deg);transform-origin:100% 100%}.brand-mark:after{right:11px;transform:rotate(45deg);transform-origin:0 100%}
.brand-mark i{position:absolute;left:50%;top:22px;transform:translateX(-50%) rotate(45deg);width:20px;height:20px;border-radius:4px;background:linear-gradient(180deg,#ff4fa7,#dc2e7f)}
.brand-title{display:block;font-family:Orbitron,Inter,sans-serif;font-size:clamp(20px,2.6vw,29px);font-weight:900;letter-spacing:.08em}.brand-subtitle{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.10em;text-transform:uppercase}
.nav-wrap{display:flex;align-items:center;gap:14px}.main-nav ul{list-style:none;display:flex;align-items:center;gap:8px;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:14px;color:#eef5ff;border:1px solid transparent;font-weight:800;font-size:14px;transition:.18s ease}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{background:rgba(255,255,255,.04);border-color:rgba(39,234,255,.24);box-shadow:var(--shadow-cyan)}
.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:15px;border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:900;transition:transform .18s ease, filter .18s ease, box-shadow .18s ease, border-color .18s ease;position:relative;overflow:hidden}
.header-cta:hover,.btn:hover{transform:translateY(-1px)}
.header-cta,.btn-primary{background:linear-gradient(135deg, rgba(255,191,59,.98), rgba(255,144,44,.94));color:#261500;box-shadow:var(--shadow-gold)}
.btn-secondary{background:rgba(255,255,255,.04);border-color:rgba(39,234,255,.24);box-shadow:var(--shadow-cyan)}.btn-pink{background:rgba(255,255,255,.04);border-color:rgba(255,79,167,.22);box-shadow:var(--shadow-pink)}
.btn::after,.header-cta::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.16);transform:translate(-50%,-50%);opacity:0;pointer-events:none}
.btn.explode::after,.header-cta.explode::after{animation:hiuExplode .55s ease-out}
@keyframes hiuExplode{0%{width:0;height:0;opacity:.45}100%{width:260px;height:260px;opacity:0}}
.nav-toggle{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;box-shadow:var(--shadow-cyan)}
.mobile-panel{display:none;position:fixed;top:84px;left:16px;right:16px;z-index:55;background:linear-gradient(180deg, rgba(13,18,34,.98), rgba(8,12,22,.98));border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:16px;box-shadow:0 24px 50px rgba(0,0,0,.38), var(--shadow-cyan)}
.mobile-panel.active{display:block}.mobile-panel .main-nav ul{display:grid;gap:8px}.mobile-panel .main-nav a{justify-content:flex-start}
.hero{min-height:var(--hero-height);display:flex;align-items:center;padding:36px 0;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 28%, rgba(39,234,255,.14), transparent 24%),radial-gradient(circle at 82% 20%, rgba(255,79,167,.18), transparent 22%),radial-gradient(circle at 70% 72%, rgba(255,191,59,.14), transparent 26%),linear-gradient(135deg, rgba(10,15,28,.85), rgba(18,8,24,.68));z-index:-2}
.hero-grid{width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}
.hero-panel,.card,.sidebar-card,.feature-card,.post-card,.form-card,.chat-card,.role-card{position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(15,22,40,.82), rgba(11,16,30,.82));border:1px solid rgba(255,255,255,.10);border-radius:var(--radius);box-shadow:0 18px 42px rgba(0,0,0,.25);padding:22px}
.hero-panel{padding:30px}
.hero-panel:before,.card:before,.sidebar-card:before,.feature-card:before,.post-card:before,.form-card:before,.chat-card:before,.role-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg, rgba(255,255,255,.04), transparent 18%)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(39,234,255,.10);border:1px solid rgba(39,234,255,.22);color:#a4f8ff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;box-shadow:var(--shadow-cyan)}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.hero-title{margin:18px 0 14px;font-family:Orbitron,Inter,sans-serif;font-size:clamp(40px,6.4vw,88px);line-height:.95;text-transform:uppercase;max-width:760px}
.hero-title .line1{display:block;color:#ffd36f;text-shadow:0 0 18px rgba(255,191,59,.34), 0 0 36px rgba(255,191,59,.16)}
.hero-text{margin:0 0 22px;font-size:clamp(16px,2vw,20px);line-height:1.7;color:#f0f4ff;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-visual{padding:20px;min-height:520px}.command-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}
.mini-card{min-height:148px;padding:18px;border-radius:20px;background:linear-gradient(180deg, rgba(14,20,36,.88), rgba(10,14,28,.84));border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden}
.mini-card:after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:50%;filter:blur(24px);opacity:.35;background:var(--cyan)}
.mini-card.pink:after{background:var(--pink)}.mini-card.gold:after{background:var(--gold)}
.mini-label{color:#9db5cf;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.mini-value{margin:12px 0 10px;font-family:Orbitron,Inter,sans-serif;font-size:clamp(26px,3.4vw,40px);font-weight:900}.mini-text{color:#dde6f7;line-height:1.6;font-size:14px}
.status-list{display:grid;gap:9px;margin-top:12px}.status-item{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.status-tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.section{padding:28px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title,.page-title{margin:0;font-family:Orbitron,Inter,sans-serif;font-size:clamp(28px,4vw,40px);text-transform:uppercase}
.section-text,.page-intro,.feature-text,.post-excerpt,.entry-content p,.entry-content li{color:var(--muted);line-height:1.75}
.grid-1{display:grid;gap:18px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(39,234,255,.10);border:1px solid rgba(39,234,255,.20);box-shadow:var(--shadow-cyan);font-size:26px}
.feature-title,.post-title{margin:16px 0 10px;font-size:22px}.accent-cyan{box-shadow:var(--shadow-cyan)}.accent-pink{box-shadow:var(--shadow-pink)}.accent-gold{box-shadow:var(--shadow-gold)}
.page-hero{width:var(--container);margin:0 auto;padding:28px 0 8px}.content-layout{width:var(--container);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding:28px 0 52px}.content-main{min-width:0}.sidebar{display:grid;gap:18px;align-content:start}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.thumb{margin:-2px -2px 18px;border-radius:18px;aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg, rgba(39,234,255,.16), rgba(255,79,167,.16));font-family:Orbitron,Inter,sans-serif;letter-spacing:.08em}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}
.meta-pill{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#d7dff0;font-size:14px;font-weight:700}
.chat-window{padding:0;overflow:hidden}.chat-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg, rgba(17,28,54,.96), rgba(14,16,36,.96));border-bottom:1px solid rgba(255,255,255,.08)}
.chat-title{font-family:Orbitron,Inter,sans-serif;font-weight:900;letter-spacing:.04em}.chat-tabs{display:flex;gap:8px;flex-wrap:wrap}
.chat-tab{min-height:32px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:900}
.chat-body{padding:16px;display:grid;gap:12px;background:linear-gradient(180deg, rgba(228,228,228,.06), rgba(255,255,255,.02))}
.chat-msg{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(39,234,255,.18), rgba(255,79,167,.18));border:1px solid rgba(255,255,255,.10);font-weight:900}
.bubble{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px 14px}.bubble strong{display:block;margin-bottom:6px}
.chat-inputbar{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:16px;border-top:1px solid rgba(255,255,255,.08)}.chat-inputbar input{min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#fff;padding:0 14px}
.icon-btn{min-width:46px;min-height:46px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(135deg, rgba(39,234,255,.18), rgba(255,79,167,.18));color:#fff;font-weight:900}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-card{padding:24px}.role-pill{display:inline-flex;min-height:32px;padding:0 12px;align-items:center;justify-content:center;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.role-r3{border-color:rgba(39,234,255,.26);box-shadow:var(--shadow-cyan)}.role-r3 .role-pill{background:rgba(39,234,255,.12);border:1px solid rgba(39,234,255,.22);color:#9ff8ff}
.role-r4{border-color:rgba(255,75,85,.26);box-shadow:0 0 24px rgba(255,75,85,.2)}.role-r4 .role-pill{background:rgba(255,75,85,.12);border:1px solid rgba(255,75,85,.22);color:#ffb4b8}
.role-r5{border-color:rgba(255,211,77,.26);box-shadow:var(--shadow-gold)}.role-r5 .role-pill{background:rgba(255,211,77,.12);border:1px solid rgba(255,211,77,.22);color:#ffe8a0}
form.hiu-form{display:grid;gap:14px}.hiu-field{display:grid;gap:8px}.hiu-field label{font-weight:900}.hiu-input,.hiu-textarea,.hiu-select{width:100%;min-height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;padding:12px 14px;outline:none}
.hiu-textarea{min-height:170px;resize:vertical}.hiu-input:focus,.hiu-textarea:focus,.hiu-select:focus{border-color:rgba(39,234,255,.42);box-shadow:0 0 0 3px rgba(39,234,255,.12)}.hiu-note{color:var(--muted);font-size:14px;line-height:1.65}
.hiu-success,.hiu-error{border-radius:18px;padding:16px 18px;font-weight:800;border:1px solid rgba(255,255,255,.08);margin-bottom:16px}.hiu-success{background:rgba(98,255,159,.10);border-color:rgba(98,255,159,.24);color:#d8ffe7}.hiu-error{background:rgba(255,100,108,.10);border-color:rgba(255,100,108,.24);color:#ffe0e3}
.event-list{display:grid;gap:16px}.event-card{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;padding:18px;border-radius:22px;background:linear-gradient(180deg, rgba(14,20,36,.88), rgba(10,14,28,.84));border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 34px rgba(0,0,0,.18)}
.event-date{text-align:center;padding:18px 14px;border-radius:18px;background:linear-gradient(135deg, rgba(39,234,255,.16), rgba(255,79,167,.14));border:1px solid rgba(255,255,255,.10)}.event-day{font-family:Orbitron,Inter,sans-serif;font-size:34px;font-weight:900}.event-month{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d0d8ea}
.event-title{margin:0 0 8px;font-size:24px}.event-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.discord-box{background:linear-gradient(135deg, rgba(88,101,242,.14), rgba(39,234,255,.10));border:1px solid rgba(88,101,242,.26);box-shadow:0 0 26px rgba(88,101,242,.18)}.discord-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:14px;background:#5865F2;color:#fff;font-weight:900;box-shadow:0 0 24px rgba(88,101,242,.22)}
.membership-lock{padding:22px;border-radius:22px;background:linear-gradient(180deg, rgba(255,100,108,.10), rgba(15,22,40,.82));border:1px solid rgba(255,100,108,.24)}
.search-form{display:flex;gap:10px}.search-form input[type="search"]{flex:1;min-height:48px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;padding:0 14px}.search-form button{min-height:48px;border:none;border-radius:15px;padding:0 16px;background:linear-gradient(135deg, rgba(39,234,255,.18), rgba(255,79,167,.18));color:#fff;font-weight:900;cursor:pointer}
.widget ul{margin:0;padding-left:18px}.widget li{margin:8px 0;color:var(--muted)}
.site-footer{margin-top:34px;background:linear-gradient(180deg, rgba(8,11,20,.92), rgba(5,8,15,.98));border-top:1px solid var(--line)}.footer-inner{width:var(--container);margin:0 auto;padding:26px 0 34px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}
.footer-brand{font-family:Orbitron,Inter,sans-serif;font-weight:900;letter-spacing:.08em}.footer-text{max-width:720px;color:var(--muted);line-height:1.7}
.pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pagination .page-numbers{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);font-weight:900}.pagination .current{border-color:rgba(39,234,255,.28);box-shadow:var(--shadow-cyan)}
@media (max-width:1100px){.hero-grid,.content-layout,.grid-1,.grid-2,.grid-3,.archive-grid,.roles-grid{grid-template-columns:1fr}.event-card{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:auto}}
@media (max-width:920px){.desktop-nav,.header-cta{display:none}.nav-toggle{display:grid;place-items:center}}
@media (max-width:640px){.site-container,.header-bar,.page-hero,.content-layout,.footer-inner,.section .site-container{width:min(100vw - 22px, 1000px)}.hero-panel,.card,.sidebar-card,.feature-card,.post-card,.form-card,.chat-card,.role-card{padding:18px}.hero-title{font-size:clamp(34px,11vw,64px)}.hero-actions{display:grid}.btn{width:100%}.chat-inputbar{grid-template-columns:1fr auto}}


/* Live Chat */
#hiu-chat-body{
  max-height: 520px;
  overflow-y: auto;
}
#hiu-chat-body .bubble p{
  margin: 0;
}
#hiu-chat-form{
  position: sticky;
  bottom: 0;
  background: linear-gradient(180deg, rgba(15,22,40,.96), rgba(11,16,30,.96));
}


/* Auth links */
.hiu-auth-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.hiu-auth-links .btn{
  min-height:44px;
}
@media (max-width: 920px){
  .hiu-auth-links{
    display:grid;
  }
}


/* LEVEL 800 Chat */
.chat-tab{
  text-decoration:none;
  color:#fff;
}
.hiu-mention{
  color:#9ff8ff;
  font-weight:900;
  text-shadow:0 0 12px rgba(39,234,255,.35);
}