/* =========================================================
   v561 – Brawlmon Charakterauswahl
   2D / leichter Cartoon-Stil, native Referenz 1600×900
   ========================================================= */

.character-select-v561{
  position:fixed;
  inset:0;
  z-index:2147482500;
  display:none;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#10140f;
}

.character-select-v561[aria-hidden="false"]{
  display:flex;
}

.character-select-stage-v561{
  --character-select-scale-v561:1;
  position:absolute;
  left:50%;
  top:50%;
  width:1600px;
  height:900px;
  transform:
    translate(-50%,-50%)
    scale(var(--character-select-scale-v561));
  transform-origin:center center;
  overflow:hidden;
  font-family:inherit;
  color:#f8ead0;
}

.character-select-bg-v561{
  position:absolute;
  inset:0;
  width:1600px;
  height:900px;
  object-fit:cover;
  /* v1028: Startbildschirm verschwommen im Hintergrund */
  filter:blur(6px) brightness(.55) saturate(.85);
  transform:scale(1.03);
  user-select:none;
  pointer-events:none;
}

.character-select-vignette-v561{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 45%,
      rgba(55,72,38,.05) 0%,
      rgba(18,21,14,.18) 52%,
      rgba(8,10,7,.78) 100%),
    linear-gradient(to bottom,
      rgba(11,15,9,.58),
      transparent 28%,
      transparent 72%,
      rgba(8,9,6,.62));
}

.character-select-header-v561{
  position:absolute;
  top:62px;
  left:50%;
  width:780px;
  transform:translateX(-50%);
  text-align:center;
  z-index:3;
  text-shadow:0 3px 0 rgba(42,26,12,.85),0 5px 12px rgba(0,0,0,.55);
}

.character-select-kicker-v561{
  display:inline-block;
  margin-bottom:6px;
  padding:5px 18px 6px;
  border-radius:999px;
  border:2px solid rgba(236,190,93,.52);
  background:rgba(58,40,18,.72);
  color:#eecb7e;
  font-size:18px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.character-select-header-v561 h1{
  margin:8px 0 6px;
  font-size:54px;
  line-height:1;
  color:#fff0c9;
  letter-spacing:.01em;
}

.character-select-header-v561 p{
  margin:0;
  font-size:20px;
  font-weight:650;
  color:#decda9;
}

.character-card-select-v561{
  position:absolute;
  left:50%;
  top:198px;
  width:520px;
  height:540px;
  transform:translateX(-50%);
  z-index:4;
  border:5px solid #68451f;
  border-radius:30px;
  background:
    linear-gradient(180deg,
      rgba(243,213,152,.97) 0%,
      rgba(218,171,94,.98) 13%,
      rgba(112,75,34,.98) 14%,
      rgba(74,51,28,.98) 100%);
  box-shadow:
    0 16px 0 #35210f,
    0 24px 38px rgba(0,0,0,.48),
    inset 0 0 0 3px rgba(255,236,177,.38);
  overflow:hidden;
  cursor:default;
}

.character-card-select-v561::before,
.character-card-select-v561::after{
  content:"";
  position:absolute;
  z-index:8;
  width:58px;
  height:58px;
  border:5px solid #d7a852;
  pointer-events:none;
}

.character-card-select-v561::before{
  top:12px;
  left:12px;
  border-right:0;
  border-bottom:0;
  border-radius:16px 0 0 0;
}

.character-card-select-v561::after{
  top:12px;
  right:12px;
  border-left:0;
  border-bottom:0;
  border-radius:0 16px 0 0;
}

.character-card-top-v561{
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
}

.character-card-badge-v561{
  padding:7px 20px;
  border:2px solid #6b471f;
  border-radius:999px;
  background:#edcb81;
  color:#5a3817;
  font-size:17px;
  font-weight:900;
  letter-spacing:.09em;
  box-shadow:0 3px 0 rgba(51,30,12,.45);
}

.character-portrait-wrap-v561{
  position:absolute;
  left:28px;
  right:28px;
  top:76px;
  height:330px;
  border:4px solid #382815;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 60%,rgba(143,184,97,.58),transparent 45%),
    linear-gradient(#637d49,#36492c);
  box-shadow:
    inset 0 0 28px rgba(0,0,0,.36),
    0 5px 0 rgba(40,25,12,.38);
}

.character-portrait-wrap-v561::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,
      transparent 0 46%,
      rgba(255,255,255,.08) 47% 50%,
      transparent 51% 100%);
  pointer-events:none;
}

.character-portrait-glow-v561{
  position:absolute;
  left:50%;
  bottom:34px;
  width:260px;
  height:145px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(219,245,159,.3),rgba(124,167,82,.12) 50%,transparent 72%);
  filter:blur(8px);
}

#characterPortraitMarvV648{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:38px;
  width:215px;
  height:255px;
  transform:translateX(-50%);
  object-fit:contain;
  object-position:center bottom;
  image-rendering:auto;
  user-select:none;
  pointer-events:none;
  filter:drop-shadow(0 8px 3px rgba(0,0,0,.45));
}

.character-platform-v561{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:22px;
  width:260px;
  height:66px;
  transform:translateX(-50%);
  border:4px solid #4b3217;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 34%,
      #d3ae66 0%,
      #9a6b32 50%,
      #58381b 72%,
      #2e1e10 100%);
  box-shadow:0 9px 0 rgba(37,24,11,.7);
}

.character-card-info-v561{
  position:absolute;
  left:26px;
  right:26px;
  bottom:22px;
  height:100px;
  z-index:6;
  text-align:center;
}

.character-card-info-v561 h2{
  margin:0 0 5px;
  font-size:31px;
  color:#ffe6a8;
  text-shadow:0 3px 0 #38210f;
}

.character-card-info-v561 p{
  margin:0 0 8px;
  font-size:16px;
  color:#dfcca6;
  font-weight:650;
}

.character-choice-status-v561{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 14px;
  border-radius:999px;
  background:rgba(32,24,14,.72);
  color:#dcecaa;
  border:2px solid rgba(162,198,104,.55);
  font-size:14px;
  font-weight:800;
}

.character-choice-dot-v561{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#bfe36e;
  box-shadow:0 0 8px rgba(191,227,110,.55);
}

.character-select-arrow-v561{
  position:absolute;
  top:430px;
  z-index:5;
  width:68px;
  height:86px;
  border:4px solid #5e3b18;
  border-radius:20px;
  background:linear-gradient(#ddb462,#9b672a);
  color:#f8e4b5;
  font-size:58px;
  line-height:1;
  font-weight:900;
  box-shadow:0 7px 0 #3c2510,0 12px 22px rgba(0,0,0,.35);
}

.character-select-arrow-v561:disabled{
  opacity:.34;
  filter:saturate(.55);
}

.character-select-arrow-left-v561{
  left:408px;
}

.character-select-arrow-right-v561{
  right:408px;
}

.character-select-footer-v561{
  position:absolute;
  left:50%;
  bottom:42px;
  width:600px;
  transform:translateX(-50%);
  z-index:6;
  text-align:center;
}

.character-confirm-v561{
  min-width:360px;
  height:64px;
  padding:0 32px;
  border:4px solid #4f3215;
  border-radius:18px;
  background:
    linear-gradient(180deg,#f0cc73 0%,#c88932 54%,#a66224 100%);
  color:#3c260f;
  font-size:22px;
  font-weight:950;
  letter-spacing:.01em;
  text-shadow:0 1px 0 rgba(255,241,190,.55);
  box-shadow:
    0 8px 0 #44280f,
    0 14px 24px rgba(0,0,0,.4),
    inset 0 2px 0 rgba(255,245,202,.58);
  cursor:pointer;
  transition:transform .12s ease,filter .12s ease;
}

.character-confirm-v561:hover{
  filter:brightness(1.08);
  transform:translateY(-2px);
}

.character-confirm-v561:active{
  transform:translateY(4px);
  box-shadow:
    0 3px 0 #44280f,
    0 8px 18px rgba(0,0,0,.38);
}

.character-select-note-v561{
  margin-top:13px;
  color:#cbbb9b;
  font-size:15px;
  font-weight:700;
  text-shadow:0 2px 4px rgba(0,0,0,.7);
}

/* Während der Auswahl dürfen keine Spiel-HUDs sichtbar/anklickbar sein. */
body.character-select-active-v561 #playerHudV276,
body.character-select-active-v561 #systemHudV277,
body.character-select-active-v561 #backpackHudV79,
body.character-select-active-v561 #backpackPanelV98,
body.character-select-active-v561 #monsterHudSlotV527,
body.character-select-active-v561 #hudMonsterV521,
body.character-select-active-v561 #returnMainMenu{
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* v659 – permanenter Spielername bei der ersten Charakterauswahl */
.character-select-footer-v561{
  bottom:20px!important;
}
.character-name-create-v659{
  width:430px;
  margin:0 auto 12px;
  text-align:left;
}
.character-name-create-v659 label{
  display:block;
  margin:0 0 6px 3px;
  color:#ffe4a1;
  font-size:17px;
  font-weight:900;
  text-shadow:0 2px 3px rgba(0,0,0,.85);
}
.character-name-input-v659{
  box-sizing:border-box;
  width:100%;
  height:52px;
  padding:0 17px;
  border:4px solid #5a3718;
  border-radius:14px;
  outline:none;
  background:rgba(45,31,19,.94);
  color:#fff0c8;
  font:900 21px/1 Arial,sans-serif;
  letter-spacing:.02em;
  box-shadow:inset 0 2px 0 rgba(255,231,164,.12),0 5px 0 rgba(39,23,10,.68);
}
.character-name-input-v659:focus{
  border-color:#e0b75f;
  box-shadow:inset 0 2px 0 rgba(255,231,164,.15),0 5px 0 rgba(39,23,10,.68),0 0 0 3px rgba(224,183,95,.22);
}
.character-name-input-v659.name-error-v659{
  border-color:#d8664d;
}
.character-name-input-v659[readonly]{
  opacity:.76;
  cursor:not-allowed;
}
.character-name-hint-v659{
  margin:7px 3px 0;
  color:#cdbb95;
  font-size:13px;
  font-weight:700;
}
.character-name-error-v659{
  min-height:18px;
  margin:4px 3px 0;
  color:#ff9d7f;
  font-size:13px;
  font-weight:900;
}

/* v660 – Spielername direkt oben auf der Charakterkarte */
.character-card-playername-v660{
  top:18px!important;
  left:24px!important;
  right:24px!important;
  height:auto!important;
  display:block!important;
  text-align:left!important;
}
.character-card-playername-v660 label{
  display:block;
  margin:0 0 5px 3px;
  color:#ffe4a1;
  font-size:15px;
  font-weight:950;
  text-shadow:0 2px 3px rgba(0,0,0,.85);
}
.character-name-input-card-v660{
  width:100%!important;
  height:44px!important;
  padding:0 13px!important;
  font-size:18px!important;
}
.character-card-playername-v660 .character-name-hint-v659{
  margin-top:5px!important;
  font-size:11px!important;
}
.character-card-playername-v660 .character-name-error-v659{
  min-height:15px!important;
  margin-top:2px!important;
  font-size:11px!important;
}

/* Da das Namensfeld jetzt auf der Karte sitzt, kann der Footer wieder tiefer/kompakter sein. */
.character-select-footer-v561{
  bottom:42px!important;
}

/* v661 – Namensfeld etwas weiter nach oben */
.character-card-playername-v660{
  top:8px!important;
}

/* v662 – separates Fenster fuer den dauerhaften Spielernamen */
.player-name-setup-v662{
  position:fixed;
  inset:0;
  z-index:10050;
  display:none;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#17140f;
}
.player-name-setup-v662[aria-hidden="false"]{
  display:flex;
}
.player-name-stage-v662{
  position:relative;
  width:1600px;
  height:900px;
  transform-origin:center center;
  transform:scale(var(--player-name-scale-v662,1));
  flex:0 0 auto;
  overflow:hidden;
}
.player-name-bg-v662{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.player-name-vignette-v662{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 42%,rgba(0,0,0,.08),rgba(0,0,0,.58) 72%),
    linear-gradient(rgba(22,16,9,.16),rgba(22,16,9,.42));
}
.player-name-panel-v662{
  position:absolute;
  left:50%;
  top:50%;
  width:610px;
  min-height:420px;
  box-sizing:border-box;
  transform:translate(-50%,-50%);
  padding:42px 55px 40px;
  border:5px solid #5d3a18;
  border-radius:28px;
  background:
    linear-gradient(180deg,rgba(77,52,28,.97),rgba(40,29,19,.98));
  box-shadow:
    0 12px 0 rgba(39,23,10,.86),
    0 26px 60px rgba(0,0,0,.52),
    inset 0 2px 0 rgba(255,231,164,.18);
  text-align:center;
}
.player-name-kicker-v662{
  color:#d8bf83;
  font-size:17px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.player-name-panel-v662 h1{
  margin:10px 0 10px;
  color:#ffe8ad;
  font-size:35px;
  line-height:1.08;
  text-shadow:0 3px 0 #35200f;
}
.player-name-panel-v662 p{
  margin:0 auto 28px;
  max-width:470px;
  color:#d8c6a2;
  font-size:16px;
  font-weight:700;
  line-height:1.45;
}
.player-name-panel-v662 label{
  display:block;
  margin:0 0 8px;
  color:#f7d98d;
  font-size:18px;
  font-weight:950;
  text-align:left;
}
.player-name-input-v662{
  box-sizing:border-box;
  width:100%;
  height:62px;
  padding:0 18px;
  border:4px solid #6a421c;
  border-radius:15px;
  outline:none;
  background:#251c14;
  color:#fff0c7;
  font:900 24px/1 Arial,sans-serif;
  text-align:center;
  letter-spacing:.03em;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.05),0 6px 0 rgba(31,19,9,.72);
}
.player-name-input-v662:focus{
  border-color:#e1b85d;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.05),
    0 6px 0 rgba(31,19,9,.72),
    0 0 0 4px rgba(225,184,93,.18);
}
.player-name-input-v662.name-error-v662{
  border-color:#cf604a;
}
.player-name-hint-v662{
  margin-top:10px;
  color:#bfae8c;
  font-size:13px;
  font-weight:700;
}
.player-name-error-v662{
  min-height:22px;
  margin-top:5px;
  color:#ff9d7f;
  font-size:14px;
  font-weight:900;
}
.player-name-confirm-v662{
  min-width:310px;
  height:64px;
  margin-top:12px;
  padding:0 28px;
  border:4px solid #4f3215;
  border-radius:18px;
  background:linear-gradient(180deg,#f0cc73 0%,#c88932 54%,#a66224 100%);
  color:#3c260f;
  font-size:21px;
  font-weight:950;
  box-shadow:0 8px 0 #44280f,0 14px 24px rgba(0,0,0,.4);
  cursor:pointer;
}
body.player-name-setup-active-v662 #playerHudV276,
body.player-name-setup-active-v662 #systemHudV277,
body.player-name-setup-active-v662 #backpackHudV79,
body.player-name-setup-active-v662 #backpackPanelV98,
body.player-name-setup-active-v662 #monsterHudSlotV527,
body.player-name-setup-active-v662 #hudMonsterV521,
body.player-name-setup-active-v662 #returnMainMenu{
  display:none!important;
}

/* v662: alte Namensfeld-Regeln in der Charakterkarte deaktivieren */
.character-card-playername-v660{display:none!important;}

/* v664 Charakter02 */
.character-card-select-v561{display:none!important}.character-card-select-v561.selected-v561{display:block!important}
#characterPortraitLaurenV664{width:100%;height:100%;object-fit:contain;object-position:center bottom}

/* v679 – Charakter02 exakt wie Charakter01 darstellen */
#characterPortraitMarvV648,
#characterPortraitLaurenV664{
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  z-index:5!important;
}

.character-platform-v561{
  z-index:4!important;
}

/* Lauren nicht separat vergroessern oder anders skalieren */
#characterPortraitLaurenV664{
  scale:1!important;
}

/* v680 – Beide Charaktere in der Auswahl kleiner darstellen */
#characterPortraitMarvV648,
#characterPortraitLaurenV664{
  width:82%!important;
  height:82%!important;
  max-width:82%!important;
  max-height:82%!important;
  bottom:34px!important;
}

/* v681 – Unteren Charakternamen in der Charakterauswahl ausblenden */
.character-name-v561,
#characterNameV561,
#characterLabelV561,
.character-card-name-v561{
  display:none!important;
}

/* v682 – Charakterauswahl aufraeumen */
/* CHARAKTER01 / CHARAKTER02 oben entfernen */
.character-card-badge-v561{
  display:none!important;
}

/* Name direkt ueber „Ein neuer Abenteurer aus Eichenruh“ entfernen */
.character-card-name-v561,
.character-name-v561,
#characterNameV561,
#characterLabelV561,
.character-card-title-v561{
  display:none!important;
}


/* =========================================================
   v1029 – Fenster einheitlich dunkel; oben Mann/Frau-Auswahl
   ========================================================= */
.character-card-select-v561{
  background:linear-gradient(180deg,rgba(112,75,34,.98) 0%,rgba(74,51,28,.98) 100%) !important;
}
.character-card-badge-v561{display:none !important;}
.character-gender-v1029{
  position:absolute;
  left:50%;
  top:214px;
  transform:translateX(-50%);
  z-index:9;
  display:flex;
  gap:14px;
}
#characterSelectV561 .character-gender-btn-v1029{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:128px !important;
  justify-content:center !important;
  padding:7px 18px !important;
  border:2px solid #382815 !important;
  border-radius:999px !important;
  background:linear-gradient(#5b3f20,#3e2a15) !important;
  color:#d9c193 !important;
  font:900 18px/1 Georgia,"Times New Roman",serif !important;
  letter-spacing:.03em !important;
  cursor:pointer !important;
  box-shadow:0 3px 0 rgba(30,18,8,.55), inset 0 1px 0 rgba(255,230,170,.12) !important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease !important;
}
#characterSelectV561 .character-gender-btn-v1029:hover{color:#fff0cf !important;box-shadow:0 3px 0 rgba(30,18,8,.55),0 0 10px rgba(255,214,120,.35) !important;}
#characterSelectV561 .character-gender-icon-v1029{font-size:23px !important;line-height:1 !important;}
#characterSelectV561 .character-gender-btn-v1029.active-v1029{
  background:linear-gradient(#e6c477,#b8863e) !important;
  color:#3c250f !important;
  border-color:#6b471f !important;
  box-shadow:0 3px 0 rgba(51,30,12,.55),0 0 12px rgba(255,214,120,.45) !important;
}
#characterSelectV561 .character-gender-btn-v1029:focus-visible{outline:2px solid #ffe6a5 !important;outline-offset:2px !important;}

/* =========================================================
   v1030 – Charakterfenster lebendiger gestaltet
   ========================================================= */
/* Holzrahmen mit feiner Maserung, goldener Innenkante und Nieten */
.character-card-select-v561{
  border:5px solid #5a3a19 !important;
  background:
    radial-gradient(circle at 22px calc(100% - 22px),#f4d38a 0 3px,#8a5c25 4px,transparent 5px),
    radial-gradient(circle at calc(100% - 22px) calc(100% - 22px),#f4d38a 0 3px,#8a5c25 4px,transparent 5px),
    radial-gradient(ellipse at 50% -10%,rgba(255,214,140,.22),transparent 55%),
    repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.035) 2px 5px,rgba(255,255,255,0) 5px 11px),
    linear-gradient(180deg,#7a5129 0%,#5e3d1e 45%,#47301a 100%) !important;
  box-shadow:
    0 16px 0 #2f1d0c,
    0 26px 44px rgba(0,0,0,.55),
    inset 0 0 0 3px rgba(240,196,110,.55),
    inset 0 0 0 7px rgba(58,36,16,.85),
    inset 0 0 0 9px rgba(214,165,82,.35),
    inset 0 0 40px rgba(0,0,0,.35) !important;
}
/* Goldecken oben dezenter, dafür auch unten */
.character-card-select-v561::before,
.character-card-select-v561::after{border-color:#e0b25e !important;filter:drop-shadow(0 0 4px rgba(255,205,110,.35));}

/* Mann/Frau als runde Medaillons (nur Symbole) */
#characterSelectV561 .character-gender-v1029{top:206px !important;gap:18px !important;}
#characterSelectV561 .character-gender-btn-v1029{
  min-width:0 !important;
  width:54px !important;
  height:54px !important;
  padding:0 !important;
  border-radius:50% !important;
  border:3px solid #c99a4a !important;
  background:radial-gradient(circle at 50% 35%,#5c3e1f 0%,#3a2612 70%,#2a1b0d 100%) !important;
  color:#e7cf98 !important;
  box-shadow:0 4px 0 rgba(30,18,8,.65),inset 0 0 0 2px rgba(42,27,13,.9),inset 0 2px 6px rgba(255,220,150,.18) !important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease !important;
}
#characterSelectV561 .character-gender-icon-v1029{font-size:30px !important;line-height:1 !important;font-weight:900 !important;font-family:"Segoe UI Symbol","DejaVu Sans",Arial,sans-serif !important;}
#characterSelectV561 .character-gender-btn-v1029:hover{transform:translateY(-1px) scale(1.05) !important;color:#fff0cf !important;}
#characterSelectV561 .character-gender-btn-v1029.active-v1029{
  border-color:#fff0bf !important;
  background:radial-gradient(circle at 50% 35%,#ffe7a3 0%,#e4b75e 55%,#a8742f 100%) !important;
  color:#4a2c10 !important;
  transform:scale(1.08) !important;
  box-shadow:0 4px 0 rgba(51,30,12,.6),0 0 16px rgba(255,214,120,.75),0 0 30px rgba(255,190,80,.35) !important;
}

/* Hintergrund hinter dem Charakter: Waldlichtung mit Lichtstrahlen und schwebenden Funken */
.character-portrait-wrap-v561{
  border:4px solid #2e1f0f !important;
  background:#24331c !important;
  box-shadow:inset 0 0 0 2px rgba(224,178,94,.55),inset 0 0 34px rgba(0,0,0,.55),0 5px 0 rgba(40,25,12,.45) !important;
}
.character-portrait-wrap-v561::before{z-index:4 !important;}
.character-portrait-scene-v1030{
  position:absolute;inset:-12px;z-index:0;overflow:hidden;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,226,150,.10) 0%,rgba(0,0,0,0) 40%,rgba(10,16,8,.55) 100%),
    url("../assets/charselect_bg_v1030.jpg") 50% 70% / cover no-repeat;
}
.character-portrait-scene-v1030 .cps-rays-v1030{
  position:absolute;left:-10%;right:-10%;top:-20%;height:120%;
  background:
    linear-gradient(105deg,transparent 0 38%,rgba(255,235,170,.20) 42%,transparent 47%),
    linear-gradient(98deg,transparent 0 52%,rgba(255,235,170,.14) 55%,transparent 60%),
    linear-gradient(112deg,transparent 0 24%,rgba(255,235,170,.12) 27%,transparent 31%);
  filter:blur(6px);
  animation:cpsRaysV1030 9s ease-in-out infinite alternate;
}
@keyframes cpsRaysV1030{from{transform:translateX(-14px);opacity:.75}to{transform:translateX(14px);opacity:1}}
.character-portrait-scene-v1030 i{
  position:absolute;bottom:-10px;width:5px;height:5px;border-radius:50%;
  background:radial-gradient(circle,#fff6c8 0%,rgba(255,220,120,.85) 40%,rgba(255,200,90,0) 70%);
  box-shadow:0 0 8px rgba(255,220,130,.8);
  opacity:0;animation:cpsMoteV1030 7s linear infinite;
}
.character-portrait-scene-v1030 i:nth-child(2){left:14%;animation-delay:0s;animation-duration:7.5s}
.character-portrait-scene-v1030 i:nth-child(3){left:27%;animation-delay:-2.2s;animation-duration:6.4s;transform:scale(.7)}
.character-portrait-scene-v1030 i:nth-child(4){left:39%;animation-delay:-4.6s;animation-duration:8.2s}
.character-portrait-scene-v1030 i:nth-child(5){left:58%;animation-delay:-1.1s;animation-duration:7s;transform:scale(.8)}
.character-portrait-scene-v1030 i:nth-child(6){left:70%;animation-delay:-3.4s;animation-duration:6.8s}
.character-portrait-scene-v1030 i:nth-child(7){left:82%;animation-delay:-5.3s;animation-duration:7.8s;transform:scale(.65)}
.character-portrait-scene-v1030 i:nth-child(8){left:90%;animation-delay:-0.6s;animation-duration:8.6s}
.character-portrait-scene-v1030 i:nth-child(9){left:6%;animation-delay:-6.1s;animation-duration:7.2s;transform:scale(.75)}
@keyframes cpsMoteV1030{
  0%{opacity:0;translate:0 0}
  12%{opacity:.9}
  50%{translate:10px -170px}
  85%{opacity:.6}
  100%{opacity:0;translate:-6px -330px}
}
/* Lichtkegel auf das Podest */
.character-portrait-glow-v561{
  z-index:1 !important;
  width:320px !important;height:190px !important;bottom:20px !important;
  background:radial-gradient(ellipse,rgba(255,236,170,.42),rgba(255,206,110,.16) 48%,transparent 72%) !important;
  animation:cpsGlowV1030 4.5s ease-in-out infinite alternate;
}
@keyframes cpsGlowV1030{from{opacity:.75}to{opacity:1}}
/* Podest: Steinplatte mit Goldrand */
.character-platform-v561{
  border:3px solid #c99a4a !important;
  background:
    radial-gradient(ellipse at 50% 32%,rgba(255,240,200,.35) 0%,transparent 45%),
    radial-gradient(ellipse at 50% 40%,#8d8577 0%,#5e574c 55%,#37322b 100%) !important;
  box-shadow:0 8px 0 rgba(28,18,8,.75),0 0 18px rgba(255,214,120,.35),inset 0 -6px 10px rgba(0,0,0,.35) !important;
}
/* Name auf einer kleinen Holz-/Goldplakette */
.character-card-info-v561 h2{
  display:inline-block !important;
  padding:2px 22px 4px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,rgba(40,25,11,.55),rgba(40,25,11,.15)) !important;
  border-bottom:2px solid rgba(224,178,94,.55) !important;
  color:#ffe7a8 !important;
  text-shadow:0 2px 0 #2b170a,0 0 12px rgba(255,205,110,.35) !important;
}
@media (prefers-reduced-motion: reduce){
  .character-portrait-scene-v1030 i,.cps-rays-v1030,.character-portrait-glow-v561{animation:none !important;}
}

/* v1031: Symbole weiter nach unten (ganz im Fenster), Hintergrund hinter dem Charakter wieder einfarbig */
#characterSelectV561 .character-gender-v1029{top:221px !important;gap:16px !important;}
#characterSelectV561 .character-gender-btn-v1029{width:46px !important;height:46px !important;}
#characterSelectV561 .character-gender-icon-v1029{font-size:26px !important;}
.character-portrait-wrap-v561{top:84px !important;height:322px !important;background:#4f6b3a !important;}
.character-portrait-scene-v1030{
  background:radial-gradient(ellipse at 50% 62%,#5f7f45 0%,#4f6b3a 55%,#3f5730 100%) !important;
  filter:none !important;
}
.character-portrait-scene-v1030 .cps-rays-v1030,
.character-portrait-scene-v1030 i{display:none !important;}
.character-portrait-wrap-v561::before{display:none !important;}

/* v1032: Symbole exakt mittig (SVG), Name minimal tiefer, Pfeile ohne Kasten in Gold */
#characterSelectV561 .character-gender-btn-v1029{display:grid !important;place-items:center !important;line-height:0 !important;}
#characterSelectV561 .character-gender-icon-v1029{display:block !important;width:26px !important;height:26px !important;line-height:0 !important;}
#characterSelectV561 .character-gender-icon-v1029 svg{display:block;}
.character-card-info-v561{bottom:12px !important;}
#characterSelectV561 .character-select-arrow-v561{
  width:80px !important;height:110px !important;
  padding:0 !important;
  border:0 !important;border-radius:0 !important;
  background:none !important;box-shadow:none !important;outline:none !important;
  color:#e6c477 !important;
  font-size:96px !important;line-height:1 !important;font-weight:900 !important;
  text-shadow:0 3px 0 #5a3816,0 0 14px rgba(255,205,110,.45) !important;
  cursor:pointer !important;
  transition:transform .15s ease,color .15s ease,text-shadow .15s ease !important;
}
#characterSelectV561 .character-select-arrow-v561:hover{color:#ffe29a !important;transform:scale(1.1) !important;filter:none !important;text-shadow:0 3px 0 #5a3816,0 0 20px rgba(255,214,120,.75) !important;}
#characterSelectV561 .character-select-arrow-v561:active{transform:scale(.96) !important;}

/* v1033: Waldlichtung mit Steinpodest als Hintergrund; Charakter steht auf dem Podest im Bild */
.character-portrait-wrap-v561{background:#2f4a22 !important;}
.character-portrait-scene-v1030{
  inset:0 !important;
  background:url("../assets/charselect_podest_v1033.jpg") 50% 100% / cover no-repeat !important;
  filter:none !important;
}
.character-platform-v561,.character-portrait-glow-v561{display:none !important;}
/* weicher Schatten unter den Füßen, auf der Podestfläche */
.character-portrait-wrap-v561::after{
  content:"";position:absolute;z-index:2;left:50%;bottom:58px;width:120px;height:22px;
  transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse,rgba(20,14,6,.55) 0%,rgba(20,14,6,.28) 45%,transparent 72%);
  pointer-events:none;
}
#characterPortraitMarvV648,#characterPortraitLaurenV664{
  position:absolute !important;z-index:3 !important;
  left:50% !important;bottom:64px !important;top:auto !important;
  width:200px !important;height:228px !important;
  transform:translateX(-50%) !important;
  object-fit:contain !important;object-position:center bottom !important;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) !important;
}

/* v1034: Animationen in der Charakterauswahl */
.character-portrait-wrap-v561 canvas.charselect-life-v1034{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;}
.character-select-stage-v561 canvas.charselect-bglife-v1034{position:absolute;left:0;top:0;width:1600px;height:900px;z-index:1;pointer-events:none;}
/* Hintergrundbild bewegt sich ganz leicht (wie Wind/Kamera) */
.character-portrait-scene-v1030{animation:cpsDriftV1034 14s ease-in-out infinite alternate !important;}
@keyframes cpsDriftV1034{from{transform:scale(1.03) translate(-4px,0)}to{transform:scale(1.03) translate(4px,-2px)}}
/* Charakter atmet ruhig (Füße bleiben auf dem Podest) */
#characterPortraitMarvV648,#characterPortraitLaurenV664{transform-origin:50% 100% !important;animation:csIdleV1034 3.6s ease-in-out infinite !important;}
@keyframes csIdleV1034{0%,100%{transform:translateX(-50%) scale(1,1)}50%{transform:translateX(-50%) scale(1.006,1.014)}}
/* Gewähltes Medaillon pulsiert dezent */
#characterSelectV561 .character-gender-btn-v1029.active-v1029{animation:csMedalV1034 2.6s ease-in-out infinite !important;}
@keyframes csMedalV1034{0%,100%{box-shadow:0 4px 0 rgba(51,30,12,.6),0 0 12px rgba(255,214,120,.55)}50%{box-shadow:0 4px 0 rgba(51,30,12,.6),0 0 22px rgba(255,214,120,.95),0 0 36px rgba(255,190,80,.4)}}
@media (prefers-reduced-motion: reduce){
  .character-portrait-scene-v1030,#characterPortraitMarvV648,#characterPortraitLaurenV664,#characterSelectV561 .character-gender-btn-v1029.active-v1029{animation:none !important;}
}

/* v1035: Hintergrundbild steht still (kein Wind-Schwenk); keine Effekte außerhalb des Fensters */
.character-portrait-scene-v1030{animation:none !important;transform:none !important;}
.character-select-stage-v561 canvas.charselect-bglife-v1034{display:none !important;}

/* v1036: weitere (gesperrte) Charaktere */
.character-portrait-img-v1036{
  position:absolute;z-index:3;left:50%;bottom:64px;width:200px;height:228px;
  transform:translateX(-50%);transform-origin:50% 100%;
  object-fit:contain;object-position:center bottom;user-select:none;pointer-events:none;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.35)) saturate(.55) brightness(.72);
}
.character-lock-v1036{
  position:absolute;z-index:5;right:14px;top:12px;width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;color:#ffe29a;
  background:radial-gradient(circle at 50% 35%,#5c3e1f,#2a1b0d);border:2px solid #c99a4a;
  box-shadow:0 3px 0 rgba(0,0,0,.45),0 0 10px rgba(255,205,110,.35);
}
.character-locked-v1036 .character-card-info-v561 h2{color:#d9c193 !important;}
.character-locked-status-v1036{color:#e8c98a !important;border-color:rgba(201,154,74,.6) !important;}
#confirmCharacterV561.locked-v1036,#confirmCharacterV561:disabled{opacity:.55 !important;filter:grayscale(.5) !important;cursor:not-allowed !important;}