#plottracker-page{--pt-bg:#160d08;--pt-panel:#1c100a;--pt-panel-soft:#24140c;--pt-panel-light:#302014;--pt-line:#50321d;--pt-line-soft:#3f2818;--pt-accent:#98602d;--pt-gold:#d6a363;--pt-light:#ead0a1;--pt-text:#d9c4a5;--pt-muted:#9d856b;width:100%;margin:20px auto 40px;overflow:hidden;color:var(--pt-text);background:var(--pt-bg);border-top:1px solid var(--pt-line);border-right:1px solid var(--pt-line-soft);border-bottom:1px solid var(--pt-line);border-left:4px solid #8c572a;box-shadow:0 12px 30px rgba(0,0,0,.3),inset 0 0 35px rgba(0,0,0,.18);font-family:Arial,sans-serif;font-size:14px;line-height:1.6}
#plottracker-page *,#plottracker-page *:before,#plottracker-page *:after{box-sizing:border-box}
.plottracker-headline{min-height:76px;padding:15px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(90deg,rgba(58,36,22,.96),rgba(36,20,12,.96));border-bottom:1px solid #68401f}.plottracker-headline span{display:block;color:#9e805d;font-family:"Spectral SC",Georgia,serif;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.plottracker-headline strong{display:block;color:var(--pt-gold);font-family:"Spectral SC",Georgia,serif;font-size:22px;line-height:1.3;letter-spacing:2px;text-transform:uppercase}.plottracker-create,.plottracker-back,.plot-action{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;color:#d8af78!important;background:#2f1c10;border:1px solid #70451f;font-family:"Spectral SC",Georgia,serif;font-size:11px;letter-spacing:.7px;text-transform:uppercase;text-decoration:none}.plottracker-create:hover,.plottracker-back:hover,.plot-action:hover{color:#160d08!important;background:#d1a267;border-color:#d1a267}
.plottracker-intro,.plot-view-description{padding:18px 22px;color:#cdb799;background:rgba(28,16,10,.88);border-bottom:1px solid var(--pt-line);font-family:Georgia,serif;font-size:13px;line-height:1.8;text-align:justify}.plottracker-filter{padding:14px 20px;display:grid;grid-template-columns:minmax(180px,1fr) 180px 180px auto;gap:9px;background:#1a0f09;border-bottom:1px solid var(--pt-line)}#plottracker-page input,#plottracker-page select,#plottracker-page textarea{width:100%;min-height:39px;padding:8px 10px;color:#dbc4a6;background:#160d08;border:1px solid #57361f;border-radius:0;font-size:13px;outline:none}#plottracker-page textarea{font-family:Georgia,serif;line-height:1.7;resize:vertical}#plottracker-page input:focus,#plottracker-page select:focus,#plottracker-page textarea:focus{border-color:#9e6935;box-shadow:0 0 0 1px rgba(197,139,69,.18)}#plottracker-page button{min-height:38px;padding:8px 13px;color:#d8af78;background:#2f1c10;border:1px solid #70451f;border-radius:0;font-family:"Spectral SC",Georgia,serif;font-size:11px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer}#plottracker-page button:hover{color:#160d08;background:#d1a267;border-color:#d1a267}#plottracker-page button.danger{color:#c99686;border-color:#75402f;background:#351b13}#plottracker-page button.danger:hover{color:#fff;background:#914f3d}
.plottracker-grid{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:repeating-linear-gradient(45deg,transparent 0,transparent 10px,rgba(197,139,69,.012) 10px,rgba(197,139,69,.012) 11px),#1a0f09}.plot-card{min-width:0;display:flex;flex-direction:column;background:rgba(28,16,10,.88);border-top:1px solid rgba(197,139,69,.22);border-right:1px solid rgba(197,139,69,.12);border-bottom:1px solid rgba(197,139,69,.22);border-left:3px solid #8f592b;box-shadow:0 7px 18px rgba(0,0,0,.22)}.plot-card-top{padding:14px 15px;background:linear-gradient(90deg,rgba(58,36,22,.8),rgba(36,20,12,.72));border-bottom:1px solid #68401f}.plot-card-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.plot-card-badges span{padding:3px 7px;color:#bda07b;background:#24140c;border:1px solid rgba(197,139,69,.18);font-size:10px;text-transform:uppercase}.plot-card-badges .status-active{color:#d9bd80}.plot-card-badges .status-completed{color:#a7b68c}.plot-card-badges .plot-pending{color:#d2a071;border-color:#875326}.plot-card h2{margin:0;color:var(--pt-light);font-family:"Spectral SC",Georgia,serif;font-size:17px;line-height:1.4;letter-spacing:.8px;text-transform:uppercase}.plot-card h2 a{color:inherit;text-decoration:none}.plot-card h2 a:hover{color:#fff}.plot-card-owner{margin-top:4px;color:var(--pt-muted);font-family:Georgia,serif;font-size:12px}.plot-card-description{flex:1;padding:14px 16px;color:#cdb799;font-family:Georgia,serif;font-size:13px;line-height:1.75}.plot-card-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(197,139,69,.13);border-bottom:1px solid rgba(197,139,69,.13)}.plot-card-meta span{padding:8px 5px;color:#9f896e;text-align:center;font-size:11px;border-right:1px solid rgba(197,139,69,.11)}.plot-card-meta span:last-child{border-right:0}.plot-card-meta b{display:block;color:#d1a267;font-size:14px}.plot-card-footer{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8f775e;font-size:11px}.plot-card-footer a{color:#c99559;text-decoration:none;text-transform:uppercase}.plot-card-footer a:hover{color:#efd0a3}
.plottracker-empty,.plottracker-notice,.plot-form-errors{margin:18px;padding:14px 16px;color:#d6bea0;background:#2b1a11;border:1px solid #70451f;border-left:4px solid #98602d}.plot-form-errors{background:#351b13;border-color:#75402f;border-left-color:#a95a43}.plottracker-pagination{padding:12px 20px;text-align:center;background:#1a0f09}.plottracker-pagination:empty{display:none}
.plot-view-meta{padding:11px 20px;display:flex;flex-wrap:wrap;gap:8px 20px;color:#a58d70;background:#1a0f09;border-bottom:1px solid var(--pt-line);font-size:12px}.plot-view-actions{padding:12px 20px;display:flex;flex-wrap:wrap;gap:8px;background:#1a0f09;border-bottom:1px solid var(--pt-line)}.plot-post-action{display:inline-block;margin:0}.plot-join-note{display:inline-flex;align-items:center;color:#c6a77f;font-size:12px}.plot-view-grid{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:repeating-linear-gradient(45deg,transparent 0,transparent 10px,rgba(197,139,69,.012) 10px,rgba(197,139,69,.012) 11px),#1a0f09}.plot-panel{min-width:0;background:rgba(28,16,10,.88);border-top:1px solid var(--pt-line);border-right:1px solid var(--pt-line-soft);border-bottom:1px solid var(--pt-line);border-left:3px solid var(--pt-accent)}.plot-panel-scenes{grid-column:1/-1}.plot-panel-title{padding:11px 14px;color:#c99559;background:linear-gradient(90deg,rgba(58,36,22,.72),rgba(36,20,12,.68));border-bottom:1px solid #68401f;font-family:"Spectral SC",Georgia,serif;font-size:14px;font-weight:bold;letter-spacing:1px;text-transform:uppercase}.plot-panel-body{padding:12px}.plot-participant,.plot-scene,.plot-point{margin-bottom:7px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c7af90;background:rgba(36,20,12,.68);border-left:2px solid #70451f;border-bottom:1px solid rgba(197,139,69,.12)}.plot-participant:last-child,.plot-scene:last-child,.plot-point:last-child{margin-bottom:0}.plot-participant strong,.plot-scene a,.plot-point strong{display:block;color:#d6b383;text-decoration:none;font-size:13px}.plot-participant span,.plot-scene span,.plot-point-text>span{display:block;color:#907a62;font-family:Georgia,serif;font-size:12px}.plot-participant-status,.plot-point-actions,.plot-scene>div:last-child{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.participant-pending{color:#d2a071!important}.plot-point{justify-content:flex-start}.plot-point-check{width:28px;flex:0 0 28px;color:#c58b45;font-size:20px;text-align:center}.plot-point-text{flex:1;min-width:0}.plot-point.status-done{opacity:.68}.plot-point.status-done strong{text-decoration:line-through}.plot-empty-small{padding:12px;color:#89745c;font-family:Georgia,serif;font-style:italic;text-align:center}.plot-inline-form{margin-top:13px;padding:12px;display:grid;gap:8px;background:#160d08;border:1px solid #50321d}.plot-inline-form strong{color:#c99559;font-family:"Spectral SC",Georgia,serif;font-size:12px;text-transform:uppercase}
.plot-form-grid{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#1a0f09}.plot-form-grid label{display:block;min-width:0;padding:12px;background:rgba(28,16,10,.88);border-left:3px solid #70451f;border-top:1px solid rgba(197,139,69,.16);border-bottom:1px solid rgba(197,139,69,.16)}.plot-form-grid label>span{display:block;margin-bottom:6px;color:#c99559;font-family:"Spectral SC",Georgia,serif;font-size:12px;letter-spacing:.6px;text-transform:uppercase}.plot-form-grid small{display:block;margin-top:4px;color:#88735c;font-size:11px}.plot-form-wide{grid-column:1/-1}.plot-form-actions{padding:15px 20px;text-align:right;background:linear-gradient(90deg,rgba(28,16,10,.94),rgba(36,20,12,.92));border-top:1px solid var(--pt-line)}
@media(max-width:850px){.plottracker-grid,.plot-view-grid{grid-template-columns:1fr}.plot-panel-scenes{grid-column:auto}.plottracker-filter{grid-template-columns:1fr 1fr}.plottracker-filter input{grid-column:1/-1}.plot-form-grid{grid-template-columns:1fr}.plot-form-wide{grid-column:auto}}
@media(max-width:520px){.plottracker-headline{display:block;padding:13px 15px}.plottracker-headline strong{font-size:18px}.plottracker-create,.plottracker-back{margin-top:10px}.plottracker-intro,.plot-view-description{text-align:left;padding:15px}.plottracker-filter{grid-template-columns:1fr}.plottracker-filter input{grid-column:auto}.plottracker-grid,.plot-view-grid,.plot-form-grid{padding:11px}.plot-card-meta{grid-template-columns:1fr}.plot-card-meta span{border-right:0;border-bottom:1px solid rgba(197,139,69,.11)}.plot-card-meta span:last-child{border-bottom:0}.plot-participant,.plot-scene,.plot-point{align-items:flex-start;flex-wrap:wrap}.plot-form-actions button{width:100%}}

.plot-scene-help{margin-bottom:12px;padding:10px 12px;color:#b9a183;background:rgba(58,36,22,.36);border-left:3px solid #98602d;font-family:Georgia,serif;font-size:13px;line-height:1.65}.plot-inline-help{display:block;color:#8f795f;font-family:Georgia,serif;font-size:12px;line-height:1.55}.plot-inline-form .plot-inline-help+input{margin-top:0}

/* =========================================================
   PLOT-AUSWAHL BEIM ERSTELLEN / BEARBEITEN EINER SZENE
   ========================================================= */

.plottracker-thread-select {
    width: 100%;
    margin: 0;
    overflow: hidden;
    color: #d9c4a5;
    background: #1c100a;
    border: 1px solid #50321d;
    border-left: 4px solid #8c572a;
    border-collapse: collapse;
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18);
}

.plottracker-thread-select .thead {
    padding: 11px 15px;
    color: #d6a363;
    background: linear-gradient(90deg, rgba(58, 36, 22, 0.94), rgba(36, 20, 12, 0.92));
    border: 0;
    border-bottom: 1px solid #68401f;
    font-family: "Spectral SC", Georgia, serif;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.plottracker-thread-select .trow1 {
    padding: 14px 15px;
    color: #d9c4a5;
    background: rgba(28, 16, 10, 0.88);
    border: 0;
}

.plottracker-thread-select label {
    display: grid;
    grid-template-columns: minmax(190px, 0.45fr) minmax(240px, 1fr);
    gap: 7px 14px;
    align-items: center;
}

.plottracker-thread-label {
    color: #c99559;
    font-family: "Spectral SC", Georgia, serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 145%;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.plottracker-thread-select select {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    color: #dbc4a6;
    background: #160d08;
    border: 1px solid #57361f;
    border-radius: 0;
    font-size: 13px;
    outline: none;
}

.plottracker-thread-select select:focus {
    border-color: #9e6935;
    box-shadow: 0 0 0 1px rgba(197, 139, 69, 0.18);
}

.plottracker-thread-help {
    grid-column: 2;
    color: #9d856b;
    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 155%;
}

@media screen and (max-width: 600px) {
    .plottracker-thread-select label {
        grid-template-columns: 1fr;
    }

    .plottracker-thread-help {
        grid-column: 1;
    }
}


/* =========================================================
   ARCHIVIERTE PLOTSZENEN
   ========================================================= */

.plot-panel-archived {
    border-left-color: #6f4a2a;
}

.plot-panel-archived .plot-panel-title {
    color: #bca17e;
    background: linear-gradient(90deg, rgba(48,32,20,.76), rgba(28,16,10,.72));
}

.plot-panel-archived .plot-scene-help {
    color: #a58d70;
    background: rgba(48,32,20,.28);
    border-left-color: #6f4a2a;
}

.plot-scene.is-archived {
    background: rgba(30,23,16,.72);
    border-left-color: #6f4a2a;
}

.plot-scene.is-archived > div:first-child {
    min-width: 0;
    flex: 1;
}

.plot-scene-side {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.plot-scene .plot-scene-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    color: #bca17e;
    background: #1a0f09;
    border: 1px solid #5f4328;
    font-family: "Spectral SC", Georgia, serif;
    font-size: 10px;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: .5px;
    text-transform: uppercase;
}

/* =========================================================
   PLOTTRACKER 1.0.5 – SZENENDATEN
   ========================================================= */

.plot-scene-main {
    min-width: 0;
    flex: 1 1 520px;
}

.plot-scene .plot-scene-title {
    display: block;
    margin-bottom: 7px;

    color: #d6b383;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: .4px;
}

.plot-scene-meta {
    width: 100%;

    display: grid;
    grid-template-columns: minmax(140px, auto) minmax(0, 1fr);
    gap: 6px 16px;
    align-items: baseline;
}

.plot-scene .plot-scene-meta > span {
    display: block;

    color: #a89175;

    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 1.6;
}

.plot-scene .plot-scene-meta b {
    color: #c99559;

    font-family: "Spectral SC", Georgia, serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.plot-scene .plot-scene-players a {
    display: inline;
    font-size: 12px;
}

.plot-scene .plot-scene-players a span,
.plot-scene .plot-scene-players a strong,
.plot-scene .plot-scene-player-separator,
.plot-scene .plot-scene-missing {
    display: inline;
}

.plot-scene .plot-scene-player-separator {
    color: #765a3c;
    font-family: Georgia, serif;
}

.plot-scene .plot-scene-missing {
    color: #806c58;
    font-style: italic;
}

.plot-scene .plot-scene-note {
    display: block;
    margin-top: 7px;
    padding-top: 6px;

    color: #907a62;

    border-top: 1px solid rgba(197,139,69,.10);

    font-family: Georgia, serif;
    font-size: 12px;
    line-height: 1.55;
}

.plot-scene-side {
    flex: 0 0 auto;
}

/* HTML- und MyCode-Inhalte in Plotbeschreibungen */
.plot-view-description img,
.plot-point-text img {
    max-width: 100%;
    height: auto;
}

.plot-view-description table,
.plot-point-text table {
    max-width: 100%;
    border-collapse: collapse;
}

.plot-view-description blockquote,
.plot-point-text blockquote {
    margin: 14px 0;
    padding: 10px 14px;

    background: rgba(36,20,12,.62);
    border-left: 3px solid #98602d;
}

@media screen and (max-width: 650px) {
    .plot-scene-meta {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .plot-scene-side {
        width: 100%;
        justify-content: flex-end;
    }
}