*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,sans-serif;color:#f8e9cc;background:#241811;background-image:radial-gradient(circle at 60% 0,#684126,#241811 70%)}a{color:#ffd078}h1,h2{font-family:Georgia,serif;color:#ffd078}main{max-width:1150px;margin:28px auto;padding:18px}.panel{background:#34251edc;border:2px solid #a87b45;border-radius:16px;padding:22px;margin:12px 0;box-shadow:0 8px 25px #0004}input,select,button{padding:12px;border-radius:9px;border:1px solid #a67b49;font-size:15px}input,select{background:#fff8e9;color:#222;width:100%;margin:5px 0 13px}button,.btn{background:#b87530;color:white;cursor:pointer;font-weight:700;text-decoration:none;display:inline-block;padding:12px;border-radius:9px;border:0}button:hover,.btn:hover{background:#d39543}.danger{background:#a33}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1}.muted{color:#d8bfa2}.badge{display:inline-block;padding:5px 12px;border-radius:20px;background:#604326}.map{position:relative;height:570px;border:8px solid #855a35;border-radius:18px;overflow:hidden;background:repeating-linear-gradient(20deg,#bc965a,#bc965a 45px,#c5a267 45px,#c5a267 90px)}.building{position:absolute;background:#784b2f;border:5px solid #442c21;border-radius:8px;color:#fff0c6;padding:10px;text-align:center;font-weight:bold;cursor:pointer;box-shadow:5px 8px #0004}.avatar{position:absolute;transform:translate(-50%,-50%);font-size:28px;text-align:center;white-space:nowrap;transition:left .13s linear,top .13s linear;cursor:pointer;z-index:4;filter:drop-shadow(2px 3px 2px #333)}.avatar small{display:block;font-size:10px;background:#241811cc;color:white;padding:3px;border-radius:6px;max-width:110px;overflow:hidden;text-overflow:ellipsis}.avatar .person{display:block;transform:scale(var(--scale,1));transform-origin:bottom}.topbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.notice{padding:12px;background:#6c3f25;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid #775942;padding:9px;text-align:left}tr:hover{background:#ffffff10}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{min-height:70px}.hidden{display:none}.center{text-align:center}@media(max-width:600px){.map{height:470px}.building{font-size:11px;padding:5px}.choices{grid-template-columns:1fr}}
/* Ambientes temáticos com transição suave. O mapa e os avatares continuam ativos. */
.map{transition:background 1s ease,border-color 1s ease,box-shadow 1s ease}
.map.indoors{background-color:#755038;background-image:repeating-linear-gradient(90deg,transparent 0 76px,#00000016 77px 80px),linear-gradient(#946b47,#49301f);border-color:#b38b54}
.map.indoors[data-room="Saloon"]{background-color:#704023;background-image:repeating-linear-gradient(90deg,#805030 0 75px,#643a22 76px 80px);border-color:#d6a35a}
.map.indoors[data-room="Delegacia"]{background-color:#4a6683;background-image:repeating-linear-gradient(90deg,#526f8b 0 75px,#3d5369 76px 80px);border-color:#8ea9c4}
.map.indoors[data-room="Celeiro"]{background-color:#617642;background-image:repeating-linear-gradient(90deg,#667b49 0 75px,#53623c 76px 80px);border-color:#b6a875}
.map.indoors[data-room="Casa das Damas"]{background-color:#aa6373;background-image:repeating-linear-gradient(90deg,#b97787 0 75px,#995563 76px 80px);border-color:#e7a3b1}
.map.indoors[data-room="Poço do Desejo"]{background-color:#634785;background-image:radial-gradient(circle at 50% 55%,#9971b9 0,#634785 48%,#34264f 100%);border-color:#d7b46a}
.map.indoors[data-room="Banco"]{background-color:#857044;background-image:repeating-linear-gradient(90deg,#9b8250 0 75px,#76623b 76px 80px);border-color:#ddc47c}
.interior{position:absolute;inset:0;pointer-events:none;z-index:1}
.room-sign{position:absolute;top:7%;left:50%;transform:translateX(-50%);z-index:2;background:#241811bb;color:#ffe7ad;border:2px solid #f5d58a;padding:10px 18px;border-radius:12px;font:bold clamp(14px,2vw,23px) Georgia,serif;text-align:center;white-space:nowrap;max-width:95%;overflow:hidden;text-overflow:ellipsis}
.room-object{position:absolute;transform:translate(-50%,-50%);font-size:clamp(30px,5vw,57px);filter:drop-shadow(2px 4px 3px #0008);opacity:.85}
.building[hidden],.room-sign[hidden]{display:none!important}
.map.indoors .avatar{z-index:5}

/* Cowbois clicáveis para desafio */
.avatar.clickable-cowboy{cursor:pointer;pointer-events:auto;z-index:10}
.avatar.clickable-cowboy:hover,.avatar.clickable-cowboy:focus-visible{filter:brightness(1.2) drop-shadow(0 0 8px #f8d26a);outline:2px solid #f8d26a;outline-offset:3px}

/* Controle touch do mapa: visível em celulares e tablets com toque. */
.mobile-controls{display:none;text-align:center;background:#34251e;border:2px solid #a87b45;border-radius:15px;padding:12px;margin:12px 0;color:#ffe4a8}
.mobile-controls-title{display:block;font-weight:700;margin-bottom:8px}
.mobile-controls small{display:block;margin-top:8px;color:#e8d0ad}
.dpad{display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(2,58px);gap:7px;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}
.dpad button{touch-action:none;user-select:none;-webkit-user-select:none;min-height:54px;font-size:24px;padding:5px;border:2px solid #ffdc98;background:#8c5429;color:#fff;box-shadow:0 3px 0 #472a19}
.dpad button:active{background:#e4a64b;transform:translateY(2px)}
.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-down{grid-column:2;grid-row:2}.dpad-right{grid-column:3;grid-row:2}
@media (pointer:coarse), (max-width:700px){.mobile-controls{display:block}.map{height:min(58vh,470px);min-height:330px}main{padding:10px;margin:8px auto}}