/* hotfix7: Passe de evento no topo da Vila, compacto; Vila inteira em uma tela */
@layer priority{
html body .shell[data-screen=home] .village-progress{margin:0 0 8px!important;border:3px solid var(--kz-wood-dk,#3b2616)!important;border-radius:var(--kz-r-md,12px)!important;background:linear-gradient(180deg,#2c4a35,#1f3727)!important;box-shadow:inset 0 0 0 2px #c09257,var(--kz-shadow,0 3px 0 rgba(0,0,0,.3))!important;overflow:hidden!important;color:#f7ebd3!important}
html body .shell[data-screen=home] .village-pass{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:6px 10px 5px!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#f7ebd3!important;cursor:pointer}
html body .shell[data-screen=home] .village-pass>img{width:34px!important;height:40px!important;object-fit:cover!important;transform:scale(1.35);filter:drop-shadow(0 0 6px #ffc85a99);image-rendering:pixelated}
html body .shell[data-screen=home] .village-pass>span:nth-child(2){display:grid!important;grid-template-columns:minmax(0,1fr);justify-items:start;row-gap:3px;min-width:0;text-align:left}
html body .shell[data-screen=home] .village-pass .vp-tag{position:relative;overflow:hidden;font:900 9.5px/1 var(--kz-font,inherit);letter-spacing:.04em;text-transform:uppercase;font-style:normal;color:#3a2405;padding:3px 7px 3px;border-radius:999px;background:linear-gradient(180deg,#ffe9a3 0%,#f6c453 45%,#d99a22 100%);box-shadow:inset 0 1px 0 #fff6cf,0 1px 0 #7a4e10,0 0 6px #f6c45366;white-space:nowrap}
html body .shell[data-screen=home] .village-pass .vp-tag::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.7) 50%,transparent 65%) no-repeat;background-size:300% 100%;animation:kz-vp-shine 3.6s ease-in-out infinite}
@keyframes kz-vp-shine{0%,60%{background-position:150% 0}90%,100%{background-position:-50% 0}}
html body .shell[data-screen=home] .village-pass strong{width:100%;display:flex!important;justify-content:flex-start!important;align-items:baseline;gap:6px;min-width:0;font:900 12.5px/1.1 var(--kz-font,inherit)!important;color:#f7ebd3!important;white-space:nowrap;overflow:hidden}
html body .shell[data-screen=home] .village-pass strong b{color:#ffd36b!important;font-size:12px!important}
html body .shell[data-screen=home] .village-pass progress{grid-column:1/-1;width:100%!important;height:7px!important;margin:0!important;border-radius:99px;overflow:hidden;-webkit-appearance:none;appearance:none;border:1px solid #0006;background:#0f1f15}
html body .shell[data-screen=home] .village-pass progress::-webkit-progress-bar{background:#0f1f15}
html body .shell[data-screen=home] .village-pass progress::-webkit-progress-value{background:linear-gradient(90deg,#d99a22,#ffd36b)}
html body .shell[data-screen=home] .village-pass progress::-moz-progress-bar{background:linear-gradient(90deg,#d99a22,#ffd36b)}
html body .shell[data-screen=home] .village-pass-count{display:grid!important;gap:1px!important;text-align:right!important;font:800 10.5px/1.15 var(--kz-font,inherit)!important;color:#e9dcc0!important}
html body .shell[data-screen=home] .village-pass-count small{color:#e9dcc0!important;font-size:10.5px!important}
html body .shell[data-screen=home] .village-pass-count b{color:#1f1a14!important;background:#ffd36b;border-radius:99px;padding:2px 6px;font-size:10px!important}
html body .shell[data-screen=home] .village-missions{display:flex!important;align-items:center!important;gap:6px!important;padding:3px 8px 4px 10px!important;border-top:1px dashed #c0925766!important;background:#0000001f!important}
html body .shell[data-screen=home] .village-missions>button:first-child{min-height:26px!important;font:800 11.5px/1 var(--kz-font,inherit)!important;color:#f7ebd3!important;gap:6px!important}
html body .shell[data-screen=home] .village-missions>button:first-child :is(strong,span){color:inherit!important;font:inherit!important}
html body .shell[data-screen=home] .village-missions>button:first-child span{color:#ffd36b!important}
html body .shell[data-screen=home] .village-missions .village-mission-claim{min-height:26px!important;height:26px!important;padding:0 10px!important;font:900 11px/1 var(--kz-font,inherit)!important;border-radius:8px!important}
/* cena: encolhe para a Vila caber numa tela (topo + passe + 3 linhas + nav) */
html body .shell[data-screen=home] .scene-wrap.home-map{display:flex;justify-content:center;margin-bottom:10px}
html body .shell[data-screen=home] .scene-wrap.home-map>canvas.scene{width:auto!important;max-width:100%!important;height:min(calc((100vw - 34px)*.75),calc(100dvh - var(--vila-rest,522px)))!important;aspect-ratio:4/3!important;min-height:150px}
}
@media (prefers-reduced-motion:reduce){.village-pass .vp-tag::after{animation:none;display:none}}
:root[data-reduced-motion=true] .village-pass .vp-tag::after{animation:none;display:none}
@layer priority{html body .shell[data-screen=home]>.main,html body .shell[data-screen=home] .main{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}}
@layer priority{
html body .shell[data-screen=home] .village-missions .village-mission-claim{background:#2f5a3e!important;color:#f7ebd3!important;border:2px solid #c09257!important;box-shadow:0 2px 0 #0006!important;opacity:1!important}
html body .shell[data-screen=home] .village-missions .village-mission-claim.pass-ready-claim{background:linear-gradient(180deg,#ffe28a,#f0b43a)!important;color:#2b1a05!important;border-color:#8a5a14!important}
html body .shell[data-screen=home] .main #page>.scene-wrap.home-map{width:fit-content!important;max-width:100%!important;margin-inline:auto!important;padding-inline:0!important;left:auto!important;transform:none!important}
}
