/* SuchtBude.Live Public Mockup Design v2 */
:root{
  --pub-bg:#040a14;--pub-panel:#0b1729;--pub-line:rgba(125,211,252,.12);
  --pub-text:#f5f9ff;--pub-muted:#8ea0b7;--pub-blue:#38bdf8;--pub-indigo:#6366f1;
}
html{background:#040a14 !important}
body{
  background:
    radial-gradient(850px 480px at 16% -5%,rgba(14,165,233,.16),transparent 62%),
    radial-gradient(800px 500px at 92% 18%,rgba(99,102,241,.14),transparent 62%),
    linear-gradient(180deg,#040a14,#07111f) !important;
}
.navbar{
  min-height:70px !important;padding:12px clamp(18px,4vw,52px) !important;
  background:rgba(3,9,19,.88) !important;border-bottom:1px solid rgba(125,211,252,.09) !important;
}
.logo{font-size:1.42rem !important;color:#f8fbff !important;text-shadow:none !important}
.nav-links>a,.dropdown>a{
  padding:9px 12px !important;border-radius:10px !important;color:#aebed1 !important;
}
.nav-links>a:hover,.dropdown>a:hover{background:rgba(56,189,248,.07) !important;color:#fff !important;transform:none !important}
.nav-links>a.active{background:linear-gradient(135deg,#0ea5e9,#4f46e5) !important;box-shadow:0 8px 25px rgba(37,99,235,.18) !important}
.dropdown-content{
  background:rgba(7,17,31,.985) !important;border-color:rgba(125,211,252,.10) !important;
  border-radius:14px !important;box-shadow:0 25px 70px rgba(0,0,0,.45) !important;
}
.ts-banner{
  width:min(1200px,calc(100% - 32px)) !important;margin:16px auto 0 !important;
  border-radius:14px !important;box-shadow:0 15px 45px rgba(0,0,0,.24) !important;
}
.container,.page,.public-main,.page-wrap,.content-wrap,.legal-page,.contact-page,.rules-page,.gameserver-page,.ts-page{
  width:min(1200px,calc(100% - 32px)) !important;
}
.container{padding:28px 0 12px !important;gap:16px !important}
.card-single,.public-card,.content-card,.legal-card,.contact-card,.rules-card,.server-card,.info-card,.card{
  background:linear-gradient(145deg,rgba(13,28,48,.94),rgba(10,21,37,.84)) !important;
  border:1px solid rgba(255,255,255,.065) !important;border-radius:18px !important;
  box-shadow:0 18px 55px rgba(0,0,0,.20) !important;
}
.card-single{padding:23px !important}
.card-single:before{width:95px !important;background:linear-gradient(90deg,#38bdf8,#6366f1) !important}
.card-single:hover{transform:translateY(-2px) !important;border-color:rgba(56,189,248,.15) !important}
.card-single h2{font-size:18px !important}
.card-single p{font-size:12px !important;color:#b5c5d8 !important}
.status-container{width:min(1200px,calc(100% - 32px)) !important;gap:12px !important;padding:10px 0 26px !important}
.status-card{
  background:linear-gradient(145deg,rgba(13,28,48,.92),rgba(10,21,37,.82)) !important;
  border:1px solid rgba(255,255,255,.065) !important;border-radius:15px !important;
}
footer{width:min(1200px,calc(100% - 32px)) !important;border-top:1px solid rgba(125,211,252,.08) !important}

/* Status page */
.page .hero,.hero{
  border-radius:20px !important;
  background:radial-gradient(circle at 88% 15%,rgba(99,102,241,.23),transparent 30%),linear-gradient(120deg,rgba(10,35,62,.94),rgba(13,24,48,.84)) !important;
  border:1px solid rgba(56,189,248,.12) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.22) !important;
}
.overall{
  border-radius:17px !important;background:rgba(13,28,48,.86) !important;
  border-color:rgba(34,197,94,.14) !important;box-shadow:0 15px 45px rgba(0,0,0,.18) !important;
}
.status-grid .status-card{transition:.18s ease}
.status-grid .status-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.16) !important}

/* GameServer */
.gs-page{width:min(1200px,calc(100% - 32px)) !important}
.gs-summary-card,.gs-card,.gs-total{
  background:linear-gradient(145deg,rgba(13,28,48,.94),rgba(10,21,37,.82)) !important;
  border-color:rgba(255,255,255,.065) !important;border-radius:18px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.19) !important;
}
.gs-card:hover{border-color:rgba(56,189,248,.16) !important}

@media(max-width:700px){
  .navbar{min-height:64px !important}.logo{font-size:1.2rem !important}
  .container,.page,.public-main,.page-wrap,.content-wrap,.legal-page,.contact-page,.rules-page,.gameserver-page,.ts-page,
  .status-container,.gs-page,footer{width:calc(100% - 22px) !important}
}