:root{
 --sth-gold:#c99a4a; --sth-gold2:#e0b969; --sth-ink:#080b0d; --sth-panel:rgba(7,11,13,.91);
 --sth-panel2:rgba(12,16,18,.94); --sth-line:rgba(201,154,74,.38); --sth-text:#e8e3d8; --sth-muted:#9ca3a3;
 --sth-paper:#d8c9a6;
}
html,body{background:#080b0d!important}
body.case-screen,body{
 background-image:linear-gradient(90deg,rgba(3,7,9,.78),rgba(3,7,9,.48)),url("../img/fondo-sthemistery-v0150.jpg")!important;
 background-size:cover!important;background-position:center center!important;background-attachment:fixed!important;
 color:var(--sth-text);
}
.case-shell{position:relative;z-index:1}
.document-panel,.case-card,.puzzle-card,.analysis-card,.archive-card,.wall-card,.restos-card,.inspection-card{
 background:linear-gradient(180deg,rgba(7,11,13,.94),rgba(7,10,11,.90))!important;
 border:1px solid var(--sth-line)!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important;
}
h1,h2,h3,.case-title,.document-panel>h1{
 font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:.01em!important;color:#f0e7d5!important;
}
.eyebrow,.section-label,.evidence-type{
 color:var(--sth-gold2)!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
button,.btn,.choice,.answer-option,.evidence-open{
 border-color:rgba(201,154,74,.58)!important;background:rgba(13,17,19,.94)!important;color:#e7e3d9!important;
}
button:hover,.btn:hover,.choice:hover,.answer-option:hover,.evidence-open:hover{
 border-color:var(--sth-gold2)!important;background:rgba(33,29,20,.94)!important;
}
.paper-doc{
 background:
  linear-gradient(rgba(220,205,168,.92),rgba(205,188,146,.94)),
  repeating-linear-gradient(0deg,transparent 0 28px,rgba(70,55,35,.08) 29px 30px)!important;
 color:#30271d!important;border:1px solid #9f885c!important;box-shadow:0 8px 30px rgba(0,0,0,.35)!important;
 font-family:Georgia,"Times New Roman",serif!important;
}
.paper-doc *{color:#30271d!important}
.paper-meta{color:#67543a!important;letter-spacing:.12em!important}
.evidence-card{
 background:linear-gradient(180deg,rgba(8,12,14,.96),rgba(10,13,14,.93))!important;
 border:1px solid rgba(201,154,74,.34)!important;border-radius:3px!important;overflow:hidden;
}
.evidence-thumb{filter:saturate(.65) contrast(1.08) brightness(.82);aspect-ratio:4/3;object-fit:cover}
.evidence-copy h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important}
.sth-sidebar,.sidebar{
 background:linear-gradient(180deg,rgba(5,9,11,.985),rgba(6,10,12,.97))!important;
 border-right:1px solid rgba(201,154,74,.28)!important;
}
.sidebar-section-title{font-family:Georgia,"Times New Roman",serif!important;color:var(--sth-gold2)!important}
.sidebar-evidence-compact,.sidebar-chat-compact{border-color:rgba(201,154,74,.48)!important}
.timer-value,.sidebar-timer-value{font-family:Georgia,"Times New Roman",serif!important}
.evidence-modal-dialog{background:#080c0e!important;border:1px solid rgba(201,154,74,.55)!important}
.evidence-modal-close,.evidence-page-close{border-color:var(--sth-gold)!important;color:var(--sth-gold2)!important}
@media(max-width:760px){
 body.case-screen,body{background-position:62% center!important;background-attachment:scroll!important}
 .document-panel,.case-card,.puzzle-card,.analysis-card{box-shadow:none!important}
}


/* ================================================================
   V0.15.2 — DIRECCIÓN ARTÍSTICA CORREGIDA
   Una sola estructura visual. Sin tarjetas duplicadas/superpuestas.
   ================================================================ */

body.case-screen,
body.case-screen button,
body.case-screen input,
body.case-screen textarea,
body.case-screen select,
body.case-screen a,
body.case-screen p,
body.case-screen li,
body.case-screen span,
body.case-screen strong,
body.case-screen small,
body.case-screen label,
body.case-screen table{
    font-family: Georgia,"Times New Roman",serif!important;
}

body.case-screen{
    font-size:16px;
    line-height:1.55;
}

.sth-sidebar,
.mobile-gamebar,
.topbar,
.document-panel,
.team-chat-panel{
    font-family:Georgia,"Times New Roman",serif!important;
}

.sidebar-logo,
.mobile-brand{
    font-family:Georgia,"Times New Roman",serif!important;
    letter-spacing:.07em!important;
}

.sidebar-step strong,
.sidebar-step small,
.sidebar-evidence-compact strong,
.sidebar-evidence-compact small,
.sidebar-chat-compact-label{
    font-family:Georgia,"Times New Roman",serif!important;
    letter-spacing:.02em!important;
}

.choice-set button,
.candidate-list button,
.primary-action,
.hint-action,
.action-link,
.document-wall,
.wall-enlarge-secondary{
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:600!important;
    letter-spacing:.055em!important;
}

/* INSCRIPCIONES — clean three-card layout */
.wall-grid-v152{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    margin:26px 0!important;
    align-items:stretch!important;
}

.wall-card-v152{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    position:relative!important;
    overflow:hidden!important;
    background:rgba(5,9,10,.96)!important;
    border:1px solid rgba(201,154,74,.58)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.30)!important;
}

.wall-photo-open-v152{
    display:block!important;
    position:relative!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-bottom:1px solid rgba(201,154,74,.42)!important;
    background:#050707!important;
    overflow:hidden!important;
    cursor:zoom-in!important;
}

.wall-photo-open-v152 img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1.29/1!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    filter:none!important;
    transform:none!important;
}

.wall-photo-open-v152:hover img{
    transform:scale(1.012)!important;
    filter:brightness(1.04)!important;
}

.wall-zoom-icon{
    position:absolute!important;
    right:12px!important;
    bottom:12px!important;
    width:34px!important;
    height:34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #c99a4a!important;
    background:rgba(5,8,9,.88)!important;
    color:#d9ad5a!important;
    font-size:22px!important;
    line-height:1!important;
    pointer-events:none!important;
}

.wall-card-body-v152{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    padding:17px!important;
    min-height:0!important;
    background:rgba(5,9,10,.98)!important;
}

.wall-card-body-v152 h2{
    margin:0 0 9px!important;
    color:#d9ad5a!important;
    font-size:21px!important;
    font-weight:500!important;
    text-transform:uppercase!important;
}

.wall-card-body-v152 .wall-status{
    margin:0 0 18px!important;
    min-height:52px!important;
    color:#ddd7cb!important;
}

.wall-card-body-v152 .wall-enlarge-secondary,
.wall-card-body-v152 .document-wall{
    width:100%!important;
    min-height:45px!important;
    margin:0 0 10px!important;
    padding:10px 12px!important;
    position:static!important;
    transform:none!important;
    border:1px solid rgba(201,154,74,.72)!important;
    background:rgba(12,15,16,.96)!important;
    color:#e0b969!important;
}

.wall-card-body-v152 .document-wall{
    margin-top:auto!important;
    margin-bottom:0!important;
    color:#f1dfb5!important;
}

.wall-card-body-v152 .documented-badge{
    display:block!important;
    margin-top:auto!important;
    padding:12px!important;
    border:1px solid rgba(201,154,74,.50)!important;
    color:#d9ad5a!important;
    text-align:center!important;
}

/* Kill legacy duplicated/overlay affordances on this page */
.wall-card-v152 .zoom-label{
    display:none!important;
}
.wall-card-v152 > div:not(.wall-card-body-v152){
    display:none!important;
}

/* modal */
.photo-modal-dialog{
    background:rgba(5,8,9,.985)!important;
    border:1px solid rgba(201,154,74,.65)!important;
}
.photo-zoom-stage img{
    max-width:none;
}
.photo-modal-close{
    font-family:Arial,sans-serif!important;
}

/* compact typography mobile */
@media(max-width:900px){
    .wall-grid-v152{
        grid-template-columns:1fr!important;
        gap:16px!important;
    }
    .wall-card-body-v152 .wall-status{
        min-height:0!important;
    }
}