/* ===== css/city.css =====
   Canvas, chat e elementos exclusivos das cidades exploráveis. */
#city-canvas { display:block; width:100%; height:100vh; min-height:520px; max-height:none; cursor:pointer; touch-action:none; }
.city-region-map{position:absolute;z-index:28;top:72px;right:18px;width:250px;font:11px Arial,sans-serif;pointer-events:auto}.city-region-map-toggle{display:flex;align-items:center;gap:7px;margin-left:auto;padding:7px 10px;border:1px solid #758b8e;background:linear-gradient(145deg,#172326,#080e0f);box-shadow:0 2px 12px #000b,inset 0 0 0 1px #030606;color:#d6e8e8;font:700 11px Georgia,serif;text-shadow:1px 1px #000;cursor:pointer}.city-region-map-toggle i{color:#8ee6e3;font:700 20px/12px Arial;font-style:normal}.city-region-map-toggle:hover{border-color:#bcefed;color:#fff}.city-region-map-panel{overflow:hidden;border:1px solid #61777b;background:linear-gradient(145deg,rgba(13,23,24,.98),rgba(3,8,9,.98));box-shadow:0 10px 24px #000d,inset 0 0 0 2px #0a1112;color:#dce9e8}.city-region-map-panel header{display:flex;align-items:center;min-height:29px;padding:0 7px;border-bottom:1px solid #4d6367;background:linear-gradient(90deg,#203337,#111a1b)}.city-region-map-panel header strong{color:#f0dd9b;font:700 13px Georgia,serif;text-shadow:1px 1px #000}.city-region-map-panel header button{margin-left:auto;border:0;background:transparent;color:#c7dddd;font:700 21px Arial;cursor:pointer}.city-region-map-panel>small{display:block;padding:6px 8px;color:#a6bec0;font-size:10px;line-height:1.25}.city-region-map-canvas{position:relative;height:176px;margin:0 7px 8px;overflow:hidden;border:1px solid #607579;background-color:#172425;background-position:center;background-size:cover;box-shadow:inset 0 0 20px #000}.city-region-map-marker{position:absolute;z-index:1;width:22px;height:22px;padding:0;border:1px solid #b6d8d3;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbfff3,#4d898c 42%,#122527 72%);box-shadow:0 0 0 1px #071112,0 0 8px #73dfd2;transform:translate(-50%,-50%);color:#172425;font:700 12px/20px Arial;cursor:pointer}.city-region-map-marker:hover{z-index:2;border-color:#fff4b6;background:radial-gradient(circle at 35% 30%,#fff,#d2ad55 45%,#5e3e18 74%);box-shadow:0 0 13px #f3ce72;transform:translate(-50%,-50%) scale(1.2)}@media(max-width:680px){.city-region-map{top:58px;right:8px;width:218px}.city-region-map-canvas{height:152px}.city-region-map-toggle span{display:none}.city-region-map-toggle{padding:7px}.city-region-map-panel{margin-top:4px}}
.pk-purification-modal{position:fixed;z-index:1900;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,rgba(160,219,184,.13),transparent 48%);pointer-events:none;animation:pkCleanseEnter .3s ease-out}.pk-purification-box{position:relative;width:min(365px,calc(100vw - 36px));overflow:hidden;padding:23px 24px 20px;border:1px solid #7cb99b;background:linear-gradient(145deg,rgba(17,35,29,.98),rgba(4,10,8,.99));box-shadow:0 18px 52px #000,inset 0 0 0 2px #142c23,0 0 32px rgba(104,237,169,.23);text-align:center;pointer-events:auto}.pk-purification-box::before{content:'';position:absolute;inset:7px;border:1px solid rgba(203,238,196,.16);pointer-events:none}.pk-purification-box small{position:relative;color:#9ae5ba;font:700 10px Arial,sans-serif;letter-spacing:2px}.pk-purification-box h3{position:relative;margin:6px 0 4px;color:#f3e7a7;font:700 24px Georgia,serif;text-shadow:0 1px #000,0 0 12px rgba(246,221,143,.28)}.pk-purification-box p{position:relative;margin:11px auto 4px;max-width:285px;color:#d4e6d8;font:13px/1.45 Arial,sans-serif}.pk-purification-box em{position:relative;color:#d5b65b;font:700 11px Arial,sans-serif;font-style:normal}.pk-purification-close{position:absolute;z-index:2;top:6px;right:9px;border:0;background:transparent;color:#c5dfd0;font:700 23px Arial;cursor:pointer}.pk-purification-stage{position:relative;width:172px;height:145px;margin:5px auto 0;isolation:isolate}.pk-cleanse-ring{position:absolute;left:50%;top:50%;border:1px solid #82e8ae;border-radius:50%;transform:translate(-50%,-50%) rotateX(63deg);box-shadow:0 0 9px #73e9a8,inset 0 0 12px #c9ffd7;animation:pkCleanseOrbit 1.45s linear infinite}.ring-one{width:128px;height:128px}.ring-two{width:96px;height:96px;border-color:#f0db91;animation-direction:reverse;animation-duration:1.1s}.ring-three{width:155px;height:155px;border-style:dashed;border-color:#64b89b;animation-duration:2.3s}.pk-cleanse-sigil{position:absolute;left:50%;top:50%;z-index:1;color:#fff0a7;font:700 64px/1 Georgia;transform:translate(-50%,-54%);text-shadow:0 0 8px #fff,0 0 21px #85ecad;animation:pkCleanseSigil 1.1s ease-in-out infinite alternate}.pk-cleanse-spark{position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#e9ffd2;box-shadow:0 0 10px 3px #9cf4b8;animation:pkCleanseSpark 1.45s ease-in infinite}.spark-one{left:27px;bottom:25px}.spark-two{right:24px;bottom:39px;animation-delay:.35s}.spark-three{left:53px;top:34px;animation-delay:.68s}.spark-four{right:49px;top:23px;animation-delay:1s}@keyframes pkCleanseEnter{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pkCleanseOrbit{to{transform:translate(-50%,-50%) rotateX(63deg) rotateZ(360deg)}}@keyframes pkCleanseSigil{to{transform:translate(-50%,-58%) scale(1.12);filter:brightness(1.45)}}@keyframes pkCleanseSpark{0%{opacity:0;transform:translateY(15px) scale(.4)}30%{opacity:1}100%{opacity:0;transform:translateY(-92px) scale(1.4)}}
.city-chat{position:absolute;z-index:5;left:12px;bottom:12px;width:330px;overflow:hidden;border:1px solid #46575b;background:linear-gradient(145deg,rgba(16,25,25,.91),rgba(3,8,8,.94));box-shadow:0 0 0 1px rgba(0,0,0,.8),inset 0 0 0 1px #0b1111,inset 0 0 22px #000b,0 5px 18px #000b;color:#dbe8e8;font:11px Arial,sans-serif}
.city-chat-title{display:flex;align-items:center;gap:8px;min-height:27px;padding:0 8px;border-bottom:1px solid #53676b;background:linear-gradient(90deg,rgba(35,51,52,.92),rgba(10,16,16,.66));color:#e9f3f3;font:700 13px Georgia,serif;text-shadow:1px 1px #000}.city-chat-title::before{content:'';width:5px;height:14px;background:linear-gradient(#74d1e0,#236c7a);box-shadow:0 0 7px #52d5ec}.city-chat-title small{color:#8ea7aa;font:700 8px Arial,sans-serif;letter-spacing:1px}.city-chat-title button{margin-left:auto;width:20px;height:19px;padding:0;border:1px solid #536a70;background:linear-gradient(#263639,#101718);color:#d7e5e7;font:700 15px/16px Arial,sans-serif}.city-chat-title button:hover{color:#fff;background:#344c50}
.city-chat-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:4px;border-bottom:1px solid #3c4c4f;background:rgba(4,9,9,.62)}.city-chat-tabs button{min-width:0;padding:5px 2px;border:1px solid #2d3a3c;border-radius:1px;background:linear-gradient(#1d2829,#0b1111);color:#b7c9ca;font:700 9px Georgia,serif;text-shadow:1px 1px #000}.city-chat-tabs button:hover{border-color:#6d9ca5;color:#e5f7f8}.city-chat-tabs button.active{border-color:#77b6c2;background:linear-gradient(#31545b,#16272a);box-shadow:inset 0 0 8px #4db5c333;color:#f0ffff}
.city-chat-log{height:102px;overflow-y:auto;padding:7px 9px;background:linear-gradient(90deg,rgba(3,8,7,.45),rgba(0,0,0,.16));color:#d9e3df;font:11px/1.48 Arial,sans-serif;scrollbar-width:thin;scrollbar-color:#607d82 #0a0f0f}.city-chat-log div{overflow-wrap:anywhere}.city-chat-log b{color:#72e7ad;font-weight:700}.city-chat-log::-webkit-scrollbar{width:6px}.city-chat-log::-webkit-scrollbar-track{background:#0a0f0f}.city-chat-log::-webkit-scrollbar-thumb{background:#48666b}
.city-chat-entry{display:flex;align-items:center;min-height:29px;border-top:1px solid #46585a;background:linear-gradient(90deg,#111c1b,#07100f)}.city-chat-entry span{flex:0 0 59px;padding:0 7px;color:#aee8f3;font:700 10px Georgia,serif;text-align:center;text-shadow:1px 1px #000}.city-chat input{flex:1;width:auto;box-sizing:border-box;padding:7px 8px;border:0;border-left:1px solid #344447;outline:none;background:transparent;color:#eef8f4;font:11px Arial,sans-serif}.city-chat input::placeholder{color:#708385}.city-chat.minimized{width:175px}.city-chat.minimized .city-chat-body{display:none}.city-chat,.city-chat *{pointer-events:auto}
.npc-dialogue{position:fixed;z-index:1001;inset:0;display:grid;place-items:center;padding:24px;background:transparent;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.npc-dialogue.visible{opacity:1;visibility:visible}.npc-dialogue-box{pointer-events:auto;width:min(680px,94vw);min-height:205px;display:flex;align-items:end;border:1px solid #465258;background:linear-gradient(100deg,#0d1414,#101313);box-shadow:inset 0 0 0 2px #182021,0 8px 35px #000}.npc-dialogue-art{width:190px;height:200px;flex:0 0 190px;background-size:400% 300%;background-repeat:no-repeat;filter:drop-shadow(0 0 10px #000)}.npc-dialogue-copy{position:relative;flex:1;align-self:stretch;padding:22px 48px 18px 18px}.npc-dialogue-copy small{display:block;color:#94cbb0;font-size:10px;text-transform:uppercase;letter-spacing:1px}.npc-dialogue-copy strong{display:block;margin:3px 0 10px;color:#dce7e9;font:700 20px Georgia,serif}.npc-dialogue-copy p{min-height:48px;margin:0 0 13px;color:#dbe7dc;font-size:13px;line-height:1.45}.npc-dialogue-copy button[data-npc-continue]{background:#277a41}.npc-dialogue-close{position:absolute;top:7px;right:9px;padding:0;border:0;background:transparent;color:#b9d0d5;font-size:23px}.npc-event-passes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:-3px 0 12px}.npc-event-passes button{min-height:30px;padding:5px 4px;border:1px solid #8a7042;background:linear-gradient(180deg,#3a3020,#1e1911);color:#ffe6a1;font:700 10px Segoe UI;line-height:1.15;cursor:pointer}.npc-event-passes button:hover{border-color:#f1cf73;background:#514222}.npc-event-passes button span{display:block;color:#aee4c7;font-size:9px;margin-top:2px}
.city-region-map{position:fixed!important;top:auto!important;right:0!important;bottom:94px!important;left:auto!important;width:370px}.city-region-map-toggle{display:none}.city-region-map-panel{border-right:0;border-bottom:0}.city-region-map-panel header{min-height:26px}.city-region-map-panel header strong{padding-left:3px}.city-region-map-canvas{display:block;width:calc(100% - 18px);height:auto;margin:0 9px 0;border:1px solid #789397;background:#172425;box-shadow:inset 0 0 22px #000;touch-action:none}.city-region-map-panel>small{padding:6px 10px;font-size:11px}.city-region-map-marker{display:none}@media(max-width:680px){.city-region-map{right:0!important;bottom:88px!important;left:auto!important;width:min(340px,calc(100vw - 8px))}.city-region-map-canvas{height:auto}}