/* =========================================================
   INPLAYSZENEN – HARRY POTTER / 70ER-JAHRE-DESIGN
   ========================================================= */

:root{
    --ips-bg:#0d0806;
    --ips-bg-deep:#070403;
    --ips-panel:#17100c;
    --ips-panel-soft:#21150f;
    --ips-panel-light:#2d1c13;

    --ips-parchment:#b58b55;
    --ips-parchment-light:#d8b77d;
    --ips-parchment-dark:#7f5830;
    --ips-parchment-ink:#27170e;

    --ips-gold:#a87535;
    --ips-gold-light:#e3bc77;
    --ips-gold-muted:#80603a;

    --ips-line:#60401f;
    --ips-line-light:#8c6538;
    --ips-line-dark:#28170d;

    --ips-text:#d8c09a;
    --ips-text-light:#efdbb4;
    --ips-muted:#9d8667;

    --ips-link:#2b190e;
    --ips-link-hover:#9cd1ca;

    --ips-danger:#c95d2e;
    --ips-warning:#d59b48;
    --ips-success:#76956f;

    --ips-serif:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
    --ips-display:"Cinzel","Times New Roman",Georgia,serif;
    --ips-script:"Brush Script MT","Segoe Script","Lucida Handwriting",cursive;
}


/* =========================================================
   ALLGEMEINE SEITENHÜLLE
   ========================================================= */

.inplayscenes-page{
    width:100%;
    max-width:1180px;
    margin:24px auto;
    color:var(--ips-text);
    font-family:var(--ips-serif);
    box-sizing:border-box;
}

.inplayscenes-page *,
.inplayscenes-page *::before,
.inplayscenes-page *::after{
    box-sizing:border-box;
}

.inplayscenes-page a{
    color:var(--ips-link);
    text-decoration:none;
    transition:color .2s ease, border-color .2s ease, background .2s ease;
}

.inplayscenes-page a:hover{
    color:var(--ips-link-hover);
}

.inplayscenes-frame{
    position:relative;
    padding:20px;
    overflow:hidden;
    border:1px solid var(--ips-line-light);
    background:
        linear-gradient(rgba(12,8,6,.97),rgba(8,5,4,.99)),
        repeating-linear-gradient(
            45deg,
            transparent 0 8px,
            rgba(211,173,105,.025) 8px 9px
        );
    box-shadow:
        0 22px 55px rgba(0,0,0,.55),
        inset 0 0 80px rgba(0,0,0,.65),
        inset 0 0 0 4px rgba(94,62,31,.15);
}

.inplayscenes-frame::before,
.inplayscenes-frame::after{
    content:"";
    position:absolute;
    width:72px;
    height:72px;
    pointer-events:none;
    opacity:.8;
}

.inplayscenes-frame::before{
    top:8px;
    left:8px;
    border-top:2px solid var(--ips-gold-muted);
    border-left:2px solid var(--ips-gold-muted);
}

.inplayscenes-frame::after{
    right:8px;
    bottom:8px;
    border-right:2px solid var(--ips-gold-muted);
    border-bottom:2px solid var(--ips-gold-muted);
}


/* =========================================================
   HAUPTÜBERSCHRIFT
   ========================================================= */

.inplayscenes-overview-heading{
    position:relative;
    min-height:96px;
    margin:0 0 18px;
    padding:22px 120px 22px 115px;
    display:flex;
    align-items:center;
    border-top:1px solid #d1ac72;
    border-bottom:1px solid #533416;
    background:
        linear-gradient(
            90deg,
            rgba(95,59,25,.96),
            rgba(205,166,103,.96) 12%,
            rgba(224,194,143,.98) 50%,
            rgba(190,143,78,.97) 88%,
            rgba(89,53,23,.96)
        );
    color:var(--ips-parchment-ink);
    box-shadow:
        0 8px 22px rgba(0,0,0,.45),
        inset 0 0 35px rgba(73,38,13,.33);
}

.inplayscenes-overview-heading::before{
    content:"H";
    position:absolute;
    left:18px;
    top:50%;
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:translateY(-50%) rotate(-3deg);
    border:3px double #493019;
    background:
        radial-gradient(circle at center,#ad8249 0,#67431f 64%,#25150c 100%);
    color:#e4c487;
    font-family:var(--display);
    font-size:36px;
    font-weight:bold;
    text-shadow:0 2px 3px #160c07;
    box-shadow:
        0 0 0 4px rgba(205,166,102,.28),
        0 6px 12px rgba(0,0,0,.4);
}

.inplayscenes-overview-heading::after{
    content:"✒";
    position:absolute;
    right:28px;
    top:50%;
    transform:translateY(-50%) rotate(-15deg);
    color:#4c2b13;
    font-size:58px;
    line-height:1;
    opacity:.88;
    text-shadow:0 1px 0 rgba(255,231,180,.35);
}

.inplayscenes-overview-heading-title{
    position:relative;
    z-index:2;
    width:100%;
    font-family:var(--ips-script);
    font-size:34px;
    font-weight:normal;
    font-style:italic;
    line-height:1.25;
    letter-spacing:.02em;
    text-shadow:0 1px 0 rgba(255,239,199,.45);
}


/* =========================================================
   FILTERBEREICH
   ========================================================= */

.inplayscenes-filter-panel{
    position:relative;
    margin:0 0 18px;
    padding:18px;
    border:1px solid var(--ips-line);
    background:
        linear-gradient(rgba(24,16,12,.97),rgba(12,8,6,.98)),
        repeating-linear-gradient(
            90deg,
            transparent 0 18px,
            rgba(185,133,67,.025) 18px 19px
        );
    box-shadow:
        inset 0 0 45px rgba(0,0,0,.42),
        0 8px 18px rgba(0,0,0,.22);
}

.inplayscenes-filter-panel::before,
.inplayscenes-filter-panel::after{
    content:"✦";
    position:absolute;
    color:var(--ips-gold-muted);
    font-size:18px;
}

.inplayscenes-filter-panel::before{
    left:8px;
    top:5px;
}

.inplayscenes-filter-panel::after{
    right:8px;
    bottom:5px;
}

.inplayscenes-filter-title{
    margin:0 0 14px;
    padding:0 0 10px;
    border-bottom:1px solid var(--ips-line);
    color:var(--ips-gold-light);
    font-family:var(--ips-display);
    font-size:17px;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.inplayscenes_overview-filter-table{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:0;
}

.inplayscenes_overview-filter-row{
    width:auto;
    min-width:0;
    padding:12px;
    border:1px solid #3f2918;
    background:rgba(8,5,4,.48);
    box-shadow:inset 0 0 18px rgba(0,0,0,.35);
}

.inplayscenes-filter-label{
    display:block;
    margin:0 0 9px;
    color:var(--ips-gold-light);
    font-family:var(--ips-display);
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.1em;
}

.inplayscenes_overview-filter-input{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:7px;
    margin:0;
    text-align:center;
}

.inplayscenes_overview-filter-input select,
.inplayscenes_overview-filter-input input[type="text"],
.inplayscenes_overview-filter-input .textbox{
    flex:1 1 170px;
    min-width:0;
}

.inplayscenes-page input[type="text"],
.inplayscenes-page input[type="number"],
.inplayscenes-page input[type="date"],
.inplayscenes-page input[type="time"],
.inplayscenes-page select,
.inplayscenes-page textarea{
    min-height:34px;
    padding:7px 10px;
    border:1px solid #85561f;
    border-radius:0;
    outline:none;
    background:#100b08;
    color:var(--ips-text-light);
    font-family:var(--ips-serif);
    font-size:13px;
    box-shadow:
        inset 0 0 12px rgba(0,0,0,.45),
        0 1px 0 rgba(228,188,119,.08);
}

.inplayscenes-page input[type="text"]:focus,
.inplayscenes-page input[type="number"]:focus,
.inplayscenes-page input[type="date"]:focus,
.inplayscenes-page input[type="time"]:focus,
.inplayscenes-page select:focus,
.inplayscenes-page textarea:focus{
    border-color:var(--ips-gold-light);
    background:#17100c;
}

.inplayscenes-page option{
    background:#130d09;
    color:var(--ips-text-light);
}

.inplayscenes_overview-button,
.inplayscenes-formular_button,
.inplayscenes_user-button{
    margin:15px 0 0;
    text-align:center;
}

.inplayscenes-page .button,
.inplayscenes-page input[type="submit"],
.inplayscenes-page button{
    min-height:34px;
    padding:7px 17px;
    border:1px solid #97672d;
    border-radius:0;
    background:
        linear-gradient(#362316,#17100c);
    color:var(--ips-gold-light);
    font-family:var(--ips-serif);
    font-size:13px;
    cursor:pointer;
    box-shadow:
        inset 0 1px 0 rgba(255,221,158,.12),
        0 4px 9px rgba(0,0,0,.28);
    transition:background .2s ease, color .2s ease, border-color .2s ease;
}

.inplayscenes-page .button:hover,
.inplayscenes-page input[type="submit"]:hover,
.inplayscenes-page button:hover{
    border-color:#d0a15f;
    background:
        linear-gradient(#51351e,#23160f);
    color:#f2d498;
}


/* =========================================================
   SELECT2
   ========================================================= */

.inplayscenes-page .select2-container{
    flex:1 1 170px;
    width:100% !important;
    max-width:100%;
    text-align:left;
}

.inplayscenes-page .select2-container .select2-choice{
    min-height:34px;
    padding:3px 34px 3px 10px;
    border:1px solid #85561f;
    border-radius:0;
    background:#100b08;
    color:var(--ips-text-light);
    box-shadow:inset 0 0 12px rgba(0,0,0,.45);
    line-height:27px;
}

.inplayscenes-page .select2-container .select2-choice > .select2-chosen{
    color:var(--ips-text-light);
}

.inplayscenes-page .select2-container .select2-choice .select2-arrow{
    width:30px;
    border-left:1px solid #85561f;
    border-radius:0;
    background:#21140d;
}

.inplayscenes-page .select2-container-active .select2-choice,
.inplayscenes-page .select2-container-active .select2-choices{
    border-color:var(--ips-gold-light);
    box-shadow:none;
}


/* =========================================================
   SZENENZÄHLER
   ========================================================= */

.inplayscenes-overview-counter{
    position:relative;
    margin:0 0 14px;
    padding:17px 25px 17px 34px;
    overflow:hidden;
    border-top:1px solid #ddb878;
    border-bottom:1px solid #593718;
    background:
        linear-gradient(
            90deg,
            #6f4723,
            #c79c62 15%,
            #d9b982 50%,
            #b88950 85%,
            #60401f
        );
    color:#28170e;
    font-family:var(--ips-script);
    font-size:30px;
    font-style:italic;
    line-height:1.25;
    box-shadow:
        inset 0 0 27px rgba(72,40,17,.35),
        0 7px 16px rgba(0,0,0,.32);
}

.inplayscenes-overview-counter::after{
    content:"✒";
    position:absolute;
    right:24px;
    top:50%;
    transform:translateY(-50%) rotate(-12deg);
    font-size:46px;
    opacity:.5;
}


/* =========================================================
   SORTIERUNG
   ========================================================= */

.inplayscenes-sort-card{
    margin:0 0 16px;
    padding:14px;
    border:1px solid var(--ips-line);
    background:rgba(13,8,6,.82);
    box-shadow:inset 0 0 28px rgba(0,0,0,.42);
}

.inplayscenes_overview-sort{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:0;
    text-align:center;
}

.inplayscenes-sort-label{
    width:100%;
    margin:0 0 4px;
    color:var(--ips-gold-light);
    font-family:var(--ips-display);
    font-size:13px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:.11em;
}

.inplayscenes_overview-sort select{
    min-width:155px;
}


/* =========================================================
   SZENENLISTE
   ========================================================= */

.inplayscenes_overview-scene-table{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:0;
    background:none;
}

.inplayscenes_overview-scene-row{
    position:relative;
    display:grid;
    grid-template-columns:210px minmax(0,1fr) 215px;
    min-height:180px;
    padding:0;
    overflow:hidden;
    border:1px solid var(--ips-line-light);
    background:
        linear-gradient(
            90deg,
            rgba(16,10,7,.99) 0,
            rgba(20,13,9,.98) 210px,
            rgba(84,57,32,.88) 210px,
            rgba(111,77,43,.87) calc(100% - 215px),
            rgba(33,21,14,.98) calc(100% - 215px)
        );
    box-shadow:
        0 10px 24px rgba(0,0,0,.35),
        inset 0 0 38px rgba(0,0,0,.35);
}

.inplayscenes_overview-scene-row::before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(190,141,72,.22);
    pointer-events:none;
}

.inplayscenes_overview-scene-column{
    position:relative;
    z-index:2;
    min-width:0;
    padding:22px;
}

.inplayscenes_overview-scene-column + .inplayscenes_overview-scene-column{
    border-left:1px solid rgba(133,91,47,.55);
}

.inplayscenes_overview-scene-column:last-child{
    text-align:left;
}

.inplayscenes-scene-status{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    text-align:center;
}

.inplayscenes-scene-status-icon{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--ips-line-light);
    background:#130c08;
    color:var(--ips-gold-light);
    font-size:25px;
    box-shadow:
        inset 0 0 15px rgba(0,0,0,.6),
        0 5px 10px rgba(0,0,0,.25);
}

.inplayscenes-scene-status-text{
    color:var(--ips-danger);
    font-family:var(--ips-display);
    font-size:13px;
    font-weight:bold;
    line-height:1.55;
}

.inplayscenes-scene-badges{
    width:100%;
    padding:6px 8px;
    border-top:1px solid #5b3d20;
    border-bottom:1px solid #5b3d20;
    background:rgba(96,60,29,.28);
    color:var(--ips-gold-light);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.inplayscenes-scene-main{
    padding-top:28px;
}

.inplayscenes-scene-title{
    position:relative;
    display:block;
    width:calc(100% - 28px);
    max-width:480px;
    margin:0 auto 18px;
    padding:8px 30px;
    border-top:1px solid #8c5d2b;
    border-bottom:1px solid #4a2d16;
    background:
        linear-gradient(
            90deg,
            transparent,
            #21140c 8%,
            #2e1b0e 50%,
            #21140c 92%,
            transparent
        );
    color:var(--ips-gold-light);
    font-family:var(--ips-display);
    font-size:14px;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.inplayscenes-scene-title::before,
.inplayscenes-scene-title::after{
    content:"";
    position:absolute;
    top:50%;
    width:16px;
    height:16px;
    background:#21140c;
    transform:translateY(-50%) rotate(45deg);
}

.inplayscenes-scene-title::before{
    left:5px;
}

.inplayscenes-scene-title::after{
    right:5px;
}

.inplayscenes-scene-title:hover{
    color:#f1d49c;
}

.inplayscenes-scene-meta{
    display:flex;
    flex-direction:column;
    gap:5px;
    color:var(--ips-text-light);
    font-size:13px;
    line-height:1.45;
}

.inplayscenes-scene-meta-row{
    display:flex;
    align-items:flex-start;
    gap:5px;
}

.inplayscenes-scene-meta-label{
    flex:0 0 auto;
    color:#f0d090;
    font-weight:bold;
}

.inplayscenes-scene-meta-value{
    min-width:0;
    color:var(--ips-text-light);
}

.inplayscenes-scene-meta a{
    color:var(--ips-link);
}

.inplayscenes-scene-trigger{
    margin-top:9px;
}

.inplayscenes-scene-lastpost{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    padding-right:38px;
    color:var(--ips-text);
    font-size:13px;
    line-height:1.5;
}

.inplayscenes-scene-lastpost::after{
    content:"›";
    position:absolute;
    right:17px;
    top:50%;
    transform:translateY(-50%);
    color:var(--ips-gold);
    font-family:Georgia,serif;
    font-size:42px;
    font-weight:normal;
}

.inplayscenes-lastpost-link{
    display:inline-block;
    color:var(--ips-text-light) !important;
    font-weight:bold;
}

.inplayscenes-lastpost-date{
    color:var(--ips-text);
}

.inplayscenes-lastposter{
    color:var(--ips-link);
}


/* =========================================================
   KEINE SZENEN
   ========================================================= */

.inplayscenes_overview-none{
    margin:0;
    padding:40px 25px;
    border:1px solid var(--ips-line);
    background:rgba(18,11,8,.88);
    color:var(--ips-muted);
    font-family:var(--ips-serif);
    font-size:15px;
    text-align:center;
    box-shadow:inset 0 0 35px rgba(0,0,0,.45);
}

.inplayscenes_overview-none::before{
    content:"✒";
    display:block;
    margin:0 0 10px;
    color:var(--ips-gold-muted);
    font-size:34px;
}


/* =========================================================
   SEITENNAVIGATION
   ========================================================= */

.inplayscenes-pagination{
    margin:17px 0 0;
    text-align:center;
}

.inplayscenes-pagination:empty{
    display:none;
}

.inplayscenes-page .pagination{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:5px;
    margin:0;
}

.inplayscenes-page .pagination a,
.inplayscenes-page .pagination span,
.inplayscenes-page .pagination_page,
.inplayscenes-page .pagination_current{
    min-width:38px;
    min-height:36px;
    padding:8px 12px;
    border:1px solid #644321;
    border-radius:0;
    background:#140d09;
    color:var(--ips-gold-light);
    text-align:center;
    box-shadow:inset 0 0 10px rgba(0,0,0,.38);
}

.inplayscenes-page .pagination a:hover{
    border-color:#bb8544;
    background:#29190f;
}

.inplayscenes-page .pagination_current{
    border-color:#c59652;
    background:#82582a;
    color:#160d08;
    font-weight:bold;
}


/* =========================================================
   FORMULARE DES PLUGINS
   ========================================================= */

.inplayscenes-formular_input-row{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    margin:9px 10px;
    padding:10px;
    border-bottom:1px solid var(--ips-line);
}

.inplayscenes-formular_input-desc{
    width:30%;
    color:var(--ips-gold-light);
    font-weight:bold;
}

.inplayscenes-formular_input-input{
    width:70%;
}

.inplayscenes-formular_input-input input,
.inplayscenes-formular_input-input select,
.inplayscenes-formular_input-input textarea{
    width:100%;
}


/* =========================================================
   MEMBERPROFILE
   ========================================================= */

.inplayscenes-profile-fieldset{
  --ips-bg:#180c08;
  --ips-panel:#21110b;
  --ips-panel-soft:#2b170e;
  --ips-panel-light:#382014;
  --ips-panel-deep:#100805;
  --ips-border:#5d351d;
  --ips-border-soft:rgba(210,146,62,.22);
  --ips-gold:#d2923e;
  --ips-gold-light:#efc27c;
  --ips-text:#ead8bc;
  --ips-muted:#b99c7a;
  --ips-red:#a34e52;

  min-width:0;
  margin:0;
  padding:14px;
  border:1px solid var(--ips-border);
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 180px),
    var(--ips-bg);
  color:var(--ips-text);
  box-sizing:border-box;
  box-shadow:
    inset 0 0 35px rgba(0,0,0,.18),
    0 12px 30px rgba(0,0,0,.16);
}

.inplayscenes-profile-fieldset *,
.inplayscenes-profile-fieldset *::before,
.inplayscenes-profile-fieldset *::after{
  box-sizing:border-box;
}

.inplayscenes-profile-heading{
  margin:0 0 14px;
  padding:15px 18px 13px;
  background:
    linear-gradient(90deg, var(--ips-panel-light), var(--ips-panel-soft)) !important;
  border:1px solid var(--ips-border) !important;
  border-bottom:3px solid var(--ips-gold) !important;
  border-radius:8px 8px 0 0;
}

.inplayscenes-profile-heading h10{
  display:block;
  margin:0;
  padding:0;
  background:none;
  border:0;
  color:var(--ips-gold-light);
  font-family:'Saltwater', Georgia, serif;
  font-size:29px;
  line-height:1.1;
  font-weight:normal;
  letter-spacing:.5px;
  text-align:left;
  text-transform:none;
  text-shadow:1px 2px 2px rgba(0,0,0,.5);
}

.inplayscenes_memberprofile{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 230px;
  align-items:start;
  gap:15px;
  padding:0;
  background:transparent;
}

.inplayscenes_memberprofile-mainplays{
  width:auto;
  max-height:545px;
  padding:0 9px 0 0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--ips-gold) var(--ips-panel-deep);
}

.inplayscenes_memberprofile-mainplays::-webkit-scrollbar{
  width:6px;
}

.inplayscenes_memberprofile-mainplays::-webkit-scrollbar-track{
  background:var(--ips-panel-deep);
  border-radius:20px;
}

.inplayscenes_memberprofile-mainplays::-webkit-scrollbar-thumb{
  background:var(--ips-gold);
  border-radius:20px;
}

.inplayscenes_memberprofile-sideplays{
  width:auto;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:14px;
  padding:0;
}

.inplayscenes_memberprofile-auplays,
.inplayscenes_memberprofile-out{
  padding:13px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent),
    var(--ips-panel);
  border:1px solid var(--ips-border);
  border-radius:8px;
  box-shadow:
    inset 0 0 18px rgba(0,0,0,.14),
    0 5px 14px rgba(0,0,0,.13);
}

.inplayscenes_memberprofile-auplays > h3,
.inplayscenes_memberprofile-out > h3{
  display:block;
  margin:0 0 12px !important;
  padding:0 0 8px !important;
  background:none !important;
  border:0 !important;
  border-bottom:2px solid var(--ips-gold) !important;
  color:var(--ips-gold-light) !important;
  font-family:Cinzel, Georgia, serif !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:.6px !important;
  text-align:left !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

.inplayscenes_memberprofile-auplays > h3::before,
.inplayscenes_memberprofile-auplays > h3::after,
.inplayscenes_memberprofile-out > h3::before,
.inplayscenes_memberprofile-out > h3::after{
  display:none !important;
  content:none !important;
}

.inplayscenes-year{
  margin:0 0 15px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.inplayscenes-year:last-child{
  margin-bottom:0;
}

.inplayscenes-year-title{
  margin:0 0 11px;
  padding:10px 13px 9px;
  background:
    linear-gradient(90deg, var(--ips-panel-light), var(--ips-panel-soft)) !important;
  border:1px solid var(--ips-border) !important;
  border-bottom:3px solid var(--ips-gold) !important;
  border-radius:7px 7px 0 0;
}

.inplayscenes-year-title h3{
  display:block;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  color:var(--ips-gold-light) !important;
  font-family:Cinzel, Georgia, serif !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.7px !important;
  text-align:left !important;
  text-transform:none !important;
  text-shadow:none !important;
}

.inplayscenes-year-title h3::before,
.inplayscenes-year-title h3::after{
  display:none !important;
  content:none !important;
}

.inplayscenes-year-content{
  display:block;
}

.inplayscenes-month{
  margin:0 0 13px;
  padding:10px;
  background:var(--ips-panel);
  border:1px solid var(--ips-border);
  border-radius:7px;
}

.inplayscenes-month:last-child{
  margin-bottom:0;
}

.inplayscenes-month-title{
  margin:0 0 9px;
  padding:8px 10px;
  background:var(--ips-panel-deep) !important;
  border:0 !important;
  border-left:3px solid var(--ips-gold) !important;
}

.inplayscenes-month-title h8{
  display:block;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  color:var(--ips-gold-light) !important;
  font-family:Antonio, Arial Narrow, sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:1.2px !important;
  text-align:left !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}

.inplayscenes-month-title h8::before,
.inplayscenes-month-title h8::after{
  display:none !important;
  content:none !important;
}

.inplayscenes-month-scenes{
  display:grid;
  gap:8px;
}

.inplayscenes_memberprofile-scenes{
  position:relative;
  display:block;
  margin:0;
  padding:11px 12px;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(210,146,62,.035), transparent 60%),
    var(--ips-panel-deep);
  border:1px solid rgba(210,146,62,.16);
  border-left:3px solid var(--ips-border);
  border-radius:4px;
  transition:
    border-color .2s ease,
    border-left-color .2s ease,
    background-color .2s ease;
}

.inplayscenes_memberprofile-scenes:hover{
  border-color:rgba(210,146,62,.32);
  border-left-color:var(--ips-gold);
}

.inplayscenes-scene-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin:0 0 7px;
  padding:0;
}

.inplayscenes-scene-date,
.inplayscenes-scene-status{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  margin:0;
  padding:3px 6px;
  border-radius:2px;
  font-family:Antonio, Arial Narrow, sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:700;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.inplayscenes-scene-date{
  color:var(--ips-muted);
  background:rgba(185,156,122,.08);
  border:1px solid rgba(185,156,122,.22);
}

.inplayscenes-scene-status{
  color:#e8c4c5;
  background:rgba(163,78,82,.13);
  border:1px solid rgba(163,78,82,.38);
}

.inplayscenes-scene-title,
.inplayscenes-profile-fieldset .sceneLink{
  display:block !important;
  width:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  color:var(--ips-text) !important;
  font-family:'Spectral', Georgia, serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-align:left !important;
  text-decoration:none !important;
  text-transform:none !important;
  text-shadow:none !important;
  overflow-wrap:anywhere;
}

.inplayscenes-scene-title::before,
.inplayscenes-scene-title::after,
.inplayscenes-profile-fieldset .sceneLink::before,
.inplayscenes-profile-fieldset .sceneLink::after{
  display:none !important;
  content:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  border:0 !important;
}

.inplayscenes-scene-title:hover,
.inplayscenes-profile-fieldset .sceneLink:hover{
  color:var(--ips-gold-light) !important;
  background:none !important;
}

.inplayscenes-scene-partners{
  display:block;
  position:relative;
  margin:8px 0 0;
  padding:8px 0 0 13px;
  background:none;
  border:0;
  border-top:1px solid rgba(210,146,62,.13);
  color:var(--ips-muted);
  font-family:Antonio, Arial Narrow, sans-serif;
  font-size:10px;
  line-height:1.4;
  font-weight:400;
  letter-spacing:.3px;
  text-align:left;
}

.inplayscenes-scene-partners::before{
  content:"◆";
  position:absolute;
  left:0;
  top:8px;
  color:var(--ips-red);
  font-size:6px;
}

.inplayscenes-scene-partners::after{
  display:none !important;
  content:none !important;
}

.inplayscenes_memberprofile-sideplays .inplayscenes_memberprofile-scenes{
  padding:10px;
  border-left:2px solid var(--ips-border);
}

.inplayscenes_memberprofile-sideplays .inplayscenes-scene-title{
  font-size:12px !important;
}

.inplayscenes-memberprofile-none{
  display:block;
  margin:0;
  padding:15px 10px;
  background:var(--ips-panel-deep);
  border:1px solid rgba(210,146,62,.15);
  border-radius:4px;
  color:var(--ips-muted);
  font-family:Antonio, Arial Narrow, sans-serif;
  font-size:10px;
  line-height:1.5;
  font-weight:400;
  letter-spacing:.2px;
  text-align:center;
}

.inplayscenes-memberprofile-none::before{
  content:"—";
  display:block;
  margin:0 0 5px;
  color:var(--ips-gold);
  font-family:Georgia, serif;
  font-size:18px;
  line-height:1;
}

.inplayscenes-memberprofile-none::after{
  display:none !important;
  content:none !important;
}

@media screen and (max-width:850px){
  .inplayscenes_memberprofile{
    grid-template-columns:1fr;
  }

  .inplayscenes_memberprofile-mainplays{
    max-height:none;
    padding-right:0;
    overflow:visible;
  }

  .inplayscenes_memberprofile-sideplays{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width:600px){
  .inplayscenes-profile-fieldset{
    padding:9px;
  }

  .inplayscenes-profile-heading{
    padding:13px 14px 11px;
  }

  .inplayscenes-profile-heading h10{
    font-size:25px;
  }

  .inplayscenes_memberprofile{
    gap:11px;
  }

  .inplayscenes_memberprofile-sideplays{
    grid-template-columns:1fr;
  }

  .inplayscenes-month{
    padding:8px;
  }
}

/* =========================================================
   POSTING-ERINNERUNG
   ========================================================= */

.inplayscenes_postingreminder-desc{
    margin:0 0 16px;
    padding:22px 34px;
    border:1px solid var(--ips-line);
    background:
        linear-gradient(
            135deg,
            rgba(206,171,113,.96),
            rgba(160,115,61,.96)
        );
    color:var(--ips-parchment-ink);
    text-align:justify;
    line-height:1.8;
    box-shadow:
        inset 0 0 30px rgba(77,42,17,.3),
        0 7px 18px rgba(0,0,0,.28);
}

.inplayscenes_postingreminder-scene-table{
    display:flex;
    flex-direction:column;
    width:100%;
    gap:8px;
}

.inplayscenes_postingreminder-scene-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px;
    border:1px solid var(--ips-line);
    background:rgba(17,10,7,.88);
}

.inplayscenes_postingreminder-scene-column{
    flex:1;
    padding:0 10px;
}

.inplayscenes_postingreminder-none{
    margin:10px 0;
    padding:24px;
    border:1px solid var(--ips-line);
    background:rgba(17,10,7,.88);
    color:var(--ips-muted);
    text-align:center;
}


/* =========================================================
   SHOWTHREAD
   ========================================================= */

/* ==========================================================
   INPLAYSCENES – SZENENAKTE IM SHOWTHREAD
   ========================================================== */

.inplayscenes_showthread{
  --ips-bg:#100805;
  --ips-panel:#160d08;
  --ips-panel-soft:#24140c;
  --ips-line:#5a341d;
  --ips-line-soft:rgba(197,139,69,.22);
  --ips-gold:#c58b45;
  --ips-gold-light:#e0b36a;
  --ips-text:#ead0a1;
  --ips-muted:#c8a878;

  position:relative;
  width:100%;
  margin:0;
  padding:0;

  color:var(--ips-text);

  background:
    linear-gradient(
      110deg,
      rgba(197,139,69,.045),
      transparent 42%
    ),
    linear-gradient(
      135deg,
      #120906,
      #24140c 65%,
      #170b07
    );

  border:1px solid rgba(197,139,69,.35);
  border-left:5px solid var(--ips-gold);

  box-shadow:
    0 14px 30px rgba(0,0,0,.25),
    inset 0 1px rgba(255,255,255,.02);

  overflow:hidden;
  box-sizing:border-box;
}

.inplayscenes_showthread,
.inplayscenes_showthread *{
  box-sizing:border-box;
}

/* Überschrift */

.inplayscenes_showthread-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;

  padding:12px 16px;

  color:var(--ips-gold-light);

  background:
    linear-gradient(
      90deg,
      rgba(197,139,69,.08),
      transparent 55%
    ),
    var(--ips-panel);

  border-bottom:2px solid #8a4e22;
}

.inplayscenes_showthread-head h10{
  display:block;
  margin:0;
  padding:0;

  color:inherit;

  font-family:Cinzel,Georgia,serif;
  font-size:17px;
  font-weight:700;
  line-height:1.2;

  letter-spacing:1px;
  text-transform:uppercase;
}

.inplayscenes_showthread-head:after{
  content:"SCENE RECORD";

  color:rgba(234,208,161,.16);

  font-family:Antonio,Arial,sans-serif;
  font-size:8px;
  font-weight:700;
  line-height:1;

  letter-spacing:2px;
  text-transform:uppercase;
}

/* Informationsbereich */

.inplayscenes_showthread-content{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;

  padding:14px;
}

/* Einzelne Informationskarte */

.inplayscenes_showthread-bit{
  display:block;

  min-width:0;
  margin:0;
  padding:11px 12px;

  background:rgba(8,4,3,.40);

  border:1px solid rgba(197,139,69,.18);
  border-top:2px solid #8a4e22;
}

.inplayscenes_showthread-bit:last-child{
  border-bottom:1px solid rgba(197,139,69,.18);
}

/* Bezeichnung */

.inplayscenes_showthread-label{
  width:auto;
  margin:0 0 7px;
  padding:0 0 6px;

  color:var(--ips-gold);

  border-bottom:1px solid rgba(197,139,69,.18);

  font-family:Antonio,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  line-height:1.2;

  letter-spacing:1.2px;
  text-transform:uppercase;
}

.inplayscenes_showthread-label strong{
  font:inherit;
}

.inplayscenes_showthread-label h8{
  display:block;
  margin:0;
  padding:0;

  color:inherit;
  font:inherit;
}

/* Inhalt */

.inplayscenes_showthread-value{
  width:auto;
  min-width:0;

  color:var(--ips-text);

  font-family:Spectral,Georgia,serif;
  font-size:13px;
  line-height:1.5;

  text-align:left;
}

.inplayscenes_showthread-value h1{
  display:block;
  margin:0;
  padding:0;

  color:inherit;

  font:inherit;
  line-height:inherit;
}

/* Links */

.inplayscenes_showthread-value a{
  color:var(--ips-gold-light);
  text-decoration:none;
}

.inplayscenes_showthread-value a:hover{
  color:#f4dfbc;
}

/* Dynamisch eingefügte Triggerwarnungen und Zusatzfelder */

.inplayscenes_showthread-content > .inplayscenes_showthread-bit{
  min-height:82px;
}

/* Falls Triggerwarnung oder Pluginfelder noch alte Tabellenzellen nutzen */

.inplayscenes_showthread table,
.inplayscenes_showthread tbody,
.inplayscenes_showthread tr,
.inplayscenes_showthread td{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

/* Äußere MyBB-Tabellenzelle neutralisieren */

.inplayscenes_showthread-cell{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

/* Responsive */

@media screen and (max-width:850px){

  .inplayscenes_showthread-content{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media screen and (max-width:560px){

  .inplayscenes_showthread-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .inplayscenes_showthread-content{
    grid-template-columns:1fr;
  }

  .inplayscenes_showthread-content > .inplayscenes_showthread-bit{
    min-height:0;
  }
}


/* =========================================================
   USER-SZENENÜBERSICHT
   ========================================================= */

.inplayscenes_user-settings{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-evenly;
    gap:14px;
    padding:18px;
    border:1px solid var(--ips-line);
    background:rgba(15,9,7,.88);
    text-align:center;
}

.inplayscenes_user-scene-sort{
    margin:12px 0;
    text-align:center;
}

.inplayscenes_user-character-scenes{
    width:94%;
    margin:20px auto;
    padding:12px;
    border:1px solid var(--ips-line-light);
    background:
        linear-gradient(rgba(19,12,9,.97),rgba(8,5,4,.98));
    box-shadow:
        0 10px 24px rgba(0,0,0,.34),
        inset 0 0 38px rgba(0,0,0,.35);
}

.inplayscenes_user-scene-header{
    margin:0 0 10px;
    padding:12px 15px;
    border-bottom:1px solid var(--ips-line-light);
    color:var(--ips-gold-light);
    font-family:var(--ips-script);
    font-size:27px;
}

.inplayscenes_user-scene-header span{
    float:right;
    color:var(--ips-muted);
    font-family:var(--ips-serif);
    font-size:12px;
    font-style:italic;
}

.inplayscenes_user-scene-table{
    border:1px solid #3b2718;
    background:rgba(6,4,3,.42);
}

.inplayscenes_user-scene-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px;
    border-bottom:1px solid #3f2b1b;
}

.inplayscenes_user-scene-row:last-child{
    border-bottom:none;
}

.inplayscenes_user-scene-col{
    width:33.333%;
    padding:7px 10px;
}

.inplayscenes_user-scene-col + .inplayscenes_user-scene-col{
    border-left:1px solid rgba(112,75,39,.45);
}

.inplayscenes_user-scene-none{
    margin:10px 0;
    padding:25px;
    color:var(--ips-muted);
    text-align:center;
}

.inplayscenes-postbit{
    margin-bottom:10px;
    padding:8px;
    border:1px solid var(--ips-line);
    background:rgba(15,9,7,.72);
    text-align:center;
}


/* =========================================================
   STATUSFARBEN
   ========================================================= */

.inplayscene_next_none{
    color:var(--ips-danger);
}

.inplayscene_next_you{
    color:var(--ips-warning);
}


/* =========================================================
   RESPONSIVE ANPASSUNGEN
   ========================================================= */

@media screen and (max-width:900px){

    .inplayscenes_overview-scene-row{
        grid-template-columns:175px minmax(0,1fr);
        background:
            linear-gradient(
                90deg,
                rgba(16,10,7,.99) 0,
                rgba(20,13,9,.98) 175px,
                rgba(84,57,32,.88) 175px,
                rgba(84,57,32,.88) 100%
            );
    }

    .inplayscenes-scene-lastpost{
        grid-column:1 / -1;
        min-height:90px;
        border-top:1px solid rgba(133,91,47,.55);
        border-left:none !important;
        background:rgba(19,12,8,.88);
        text-align:center;
        align-items:center;
    }

    .inplayscenes_memberprofile{
        flex-wrap:wrap;
    }

    .inplayscenes_memberprofile-mainplays,
    .inplayscenes_memberprofile-sideplays{
        width:100%;
    }
}


@media screen and (max-width:700px){

    .inplayscenes-page{
        margin:12px auto;
    }

    .inplayscenes-frame{
        padding:10px;
    }

    .inplayscenes-overview-heading{
        min-height:82px;
        padding:18px 65px 18px 78px;
    }

    .inplayscenes-overview-heading::before{
        left:10px;
        width:56px;
        height:56px;
        font-size:27px;
    }

    .inplayscenes-overview-heading::after{
        right:10px;
        font-size:38px;
    }

    .inplayscenes-overview-heading-title{
        font-size:25px;
    }

    .inplayscenes-overview-counter{
        padding:15px 56px 15px 18px;
        font-size:24px;
    }

    .inplayscenes_overview-filter-table{
        grid-template-columns:1fr;
    }

    .inplayscenes_overview-scene-row{
        display:flex;
        flex-direction:column;
        background:
            linear-gradient(
                rgba(18,11,8,.98),
                rgba(76,51,29,.88),
                rgba(23,14,9,.98)
            );
    }

    .inplayscenes_overview-scene-column{
        width:100%;
        padding:18px;
    }

    .inplayscenes_overview-scene-column + .inplayscenes_overview-scene-column{
        border-top:1px solid rgba(133,91,47,.55);
        border-left:none;
    }

    .inplayscenes-scene-status{
        min-height:120px;
    }

    .inplayscenes-scene-main{
        padding-top:20px;
    }

    .inplayscenes-scene-lastpost{
        min-height:110px;
    }

    .inplayscenes-formular_input-row{
        flex-wrap:wrap;
    }

    .inplayscenes-formular_input-desc,
    .inplayscenes-formular_input-input{
        width:100%;
    }

    .inplayscenes_showthread-bit{
        flex-direction:column;
    }

    .inplayscenes_showthread-label{
        width:100%;
    }

    .inplayscenes_user-scene-row{
        flex-direction:column;
        align-items:stretch;
    }

    .inplayscenes_user-scene-col{
        width:100%;
    }

    .inplayscenes_user-scene-col + .inplayscenes_user-scene-col{
        border-top:1px solid rgba(112,75,39,.45);
        border-left:none;
    }

    .inplayscenes_user-scene-header span{
        display:block;
        float:none;
        margin-top:5px;
    }
}

/* =========================================================
   INPLAYSZENEN – PERSÖNLICHE SZENEN
   Harry-Potter-70er / asset-basierte Version
   Assets nach: images/inplayscenes_hp70/
   ========================================================= */

.ipsu-page{
    --ips-bg:#090604;
    --ips-panel:#120c09;
    --ips-panel-2:#1c120c;
    --ips-line:#5f3d1d;
    --ips-line-light:#a26e32;
    --ips-gold:#b47a34;
    --ips-gold-light:#e0b76f;
    --ips-parchment:#c99b5e;
    --ips-text:#d7c09b;
    --ips-text-light:#f1dfbc;
    --ips-muted:#a18b6d;
    --ips-link:#2b190e;
    --ips-danger:#d9642f;
    --ips-warning:#d8a24f;
    --ips-serif:"Cormorant Garamond","Palatino Linotype",Georgia,serif;
    --ips-display:"Cinzel","Times New Roman",Georgia,serif;
    --ips-script:"Berkshire Swash","Segoe Script","Brush Script MT",cursive;

    width:100%;
    max-width:1180px;
    margin:24px auto;
    color:var(--ips-text);
    font-family:var(--ips-serif);
    box-sizing:border-box;
}

.ipsu-page *,
.ipsu-page *::before,
.ipsu-page *::after{
    box-sizing:border-box;
}

.ipsu-page a{
    color:var(--ips-link);
    text-decoration:none;
}

.ipsu-page a:hover{
    color:#9bd6d0;
}

.ipsu-shell{
    position:relative;
    padding:34px 30px 30px;
    overflow:hidden;
    border:1px solid var(--ips-line-light);
    background:
        radial-gradient(circle at 50% 0,rgba(91,53,23,.17),transparent 38%),
        repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 1px,transparent 1px 7px),
        linear-gradient(rgba(12,8,6,.98),rgba(5,3,2,.99));
    box-shadow:
        0 24px 60px rgba(0,0,0,.62),
        inset 0 0 95px rgba(0,0,0,.72),
        inset 0 0 0 5px rgba(157,105,47,.07);
}

.ipsu-shell::before,
.ipsu-shell::after{
    content:"";
    position:absolute;
    z-index:1;
    width:130px;
    height:130px;
    background:url(../../../images/inplayscenes_hp70/corner.svg) no-repeat 0 0/contain;
    pointer-events:none;
}

.ipsu-shell::before{
    top:5px;
    left:5px;
}

.ipsu-shell::after{
    right:5px;
    bottom:5px;
    transform:rotate(180deg);
}

.ipsu-content{
    position:relative;
    z-index:2;
}

/* Einstellungen */

.ipsu-settings{
    width:min(760px,92%);
    margin:0 auto 28px;
    border:1px solid #7a5227;
    background:#120c08;
    box-shadow:0 14px 30px rgba(0,0,0,.42);
}

.ipsu-section-title{
    padding:14px 20px;
    border-bottom:1px solid #5c3b1d;
    background:linear-gradient(90deg,#100a07,#28180e,#100a07);
    color:var(--ips-gold-light);
    font-family:var(--ips-display);
    font-size:15px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.12em;
}

.ipsu-settings-parchment{
    padding:23px 28px;
    color:#2b190d;
    background:
        linear-gradient(rgba(224,190,132,.13),rgba(99,52,20,.10)),
        url(../../../images/inplayscenes_hp70/parchment_texture.svg) center/cover;
    box-shadow:inset 0 0 34px rgba(64,31,11,.34);
}

.ipsu-settings-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px 28px;
    align-items:start;
}

.ipsu-setting-row,
.ipsu-settings-grid > *{
    min-width:0;
}

.ipsu-setting-row{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center;
}

.ipsu-setting-label,
.ipsu-settings-grid strong{
    color:#39200e;
    font-family:var(--ips-display);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.07em;
}

.ipsu-setting-description,
.ipsu-settings-grid .smalltext{
    color:#523018;
    font-size:13px;
    line-height:1.45;
}

.ipsu-settings input[type="number"],
.ipsu-settings input[type="text"],
.ipsu-settings select{
    width:100%;
    max-width:230px;
    min-height:36px;
    padding:7px 10px;
    border:1px solid #6f441e;
    border-radius:0;
    outline:0;
    background:rgba(255,231,184,.38);
    color:#2b180c;
    font:14px var(--ips-serif);
}

.ipsu-settings-button{
    grid-column:1/-1;
    text-align:center;
}

.ipsu-settings-hint{
    margin-bottom:10px;
    color:#4d2c15;
    font-size:13px;
}

.ipsu-button,
.ipsu-page input[type="submit"].ipsu-button{
    min-height:37px;
    padding:8px 18px;
    border:1px solid #9f6c31;
    border-radius:0;
    background:linear-gradient(#382316,#17100c);
    color:var(--ips-gold-light);
    font:13px var(--ips-serif);
    cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(255,231,180,.12),0 4px 10px rgba(0,0,0,.28);
}

/* Großes Szenenbanner */

.ipsu-summary-banner{
    position:relative;
    min-height:106px;
    margin:0 0 22px;
    padding:25px 190px 25px 128px;
    display:flex;
    align-items:center;
    border-top:1px solid #e1bd7b;
    border-bottom:1px solid #60401f;
    background:
        linear-gradient(90deg,rgba(78,45,18,.20),transparent 18%,transparent 82%,rgba(78,45,18,.28)),
        url(../../../images/inplayscenes_hp70/parchment_texture.svg) center/cover;
    color:#29170c;
    box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 0 35px rgba(66,31,10,.30);
}

.ipsu-summary-crest{
    position:absolute;
    left:-10px;
    top:50%;
    width:115px;
    height:115px;
    transform:translateY(-50%);
    background:url(../../../images/inplayscenes_hp70/crest.svg) center/contain no-repeat;
    font-size:0;
}

.ipsu-summary-text{
    width:100%;
    font-family:var(--ips-script);
    font-size:30px;
    font-weight:700;
    font-style:italic;
    line-height:1.32;
    text-shadow:0 1px 0 rgba(255,240,205,.42);
}

.ipsu-summary-quill{
    position:absolute;
    right:12px;
    bottom:-4px;
    width:190px;
    height:124px;
    background:url(../../../images/inplayscenes_hp70/quill_books.svg) right bottom/contain no-repeat;
    font-size:0;
}

/* Sortierung */

.ipsu-sort-panel{
    position:relative;
    margin:0 0 22px;
    padding:17px;
    border:1px solid #6b4723;
    background:linear-gradient(rgba(22,14,10,.98),rgba(8,5,4,.99));
    box-shadow:inset 0 0 32px rgba(0,0,0,.48);
}

.ipsu-sort-form{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:8px;
}

.ipsu-sort-label{
    width:100%;
    color:var(--ips-gold-light);
    font-family:var(--ips-display);
    font-size:13px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.11em;
}

.ipsu-sort-form select{
    min-width:170px;
    min-height:36px;
    padding:6px 32px 6px 10px;
    border:1px solid #87591f;
    border-radius:0;
    background:#100a07;
    color:var(--ips-text-light);
    font:13px var(--ips-serif);
}

/* Charakterkarte */

.ipsu-character-card{
    position:relative;
    margin:0 0 26px;
    padding:10px;
    border:1px solid #8e602c;
    background:linear-gradient(rgba(18,12,8,.99),rgba(7,4,3,.99));
    box-shadow:0 14px 30px rgba(0,0,0,.42),inset 0 0 42px rgba(0,0,0,.36);
}

.ipsu-character-card::before{
    content:"";
    position:absolute;
    inset:5px;
    border:1px solid rgba(172,116,51,.24);
    pointer-events:none;
}

.ipsu-character-header{
    position:relative;
    z-index:2;
    min-height:70px;
    padding:15px 230px 15px 35px;
    display:flex;
    align-items:center;
    border:1px solid #6a4522;
    background:
        radial-gradient(circle at 18% 50%,rgba(113,72,33,.17),transparent 35%),
        linear-gradient(90deg,#21150e,#0e0906 70%,#1b110b);
}

.ipsu-character-header::before,
.ipsu-character-header::after{
    content:"";
    position:absolute;
    top:50%;
    width:18px;
    height:18px;
    border:1px solid #94642f;
    background:#17100b;
    transform:translateY(-50%) rotate(45deg);
}

.ipsu-character-header::before{left:-10px;}
.ipsu-character-header::after{right:-10px;}

.ipsu-character-name{
    color:#f1cf91;
    font-family:var(--ips-script);
    font-size:29px;
    font-weight:700;
    font-style:italic;
    line-height:1.2;
    text-shadow:0 2px 3px rgba(0,0,0,.86);
}

.ipsu-reminder-status{
    position:absolute;
    top:50%;
    right:21px;
    max-width:200px;
    transform:translateY(-50%);
    color:#af9c79;
    font-size:11px;
    font-style:italic;
    text-align:right;
    text-transform:uppercase;
}

/* Kategorien und Tabelle */

.ipsu-scene-category{
    position:relative;
    z-index:2;
    margin-top:10px;
    border:1px solid #50331b;
    background:#0b0705;
}

.ipsu-category-counter{
    padding:9px 14px;
    border-bottom:1px solid #4b301a;
    background:linear-gradient(90deg,#24160e,#130c08 55%,#21140d);
    color:#dab274;
    font-size:12px;
}

.ipsu-scene-head,
.ipsu-scene-row{
    display:grid;
    grid-template-columns:255px minmax(0,1fr) 255px;
}

.ipsu-scene-head{
    min-height:47px;
    border-bottom:1px solid #54361d;
    background:#100a07;
}

.ipsu-scene-head-cell{
    display:flex;
    align-items:center;
    padding:12px 18px;
    color:#f0cf91;
    font-family:var(--ips-display);
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.ipsu-scene-head-cell:nth-child(2){justify-content:center;}
.ipsu-scene-head-cell + .ipsu-scene-head-cell{border-left:1px solid #50321b;}

.ipsu-scene-row{
    position:relative;
    min-height:205px;
    border-bottom:1px solid #51331c;
}

.ipsu-scene-row:last-child{border-bottom:none;}

.ipsu-scene-cell{
    position:relative;
    min-width:0;
    padding:24px 20px;
}

.ipsu-scene-cell + .ipsu-scene-cell{
    border-left:1px solid rgba(113,75,39,.62);
}

/* Linke Spalte */

.ipsu-next-post{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    background:
        radial-gradient(circle at 50% 45%,rgba(87,51,23,.18),transparent 42%),
        linear-gradient(#130c08,#0c0705);
    text-align:center;
}

.ipsu-next-icon{
    width:48px;
    height:48px;
    background:
        url(../../../images/inplayscenes_hp70/quill_books.svg) 8% 12%/120px auto no-repeat,
        #120b08;
    border:1px solid #795028;
    box-shadow:inset 0 0 15px rgba(0,0,0,.72),0 5px 10px rgba(0,0,0,.25);
    font-size:0;
}

.ipsu-next-text{
    max-width:190px;
    color:var(--ips-danger);
    font-family:var(--ips-display);
    font-size:12px;
    font-weight:bold;
    line-height:1.55;
}

.ipsu-next-post .inplayscene_next_you{color:var(--ips-warning);}
.ipsu-next-post .inplayscene_next_none{color:var(--ips-danger);}

/* Mittlere Pergamentspalte */

.ipsu-scene-information{
    padding-top:27px;
    color:#2b190e;
    background:
        linear-gradient(rgba(255,236,197,.04),rgba(86,45,16,.09)),
        url(../../../images/inplayscenes_hp70/parchment_texture.svg) center/cover;
    box-shadow:inset 0 0 32px rgba(76,38,14,.24);
}

.ipsu-scene-title{
    position:relative;
    display:block;
    width:calc(100% - 34px);
    max-width:510px;
    margin:0 auto 20px;
    padding:8px 34px;
    border-top:1px solid #8d5d2b;
    border-bottom:1px solid #4b2b14;
    background:linear-gradient(90deg,transparent,#21130b 9%,#2b190d 50%,#21130b 91%,transparent);
    color:#e0b56f !important;
    font-family:var(--ips-display);
    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.ipsu-scene-title::before,
.ipsu-scene-title::after{
    content:"";
    position:absolute;
    top:50%;
    width:15px;
    height:15px;
    background:#21130b;
    transform:translateY(-50%) rotate(45deg);
}

.ipsu-scene-title::before{left:7px;}
.ipsu-scene-title::after{right:7px;}

.ipsu-info-list{
    display:flex;
    flex-direction:column;
    gap:5px;
    color:#2b190e;
    font-size:13px;
    line-height:1.47;
}

.ipsu-info-row{
    display:flex;
    align-items:flex-start;
    gap:5px;
}

.ipsu-info-label{
    flex:0 0 auto;
    color:#3b210f;
    font-weight:bold;
}

.ipsu-info-value{
    min-width:0;
    overflow-wrap:anywhere;
}

.ipsu-info-value a{
    color:#176d70;
    font-weight:600;
}

/* Rechte Spalte */

.ipsu-last-post{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    padding-right:46px;
    background:
        linear-gradient(90deg,rgba(31,18,11,.18),rgba(10,6,4,.66)),
        url(../../../images/inplayscenes_hp70/castle.svg) right bottom/190px auto no-repeat,
        url(../../../images/inplayscenes_hp70/parchment_texture.svg) center/cover;
    color:#2b190e;
    font-size:13px;
    line-height:1.5;
    box-shadow:inset 0 0 34px rgba(45,22,9,.26);
}

.ipsu-last-post::after{
    content:"›";
    position:absolute;
    right:17px;
    top:50%;
    transform:translateY(-50%);
    color:#a66f2d;
    font-family:Georgia,serif;
    font-size:43px;
}

.ipsu-last-post-link{
    color:#3b210f !important;
    font-weight:bold;
}

.ipsu-last-poster{
    color:#176d70;
    font-weight:600;
}

.ipsu-empty-scene{
    grid-column:1/-1;
    min-height:95px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    color:var(--ips-muted);
    font-style:italic;
    background:linear-gradient(90deg,#0e0906,#2d1c11,#0e0906);
}

/* Responsive */

@media screen and (max-width:1050px){
    .ipsu-scene-head,
    .ipsu-scene-row{
        grid-template-columns:220px minmax(0,1fr) 220px;
    }
}

@media screen and (max-width:820px){
    .ipsu-settings{width:100%;}
    .ipsu-summary-banner{padding-right:120px;}
    .ipsu-summary-quill{width:125px;}
    .ipsu-scene-head,
    .ipsu-scene-row{
        grid-template-columns:190px minmax(0,1fr);
    }
    .ipsu-scene-head-cell:last-child{display:none;}
    .ipsu-last-post{
        grid-column:1/-1;
        min-height:120px;
        border-top:1px solid rgba(113,75,39,.62);
        border-left:none !important;
        text-align:center;
        align-items:center;
    }
}

@media screen and (max-width:650px){
    .ipsu-shell{padding:14px;}
    .ipsu-settings-grid{grid-template-columns:1fr;}
    .ipsu-settings-button{grid-column:auto;}
    .ipsu-summary-banner{
        min-height:90px;
        padding:18px 65px 18px 76px;
    }
    .ipsu-summary-crest{width:78px;height:78px;left:-5px;}
    .ipsu-summary-quill{display:none;}
    .ipsu-summary-text{font-size:23px;}
    .ipsu-character-header{
        min-height:96px;
        padding:16px 18px;
        flex-direction:column;
        align-items:flex-start;
        gap:7px;
    }
    .ipsu-character-name{font-size:24px;}
    .ipsu-reminder-status{
        position:static;
        max-width:none;
        transform:none;
        text-align:left;
    }
    .ipsu-scene-head{display:none;}
    .ipsu-scene-row{display:flex;flex-direction:column;}
    .ipsu-scene-cell{width:100%;}
    .ipsu-scene-cell + .ipsu-scene-cell{
        border-top:1px solid rgba(113,75,39,.62);
        border-left:none;
    }
    .ipsu-next-post{min-height:125px;}
    .ipsu-last-post{min-height:135px;}
}


/* =========================================================
   INPLAYSZENEN HP70 – KORREKTUR V2.1
   Näher an der ursprünglichen Vorschau
   ========================================================= */


/* Charakterkopf kompakter */

.ipsu-character-header{
    min-height:64px;
    padding:12px 205px 12px 25px;
}

.ipsu-character-name{
    max-width:calc(100% - 20px);
    font-size:clamp(23px,2vw,29px);
    line-height:1.15;
    white-space:nowrap;
}

.ipsu-reminder-status{
    right:18px;
    max-width:180px;
}


/* Spalten schmaler und übersichtlicher */

.ipsu-scene-head,
.ipsu-scene-row{
    grid-template-columns:220px minmax(0,1fr) 220px;
}

.ipsu-scene-row{
    min-height:175px;
}

.ipsu-scene-cell{
    padding:18px;
}


/* Linke Spalte dunkler und weniger leer */

.ipsu-next-post{
    gap:12px;
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(112,68,30,.17),
            transparent 44%
        ),
        linear-gradient(
            135deg,
            #160e09,
            #090604 72%
        );
}

.ipsu-next-icon{
    position:relative;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #775029;
    background:
        radial-gradient(
            circle at center,
            #24160e,
            #0d0805
        );
    box-shadow:
        inset 0 0 14px rgba(0,0,0,.75),
        0 5px 10px rgba(0,0,0,.3);
    font-size:0;
}

.ipsu-next-icon::before{
    content:"✒";
    display:block;
    color:#d7a85d;
    font-family:Georgia,serif;
    font-size:23px;
    line-height:1;
    transform:rotate(-13deg);
    text-shadow:
        0 1px 1px #000,
        0 0 6px rgba(215,168,93,.25);
}

.ipsu-next-text{
    font-size:11px;
    line-height:1.45;
}


/* Mittlere Pergamentfläche dunkler und natürlicher */

.ipsu-scene-information{
    padding:22px 24px;
    color:#2b190e;
    background:
        linear-gradient(
            rgba(102,63,31,.16),
            rgba(73,42,21,.25)
        ),
        url(../../../images/inplayscenes_hp70/parchment_texture.svg)
        center / cover;
    box-shadow:
        inset 0 0 38px rgba(65,31,11,.32),
        inset 0 0 0 1px rgba(255,226,169,.08);
}

.ipsu-scene-title{
    width:calc(100% - 28px);
    margin-bottom:16px;
    padding:7px 31px;
    font-size:11px;
}

.ipsu-info-list{
    gap:4px;
    font-size:12px;
    line-height:1.42;
}


/* Rechte Spalte wie in der Vorschau abdunkeln */

.ipsu-last-post{
    min-height:175px;
    padding:20px 43px 20px 20px;
    color:#e2cda8;
    text-shadow:0 1px 1px rgba(0,0,0,.65);
    background:
        linear-gradient(
            90deg,
            rgba(55,35,22,.55),
            rgba(25,15,10,.78)
        ),
        url(../../../images/inplayscenes_hp70/castle.svg)
        right 18px bottom / 145px auto no-repeat,
        url(../../../images/inplayscenes_hp70/parchment_texture.svg)
        center / cover;
    box-shadow:
        inset 0 0 38px rgba(0,0,0,.38);
}

.ipsu-last-post-link{
    color:#f0dcba !important;
}

.ipsu-last-post-link:hover{
    color:#efc982 !important;
}

.ipsu-last-post-date{
    color:#d8c19b;
}

.ipsu-last-poster{
    color:#72b8b2;
}

.ipsu-last-post::after{
    right:13px;
    color:#b97d32;
    font-size:38px;
}


/* Leere AU-Bereiche kompakter */

.ipsu-empty-scene{
    min-height:82px;
    background:
        radial-gradient(
            circle at center,
            rgba(78,47,25,.22),
            transparent 55%
        ),
        linear-gradient(
            90deg,
            #0d0805,
            #21140d,
            #0d0805
        );
}


/* Kategoriezeilen etwas kompakter */

.ipsu-category-counter{
    padding:7px 13px;
}

.ipsu-scene-head{
    min-height:45px;
}

.ipsu-scene-head-cell{
    padding:10px 18px;
}


/* Rahmen weniger breit und massig */

.ipsu-character-card{
    padding:8px;
}

.ipsu-character-card::before{
    inset:4px;
}


/* Anpassungen für kleinere Auflösungen */

@media screen and (max-width:1050px){

    .ipsu-scene-head,
    .ipsu-scene-row{
        grid-template-columns:190px minmax(0,1fr) 195px;
    }

    .ipsu-character-name{
        white-space:normal;
    }
}


@media screen and (max-width:820px){

    .ipsu-scene-head,
    .ipsu-scene-row{
        grid-template-columns:180px minmax(0,1fr);
    }

    .ipsu-last-post{
        min-height:115px;
        padding:18px 40px 18px 18px;
        background:
            linear-gradient(
                rgba(45,28,18,.62),
                rgba(21,13,8,.82)
            ),
            url(../../../images/inplayscenes_hp70/castle.svg)
            right 15px bottom / 120px auto no-repeat,
            url(../../../images/inplayscenes_hp70/parchment_texture.svg)
            center / cover;
    }
}


@media screen and (max-width:650px){

    .ipsu-character-name{
        white-space:normal;
    }

    .ipsu-scene-row{
        min-height:auto;
    }

    .ipsu-next-post{
        min-height:110px;
    }

    .ipsu-scene-information{
        padding:20px 17px;
    }

    .ipsu-last-post{
        min-height:125px;
    }
}