/* Startszene: eine textfreie Illustration, darüber eine lesbare Spielkonsole.
   Die Ingame-Welt und ihre HUD-Flächen bleiben von diesen Regeln getrennt. */
body.jupi.p2j_body.p2j_im_menu,
html[data-theme='dark'] body.jupi.p2j_body.p2j_im_menu {
  background:#243727 url('startdorf-v1.png') 65% center/cover no-repeat fixed;
}
body.jupi.p2j_body.p2j_im_menu::before {
  background:linear-gradient(90deg,#101d1acc,#14201938 53%,transparent),
    linear-gradient(0deg,#10180d66,transparent 65%);
}
html[data-theme='dark'] body.jupi.p2j_body.p2j_im_menu::before {
  background:linear-gradient(90deg,#10141aee,#10202466 65%,#13233455);
}
body.jupi.p2j_body .p2j_start {
  flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:24px clamp(16px,5vw,96px);
  box-sizing:border-box;scrollbar-color:#dab267 #26322c;scrollbar-width:thin;
}
body.jupi.p2j_body .p2j_start_karte {
  width:min(100%,460px);max-width:460px;margin:auto 0;padding:26px 28px;
  border:2px solid #d3a357;border-radius:23px;
  background:linear-gradient(145deg,#3b3028f5,#182625f2 60%,#302235f5);
  box-shadow:0 6px 0 #66461e,0 16px 60px #0008,inset 0 1px #fff5;
  color:#fff1d3;text-align:center;position:relative;
}
body.jupi.p2j_body .p2j_start_karte::before,
body.jupi.p2j_body .p2j_start_karte::after {display:none}
body.jupi.p2j_body .p2j_start_logo {
  width:72px;height:72px;margin:0 auto 8px;border:2px solid #f2c66f;
  border-radius:20px;box-shadow:0 4px 0 #68421d,0 8px 18px #0006;
}
body.jupi.p2j_body .p2j_menu_kicker {
  margin:4px 0 9px;font-size:10px;font-weight:800;letter-spacing:.14em;
  line-height:1.4;color:#dfbd7a;
}
body.jupi.p2j_body .p2j_start_karte h2 {
  font-size:31px;line-height:1.15;color:#ffda81;margin:0 0 12px;
  text-shadow:0 2px #7f461d,0 3px 0 #6c3a22;
}
body.jupi.p2j_body .p2j_start_karte .p2j_wortmarke {
  font-size:47px;font-weight:900;letter-spacing:-.04em;
  text-shadow:0 2px #8f4718,0 4px #703819,0 6px #4d2c1d,0 8px 12px #0008;
}
body.jupi.p2j_body .p2j_start_unter {
  color:#ded6be;font-size:13px;line-height:1.5;margin:0 0 14px;max-width:36ch;
}
body.jupi.p2j_body .p2j_start_profil {
  font-size:12px;font-weight:700;color:#f4d69d;line-height:1.5;
  padding:8px;border:1px solid #b28a4555;border-radius:9px;background:#0002;
  margin:10px 0;overflow-wrap:anywhere;
}
body.jupi.p2j_body #p2j_start_id {display:none}
body.jupi.p2j_body .p2j_start_knoepfe {
  display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0;
}
body.jupi.p2j_body .p2j_start_knoepfe .p2j_knopf {
  min-width:0;min-height:46px;font-size:12px;line-height:1.25;padding:9px;
  border:1px solid #bd9857;background:linear-gradient(#5a4b3c,#332a24);
  color:#fff0d0;box-shadow:0 3px 0 #151f1a,inset 0 1px #fff2;
}
body.jupi.p2j_body #p2j_start_spiel,body.jupi.p2j_body #p2j_reg_legen {
  grid-column:1/-1;min-height:60px;font-size:19px;font-weight:900;
  color:#4c2c15;background:linear-gradient(#ffe998,#edb332 65%,#d39421);
  border:2px solid #ffe6a5;box-shadow:0 4px 0 #89521d,inset 0 2px #fff9;
}
body.jupi.p2j_body #p2j_start_profil_edit {
  grid-column:1/-1;background:linear-gradient(#a568c0,#6b3a85);
  border-color:#d1a5e8;
}
body.jupi.p2j_body .p2j_lernsatz {
  margin:16px 0 0;padding:10px 12px;background:#ba7cdd18;border:0;
  border-left:3px solid #b47dd3;border-radius:0 8px 8px 0;
  color:#ddd2bb;font-size:11px;line-height:1.5;text-align:left;
}
body.jupi.p2j_body .p2j_start_hinweis {
  color:#c4baa4;font-size:10px;line-height:1.4;margin:12px 0 0;
}
body.jupi.p2j_body .p2j_gruendung {text-align:left}
body.jupi.p2j_body .p2j_gruendung .p2j_start_logo {
  float:right;width:54px;height:54px;margin:0 0 10px 12px;border-radius:15px;
}
body.jupi.p2j_body .p2j_gruendung h2 {font-size:29px}
body.jupi.p2j_body .p2j_reg_feld {margin:12px 0 0}
body.jupi.p2j_body .p2j_reg_feld label,
body.jupi.p2j_body .p2j_profil_form label {
  display:block;margin:0 0 5px;font-weight:750;font-size:13px;color:inherit;
}
body.jupi.p2j_body .p2j_reg_zeile {display:flex;align-items:center;gap:7px}
body.jupi.p2j_body .p2j_reg_zeile>.p2j_knopf {
  order:2;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:4px;
}
body.jupi.p2j_body .p2j_reg_feld input,
body.jupi.p2j_body .p2j_profil_form input,
body.jupi.p2j_body .p2j_namenseingabe {
  box-sizing:border-box;width:100%;min-width:0;min-height:46px;
  border:2px solid #aa874b;border-radius:9px;padding:9px 11px;
  background:#fff3d9;color:#322a20;font:600 16px/1.3 system-ui;
  box-shadow:inset 0 2px 3px #70522020;
}
body.jupi.p2j_body input:focus-visible {
  outline:3px solid #c68ae2;outline-offset:2px;
}
body.jupi.p2j_body input[aria-invalid='true'] {border-color:#ef967c}
body.jupi.p2j_body .p2j_feldhilfe {
  font-size:11px;line-height:1.5;color:#c8bea7;margin:7px 0 0;
}
body.jupi.p2j_body .p2j_start_versprechen {
  text-align:center;color:#ddc58e;padding-top:10px;border-top:1px solid #d3a35744;
}
body.jupi.p2j_body .p2j_moduswahl {
  clear:both;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;
}
body.jupi.p2j_body .p2j_moduswahl button {
  min-height:62px;min-width:40px;display:flex;align-items:center;justify-content:center;
  gap:7px;padding:8px;border:2px solid #9d8051;border-radius:12px;
  background:linear-gradient(#4e483b,#2e3028);color:#e1d6bf;
  font:800 14px/1.2 system-ui;cursor:pointer;box-shadow:0 3px 0 #17201c;
}
body.jupi.p2j_body .p2j_moduswahl button[aria-pressed='true'] {
  border-color:#e0b1f1;background:linear-gradient(#a76dcc,#693e8a);
  color:#fff7df;box-shadow:0 3px 0 #402a51,inset 0 1px #fff5;
}
body.jupi.p2j_body .p2j_moduswahl .p2j_symbol {width:25px;height:25px}
body.jupi.p2j_body .p2j_profil_details {
  margin:15px 0 0;border:1px solid #aa874b77;border-radius:10px;padding:0 10px;
}
body.jupi.p2j_body .p2j_profil_details summary {
  min-height:44px;display:list-item;align-content:center;cursor:pointer;
  font-size:12px;font-weight:700;color:#e4c990;
}
body.jupi.p2j_body .p2j_profil_details[open] {padding-bottom:12px}
body.jupi.p2j_body .p2j_auswahl_karten {
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:8px;
}
body.jupi.p2j_body .p2j_auswahl_karte {
  min-width:40px;min-height:44px;height:44px;padding:3px;border:1px solid #a18757;
  border-radius:8px;background:#e8d6b6;display:grid;place-items:center;
}
body.jupi.p2j_body .p2j_auswahl_karte img {width:32px;height:32px}
body.jupi.p2j_body .p2j_auswahl_karte[aria-pressed='true'] {outline:2px solid #d5a0ed;background:#e9cafa}
body.jupi.p2j_body .p2j_profil_details .p2j_id_anzeige {font-size:10px;margin:8px 0 0}
body.jupi.p2j_body .p2j_form_fehler {
  margin:6px 0;color:#db5739;font-size:12px;line-height:1.5;overflow-wrap:anywhere;
}
body.jupi.p2j_body .p2j_gruendung .p2j_form_fehler {color:#ffb49c}
body.jupi.p2j_body .p2j_form_fehler:empty {display:none}
body.jupi.p2j_body .p2j_profil_form {display:grid;gap:6px;margin:12px 0}
body.jupi.p2j_body .p2j_profil_form .p2j_knopf {min-height:46px}
body.jupi.p2j_body #p2j_konto .p2j_region_kopf {
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px 12px;align-items:center;
}
body.jupi.p2j_body #p2j_konto .p2j_region_kopf>img {width:48px;height:48px;max-width:48px}
body.jupi.p2j_body #p2j_konto .p2j_region_kopf>div {min-width:0;overflow-wrap:anywhere}
body.jupi.p2j_body #p2j_konto .p2j_region_kopf>.p2j_id_anzeige {grid-column:1/-1;justify-self:start;font-size:10px}
html[data-theme='dark'] body.jupi.p2j_body .p2j_form_fehler {color:#ffb49c}
@media(max-width:700px) {
 body.jupi.p2j_body.p2j_im_menu,
 html[data-theme='dark'] body.jupi.p2j_body.p2j_im_menu {background-position:62% center}
 body.jupi.p2j_body.p2j_im_menu::before {
   background:linear-gradient(#14251a14,#11201ecc 50%,#14201cea);
 }
 body.jupi.p2j_body .p2j_start {padding:125px 12px 22px;justify-content:flex-start;align-items:center}
 body.jupi.p2j_body .p2j_start_karte {margin:0 auto;padding:23px 20px;width:min(100%,430px)}
 body.jupi.p2j_body .p2j_start_karte .p2j_wortmarke {font-size:43px}
 body.jupi.p2j_body .p2j_start_logo {width:60px;height:60px}
 body.jupi.p2j_body .p2j_start_unter {font-size:12px}
 body.jupi.p2j_body .p2j_start_hinweis {font-size:10px}
 body.jupi.p2j_body .p2j_menu_kicker {font-size:9px}
 body.jupi.p2j_body .p2j_gruendung h2 {font-size:27px}
 body.jupi.p2j_body .p2j_gruendung .p2j_start_logo {width:46px;height:46px}
}
@media(max-width:350px) {
 body.jupi.p2j_body .p2j_start {padding:90px 9px 18px}
 body.jupi.p2j_body .p2j_start_karte {padding:20px 16px}
 body.jupi.p2j_body .p2j_auswahl_karten {grid-template-columns:repeat(5,minmax(0,1fr))}
 body.jupi.p2j_body .p2j_start_karte .p2j_wortmarke {font-size:39px}
}
@media(max-height:560px) and (min-width:701px) {
 body.jupi.p2j_body .p2j_start {padding:18px 28px}
 body.jupi.p2j_body .p2j_start_karte {margin:0;padding:20px;width:430px}
}