@font-face {
	font-family: 'Aldhabi';
	font-style: normal;
	font-weight: normal;
	src: local('Aldhabi'), url('../fonts/aldhabi.woff') format('woff');
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(../fonts/ubuntu-regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(../fonts/ubuntu-medium.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../fonts/ubuntu-bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(../fonts/ubuntu-regular-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'), url(../fonts/ubuntu-medium-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Reset/Grundwerte */
*{ margin:0; padding:0; }
*:focus{ outline:none; }
::selection{ background:#6c233d; color:#b66241; }
::-moz-selection{ background:#6c233d; color:#b66241; }

body{
	font-family:'Ubuntu',sans-serif;
	font-weight:400;
	font-size:10px;
	color:#ffded2;
	letter-spacing:.5px;
	line-height:102%;
	background-color:#220b1d;
	background-image:url(../img/bg.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:auto;
}

#houses{
	position:fixed; z-index:2;
	background-image:url(../img/houses.png);
	top:0; left:0; bottom:0; right:0;
	background-position:100% 100%;
	overflow:hidden;
	background-repeat:no-repeat;
}

#highlight{
	position:fixed; z-index:2;
	top:0; left:0; width:50px; height:50px;
	border-radius:100%;
	background-color:rgba(255,213,178,.75);
	mix-blend-mode:overlay;
	filter:blur(30px);
}

#border{
	z-index:6; position:fixed;
	background-image:url(../img/border.png);
	top:0; left:0; bottom:0; right:0;
	background-position:center bottom;
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}

video{
	position:fixed; bottom:0; left:0;
	border:0; overflow:hidden; opacity:.35;
	width:100%; height:auto;
}

/* =======================================================
   MODERN NAVBAR (zentriert + glassy)
   ======================================================= */
#mainnav{
	position:fixed;
	z-index:102;
	top:16px;
	left:50%;
	transform:translateX(-50%);
	height:60px;
	width:min(980px,92%);
	padding:0 16px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(12,4,10,.45);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	border:1px solid rgba(255,255,255,.08);
	border-radius:14px;
	box-shadow:0 8px 30px rgba(0,0,0,.35);
}

/* Menü (zentriert, moderne Abstände) */
#mainnav ul{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:26px;
	list-style:none;
	height:100%;
	padding-right:0;
}

#mainnav ul li{ position:relative; }

#mainnav ul li a{
	color:#ffded2;
	letter-spacing:2.5px;
	padding:0;
	display:inline-block;
	text-decoration:none;
	position:relative;
	transition:color .2s ease-in-out, opacity .2s ease-in-out;
}

#mainnav ul li a:not(.first):before{ content:''; padding-right:0; }

#mainnav ul li a::after{
	content:'';
	position:absolute; left:0; bottom:-8px;
	height:2px; width:0; background:#ffded2;
	transition:width .25s ease; opacity:.9;
}
#mainnav ul li a:hover{ color:#fff0ea; }
#mainnav ul li a:hover::after,
#mainnav ul li a.active::after{ width:100%; }

/* Burger/Offcanvas (ausblenden, falls vorhanden) */
#menuToggle, #shownnav{ display:none !important; }

/* Social Icons (falls genutzt) */
#social{
	position:fixed; top:75px; right:40px; z-index:100;
	display:flex;
}
.scircle{
	height:38px; width:38px; border-radius:100%;
	border:1px inset rgba(255,255,255,.5);
	display:flex; align-items:center; justify-content:center;
	color:#ffded2; margin-left:16px; text-decoration:none !important;
}
.scircle span{ font-size:14.25px !important; }
.scircle:hover{ border:2px solid #ffded2; height:36px; width:36px; }

.mainBlur{ filter:blur(7px); }

/* Vollbild-Overlay-Navi (deaktiviert) */
#shownnav{ background-color:rgba(22,9,19,.75); z-index:101; display:none; }

/* Hauptbereich */
main{
	position:fixed; z-index:8;
	top:0; left:0; bottom:0; right:0;
}
.section{ width:98% !important; margin:0 auto !important; }

.slimScrollRail{ width:2px !important; opacity:1 !important; background:#2a1a25 !important; display:block !important; }
.slimScrollBar{ width:2px !important; opacity:1 !important; border-radius:0 !important; background:#ffded2 !important; }

.content{ padding:10px 20%; line-height:20px; font-size:12px; }

/* FullPage.js Dots */
#fp-nav.right{ right:22px !important; }
#fp-nav ul li a span{ height:5px !important; width:5px !important; background:#56334c !important; }
#fp-nav ul li a.active span{ background:#ffe8e0 !important; width:10px !important; height:10px !important; }
#fp-nav{ top:46% !important; }
#fp-nav ul li .fp-tooltip{
	position:absolute !important; top:.2px !important; color:#7b536f !important;
	font-size:11px !important; font-family:'Ubuntu',sans-serif !important;
	right:25px !important; white-space:nowrap !important; max-width:220px !important;
	overflow:visible !important; display:block !important; letter-spacing:4px; text-transform:uppercase;
}

#footnav{
	position:fixed; z-index:102;
	bottom:24px; left:50%; transform:translateX(-50%);
	height:40px; width:min(720px,92%); padding:0 14px;
	display:flex; align-items:center; justify-content:center;
	background:rgba(12,4,10,.35);
	backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	box-shadow:0 6px 22px rgba(0,0,0,.28);
}

#footnav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  height: 100%;
  padding: 0;
  margin: 0;
}

#footnav ul li {
  flex: 1;             
  font-size: 9px;
}

#footnav ul li.left   { text-align: left; }
#footnav ul li.center { text-align: center; }
#footnav ul li.right  { text-align: right; }

#footnav ul li a {
  color: #ffded2;
  letter-spacing: 2.5px;
  text-decoration: none;
  transition: color .2s ease-in-out;
}

#footnav ul li a:hover {
  color: #fff0ea;
}


@media (max-width: 600px) {
  #footnav ul {
    flex-direction: column;
    justify-content: center;
    gap: 8px;
  }
  #footnav ul li {
    flex: unset;
    width: 100%;
    text-align: center;
  }
}

/* Start/Typografie */
.start{ text-align:center; }
.headline{
	font-family:'Aldhabi'; font-size:27px; text-transform:uppercase;
	color:#fff3ee; text-shadow:0 3px 3px rgba(0,0,0,.7);
	letter-spacing:9px; padding-bottom:20px;
}
.title{
	font-family:'Aldhabi'; font-size:80px; text-transform:uppercase;
	color:#fff3ee; text-shadow:0 3px 3px rgba(0,0,0,.7);
	letter-spacing:9px; padding-bottom:20px;
}
.start hr{
	width:820px; margin:0 auto; border:0; height:1px;
	background-color:rgba(255,237,234,.5);
}
#logo{ padding-top:25px; padding-bottom:45px; }
.subline{
	font-family:'Aldhabi'; font-size:20px; text-transform:uppercase;
	color:#fff3ee; text-shadow:0 3px 3px rgba(0,0,0,.7); letter-spacing:9px;
}

/* Button */
.btn{
	font-size:11px; color:#fff5f1; text-transform:uppercase;
	height:45px; width:246px; line-height:45px; margin:82px auto 0;
	letter-spacing:7px; position:relative; text-decoration:none; display:block;
	background:transparent; border:0; text-align:center; transition:all .4s ease-in-out;
}
.btn:before{
	content:''; position:absolute; top:-6px; left:0; right:-6px; bottom:0;
	border:1px solid rgba(255,255,255,.3); transition:all .4s ease-in-out;
}
.btn:after{
	content:''; position:absolute; top:0; left:-6px; right:0; bottom:-6px;
	border:1px solid rgba(255,255,255,.3); transition:all .4s ease-in-out;
}
.btn:hover:before,
.btn:hover:after{
	top:-8px; left:-8px; right:-8px; bottom:-8px;
}

h2{ padding-bottom:30px; }

#sec_down{
	position:fixed; z-index:9; bottom:190px; left:50%;
	color:#fff5f1; font-size:10px; letter-spacing:5px; width:200px; margin-left:-100px;
	text-transform:uppercase; text-align:center; cursor:pointer; transition:all .5s ease-in-out;
}
#sec_down:hover{ opacity:.45; transform:scale(.96); }
.down_btn{ width:35px; height:19px; margin:20px auto 0; background-image:url(../img/down.png); }

.content h2{
	font-size:28px; letter-spacing:10px; text-transform:uppercase;
	text-align:center; font-weight:normal; color:#fff3ee; padding-bottom:60px;
}

/* Formulare */
form{ text-align:center; }

form input:not([type=submit]) {
    font-family: 'Ubuntu', Arial, sans-serif !important;
    text-transform: none !important;
    letter-spacing: 1px !important;   /* enger, damit es nicht so verzerrt aussieht */
    font-size: 14px !important;       /* gut lesbar */
    color: #fff3ee !important;        /* deine alte Schriftfarbe */
}

form input:not([type=submit]):focus + .reg_info{
	opacity:1; padding-top:10px; padding-bottom:10px; height:auto;
}
.reg_info{
	color:#fff3ee; font-size:10px; letter-spacing:3px; width:463px; margin:0 auto 12px;
	background-color:rgba(0,0,0,.2); overflow:hidden; height:0; opacity:0; margin-top:-14px;
	transition:all .4s ease-in-out;
}

::-webkit-input-placeholder{ color:#fff3ee; font-size:10px; letter-spacing:7px; text-transform:uppercase; font-family:'Ubuntu'; opacity:.85; }
::-moz-placeholder{ color:#fff3ee; font-size:10px; letter-spacing:7px; text-transform:uppercase; font-family:'Ubuntu'; opacity:.85; }
:-ms-input-placeholder{ color:#fff3ee; font-size:10px; letter-spacing:7px; text-transform:uppercase; font-family:'Ubuntu'; opacity:.85; }
:-moz-placeholder{ color:#fff3ee; font-size:10px; letter-spacing:7px; text-transform:uppercase; font-family:'Ubuntu'; opacity:.85; }

.pws,.pwc{ color:red; font-weight:bold; }

/* Spielereien */
@keyframes nybumode { from{transform:rotate(0) scale(1);filter:hue-rotate(0);} to{transform:rotate(359deg) scale(3);filter:hue-rotate(359deg);} }
@-webkit-keyframes nybumode { from{-webkit-transform:rotate(0) scale(1);-webkit-filter:hue-rotate(0);} to{-webkit-transform:rotate(359deg) scale(3);-webkit-filter:hue-rotate(359deg);} }
.nybumode{
	animation:nybumode 5s linear infinite;
	-webkit-animation:nybumode 5s linear infinite;
}

/* Fullpage Pfeile */
.fp-controlArrow.fp-prev{
	left:255px !important; width:0 !important;
	border-width:20px 20px 20px 0 !important;
	border-color:transparent rgba(255,245,241,.15) transparent transparent !important;
	transition:all .25s ease-in-out;
}
.fp-controlArrow.fp-prev:hover{ border-color:transparent rgba(255,245,241,1) transparent transparent !important; }
.fp-controlArrow.fp-next{
	right:255px !important; width:0 !important;
	border-width:20px 0 20px 20px !important;
	border-color:transparent transparent transparent rgba(255,245,241,.15) !important;
	transition:all .25s ease-in-out;
}
.fp-controlArrow.fp-next:hover{ border-color:transparent transparent transparent rgba(255,245,241,1) !important; }

/* Spalten */
.cols{ display:flex; justify-content:space-between; }
.text_col{ flex-shrink:0; width:55%; }
.img_col{ flex-shrink:0; width:38%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.imgborder{
	flex-shrink:0; width:42%; height:120px; border-radius:10px; border:2px solid #ffded2;
	overflow:hidden; padding:9px; margin-bottom:30px; transition:all .3s ease-in-out;
}
.imgborder a{ display:block; overflow:hidden; width:100%; height:100%; border-radius:10px; }
.imgborder:hover{ opacity:.5; }
.img_col a img{ width:110%; height:auto; }

/* ---- Responsive ---- */
@media (min-width:1921px){
	#lycan_shadow{ background-size:auto 147%; }
}
@media (max-width:1500px){
	#lycan_shadow{ background-size:auto 143%; background-position:-925px 105px; }
	.content{ padding:10px 16%; }
	.fp-controlArrow.fp-prev{ left:130px !important; }
	.fp-controlArrow.fp-next{ right:130px !important; }
	video{ height:100%; width:auto; }
}
@media (max-width:1235px){
	.start hr{ width:95%; }
	#logo{ width:85%; }
}
@media (max-width:1210px){
	#sec_down{ bottom:110px; }
	.content{ padding:10px 12%; }
	.fp-controlArrow.fp-prev{ left:55px !important; }
	.fp-controlArrow.fp-next{ right:55px !important; }
	.cols{ display:block; }
	.text_col,.img_col{ width:95%; }
	.img_col{ margin-top:80px; }
	.imgborder{ width:46%; }
}
@media (max-width:1024px){
	#sec_down{ display:none !important; }
	.img_col{ display:block; }
	.text_col,.img_col{ width:92%; }
	.imgborder{ width:100%; height:170px; }
	#lycan,#lycan_shadow{ display:none !important; }
}
@media (max-width:700px){
	/* Navigationsleisten sichtbar lassen, nur kleiner */
	#social{ right:20px; top:5px; z-index:102; }
	form input:not([type="submit"]){ width:100%; }
	.fp-controlArrow.fp-prev{ left:15px !important; margin-top:-40%; }
	.fp-controlArrow.fp-next{ right:15px !important; margin-top:-40%; }
	.content{ padding:10px 8%; }

	#mainnav{
		top:10px; height:54px; width:94%;
	}
	#mainnav ul{ gap:16px; }
	#mainnav ul li a{ letter-spacing:1.5px; font-size:12px; }

	#footnav{
		bottom:14px; height:38px; width:94%;
	}
}
@media (max-width:660px){
	#social{ transform:scale(.8); right:5px; }
	#navicon{ margin-left:18px; }
	.content h2{ font-size:19px; font-weight:normal; letter-spacing:4px; padding-bottom:30px; }
	.content{ font-size:15px; line-height:24px; padding:10px 7%; }
	#spears{ display:none !important; }
	#logo,.subline{ display:none; }
	.headline{ display:block; height:305px; }
	.start hr{ display:none; }
	.btn{ display:none; }
	#border{ background-image:url(../img/border_mobile.png); }
}

form input:not([type=submit]){
    display:block; background:transparent;
    border:1px solid rgba(255,255,255,.5);
    border-radius:7px; height:42px; width:463px;
    margin:18px auto; text-align:center; color:#fff3ee;
    font-size:10px; letter-spacing:7px;
    text-transform:uppercase;   /* <- DAS ist der Übeltäter */
    font-family:'Ubuntu';
}

:root{
  --dw-bg: rgba(20,10,18,.72);
  --dw-border: rgba(255,255,255,.14);
  --dw-text: #ffefe7;
  --dw-muted: #e9d6cf;
  --dw-shadow: 0 12px 40px rgba(0,0,0,.45);
  --dw-accent: #5865F2;   /* Discord */
  --dw-accent2:#8a9bff;
  --dw-success:#23a55a;
}

#discordWidget.dw--minimal {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  /* restliche Styles ... */
}

#discordWidget .dw-head{
  display:flex; align-items:center; gap:8px; margin-bottom:8px;
}
#discordWidget .dw-head img{
  width:18px; height:18px; opacity:.9; filter: drop-shadow(0 0 0 rgba(0,0,0,0));
}
#discordWidget .dw-head strong{
  font-weight:600; letter-spacing:.3px; text-transform:none; color:#ffece5; font-size:13px;
}

#discordWidget .dw-counts{
  display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px;
}
#discordWidget .dw-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 8px; border-radius:8px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  font-size:12px; letter-spacing:.2px; color:#ffded2;
}
#discordWidget .dw-dot{
  width:7px; height:7px; border-radius:50%; background:#2cc470;
  box-shadow:0 0 8px rgba(44,196,112,.9);
}

#discordJoin {
  display: inline-block;
  min-width: unset;           
  width: auto;                
  padding: 4px 8px;           
  border-radius: 5px;
  background: linear-gradient(135deg,#7289da,#5865f2);
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 11px;
  letter-spacing: .3px;
  border: 1px solid rgba(255,255,255,.15);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
#discordJoin:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 8px rgba(114,137,218,.6);
  filter: brightness(1.1);
}

#discordWidget .dw-skel{
  height:12px; width:72px; border-radius:6px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
  background-size:200% 100%; animation:dw-shimmer 1.1s linear infinite;
}
@keyframes dw-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

@media (max-width:700px){
  #discordWidget.dw--minimal{ right:12px; bottom:12px; width:210px; }
}

#discordWidget .dw-head {
  display:flex; align-items:center; gap:10px; margin-bottom:10px;
}

#discordWidget .dw-icon{
  position: relative;
  width: 36px;    
  height: 36px;
  display: grid;
  place-items: center;
  animation: dw-breathe 2.6s ease-in-out infinite;
}

#discordWidget .dw-icon img{
  width: 32px;    
  height: 32px;
  display: block;
  border-radius: 8px;     
  object-fit: cover;
}

#discordWidget .dw-icon .dw-dot{
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2cc470;
  box-shadow: 0 0 8px rgba(44,196,112,.9), 0 0 2px rgba(44,196,112,.9);
  animation: dw-pulse 1.8s ease-in-out infinite;
}


#discordWidget .dw-head strong{
  font-size:13px; font-weight:600; letter-spacing:1.2px;
  color:#cfc7ff; text-shadow:0 0 6px rgba(120,100,255,.45);
}

#discordJoin{
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  padding:6px 12px;                 /* kompakt */
  border-radius:8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.2px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#7289da 0%, #5865f2 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 6px 18px rgba(88,101,242,.35),
    inset 0 0 0 1px rgba(255,255,255,.10);
  position:relative;
  overflow:hidden;
  width:auto !important;
  min-width:unset !important;
  cursor:pointer;
  transition:
    transform .12s ease,
    box-shadow .2s ease,
    filter .2s ease;
}

#discordJoin::before{
  content:"";
  width:14px;height:14px; flex:0 0 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.317 4.369A19.791 19.791 0 0 0 16.558 3c-.2.353-.437.83-.6 1.215a18.27 18.27 0 0 0-7.915 0c-.165-.386-.4-.862-.6-1.215A19.736 19.736 0 0 0 3.68 4.37C1.61 7.62.957 10.75 1.173 13.84A19.9 19.9 0 0 0 7.01 16.5c.235-.318.444-.656.626-1.01a12.86 12.86 0 0 1-1.978-.962c.167-.12.331-.245.49-.373a13.93 13.93 0 0 0 11.7 0c.16.13.323.254.49.373-.63.36-1.3.682-1.98.962.182.354.39.692.626 1.01a19.86 19.86 0 0 0 5.836-2.659c.303-4.263-.735-7.36-2.492-9.812zM9.3 13.2c-.9 0-1.63-.823-1.63-1.839 0-1.016.73-1.84 1.63-1.84.9 0 1.63.824 1.63 1.84 0 1.016-.73 1.84-1.63 1.84zm5.4 0c-.9 0-1.63-.823-1.63-1.839 0-1.016.73-1.84 1.63-1.84.9 0 1.63.824 1.63 1.84 0 1.016-.73 1.84-1.63 1.84z'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity:.95;
}

#discordJoin::after{
  content:"";
  position:absolute;
  top:-40%; left:-120%;
  width:60%; height:180%;
  transform:rotate(25deg);
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 100%);
  opacity:.35;
  pointer-events:none;
  animation:join-sheen 3.2s ease-in-out infinite;
}

#discordJoin:hover, #discordJoin:focus{
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:
    0 10px 26px rgba(88,101,242,.48),
    inset 0 0 0 1px rgba(255,255,255,.18);
}

#discordJoin{
  animation:join-pulse 2.6s ease-in-out infinite;
}

/* Keyframes */
@keyframes join-sheen{
  0%   { left:-120%; }
  45%  { left:120%; }
  100% { left:120%; }
}
@keyframes join-pulse{
  0%,100% { transform:translateY(0) scale(1); box-shadow:0 6px 18px rgba(88,101,242,.35), inset 0 0 0 1px rgba(255,255,255,.10); }
  50%     { transform:translateY(-1px) scale(1.03); box-shadow:0 12px 28px rgba(88,101,242,.5), inset 0 0 0 1px rgba(255,255,255,.16); }
}

#discordWidget.dw--minimal{
  position:fixed; right:20px; bottom:20px; z-index:9999;
  width:240px; padding:14px 16px; border-radius:12px;
  background:rgba(20,12,25,.85);
  border:1px solid rgba(255,255,255,.10);
  color:#fff0ea; font-family:'Ubuntu',sans-serif; font-size:12px;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  transition:transform .2s ease, box-shadow .25s ease;
}
#discordWidget.dw--minimal:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(0,0,0,.5);
}

/* Keyframes */
@keyframes dw-breathe{
  0%   { filter: drop-shadow(0 0 0 rgba(114,137,218,0)); transform:scale(1); }
  50%  { filter: drop-shadow(0 0 8px rgba(114,137,218,.7)); transform:scale(1.05); }
  100% { filter: drop-shadow(0 0 0 rgba(114,137,218,0)); transform:scale(1); }
}
@keyframes dw-pulse{
  0%   { box-shadow:0 0 6px rgba(44,196,112,.8), 0 0 2px rgba(44,196,112,.8); transform:scale(1); }
  50%  { box-shadow:0 0 14px rgba(44,196,112,1), 0 0 6px rgba(44,196,112,1); transform:scale(1.1); }
  100% { box-shadow:0 0 6px rgba(44,196,112,.8), 0 0 2px rgba(44,196,112,.8); transform:scale(1); }
}

@media (max-width:700px){
  #discordWidget.dw--minimal{ right:12px; bottom:12px; width:210px; }
}