#village-hub-modal{position:fixed;inset:0;z-index:5600;display:flex;align-items:center;justify-content:center;padding:10px;background:rgba(2,4,9,.82);font-family:monospace;color:#dbeef0;touch-action:pan-y}
.vh-window{width:min(620px,100%);height:min(780px,96dvh);display:flex;flex-direction:column;overflow:hidden;background:#071118;border:2px solid #d9a441;box-shadow:0 0 0 3px #28170d,0 0 36px #000}
.vh-top{min-height:68px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#21130d,#0d1117);border-bottom:1px solid #a36a2d}
.vh-top small{font:7px 'Press Start 2P',monospace;color:#d6a85c}.vh-top h2{margin-top:5px;font:12px 'Press Start 2P',monospace;color:#fff0ad}.vh-status{margin-left:auto;text-align:right;display:grid;gap:4px}.vh-status b{font:8px 'Press Start 2P',monospace}.vh-status span{font-size:10px;color:#a9c4c9}
.vh-top>button{width:34px;height:34px;background:#2e1216;border:1px solid #df5e68;color:#ffd1c7;font-size:25px;line-height:25px;cursor:pointer}
.vh-window>nav{display:grid;grid-template-columns:repeat(6,1fr);background:#0d1920;border-bottom:1px solid #324b54;overflow-x:auto}.vh-window>nav button{min-width:64px;padding:11px 4px;background:#0d1920;border:0;border-right:1px solid #263940;color:#78939a;font:7px 'Press Start 2P',monospace;cursor:pointer}.vh-window>nav button.active{color:#ffe58b;background:#243022;box-shadow:inset 0 -3px #e0aa42}
.vh-window>main{flex:1;overflow:auto;padding:12px;background:radial-gradient(circle at 50% 0,#12272c 0,#071118 48%)}
.vh-section{margin-bottom:13px;padding:11px;background:rgba(8,19,25,.88);border:1px solid #29434b}.vh-section h3{margin:0 0 10px;color:#ffd66e;font:8px 'Press Start 2P',monospace;line-height:1.6}.vh-section h3 span{color:#8fe294}.vh-copy{margin:0 0 11px;color:#a7bec4;font-size:11px;line-height:1.55}
.vh-card{display:flex;align-items:center;gap:9px;min-height:62px;margin-top:7px;padding:8px;background:#0c171e;border:1px solid #253d45}.vh-card.ready{border-color:#4d9f67;box-shadow:inset 3px 0 #65db8c}.vh-card-icon{width:34px;flex:0 0 34px;text-align:center;font-size:22px}.vh-card-body{min-width:0;flex:1;display:grid;gap:5px}.vh-card-body strong{color:#eef7df;font-size:12px}.vh-card-body small{color:#8fa8ae;font-size:10px;line-height:1.4}.vh-card button,.vh-feature button,.vh-wide,.vh-hero button{min-width:68px;padding:9px 7px;background:#19342c;border:1px solid #65d48c;color:#dffff0;font:bold 9px monospace;cursor:pointer}.vh-card button:disabled,.vh-feature button:disabled,.vh-wide:disabled,.vh-hero button:disabled{background:#161b1e;border-color:#3a4447;color:#677377;cursor:default}
.vh-progress{height:7px;overflow:hidden;background:#11171a;border:1px solid #26343a}.vh-progress i{display:block;height:100%;box-shadow:0 0 8px currentColor}
.vh-hero{display:grid;gap:10px;margin-bottom:13px;padding:17px;text-align:center;background:linear-gradient(145deg,#18232a,#0b151c);border:1px solid #45616b}.vh-hero>span{color:#8aa6ac;font:7px 'Press Start 2P',monospace}.vh-hero>b{color:#ffe078;font:15px 'Press Start 2P',monospace;line-height:1.5}.vh-hero>em{color:#d8e9e9;font-style:normal}.vh-hero>small{color:#8fa8ae;font-size:10px}.vh-hero>p{color:#b5c9ca;font-size:11px;line-height:1.5}.vh-hero>button{justify-self:center;min-width:190px}.vh-hero.festival{border-color:#a66d2e;background:linear-gradient(145deg,#302113,#10151b)}.vh-hero.party{border-color:#5b6d9c;background:linear-gradient(145deg,#181d35,#0b141b)}
.vh-feature{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#142019;border:1px solid #415c37}.vh-feature b{color:#edf5b4;font-size:12px}.vh-feature p{margin-top:5px;color:#91a892;font-size:10px}.vh-pet-grid,.vh-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.vh-pet,.vh-role-grid button{padding:9px 5px;background:#151d24;border:1px solid #364750;color:#b5c3c8;cursor:pointer}.vh-pet{display:grid;gap:7px;text-align:left}.vh-pet b{font-size:10px;color:#f2dfbd}.vh-pet small{font-size:8px;line-height:1.4}.vh-pet.selected,.vh-role-grid button.selected{border-color:#e7a9cf;background:#342435;color:#ffe1f4}.vh-wide{width:100%}.vh-reward{padding:10px;background:#201b13;border:1px solid #806331;color:#ffe39a;font-size:10px;text-align:center}
.vh-codex{margin-top:9px;padding:10px;background:#0b171e;border:1px solid #28414b}.vh-codex header{display:flex;justify-content:space-between;color:#dff6ee;font-size:11px}.vh-codex header span{color:#7ee3db}.vh-codex .vh-progress{margin:7px 0}.vh-tags{display:flex;flex-wrap:wrap;gap:5px}.vh-tags i{padding:4px 6px;background:#15262d;border:1px solid #294852;color:#a8d8d4;font-size:9px;font-style:normal;text-transform:capitalize}.vh-tags small{color:#6f858b;font-size:9px}
@media(max-width:430px){#village-hub-modal{padding:0}.vh-window{height:100dvh;border-width:0}.vh-top{padding:9px}.vh-top h2{font-size:10px}.vh-status span{font-size:8px}.vh-window>main{padding:8px}.vh-section{padding:9px}.vh-card{gap:6px}.vh-card-icon{width:27px;flex-basis:27px;font-size:18px}.vh-card button{min-width:60px;padding:8px 5px;font-size:8px}.vh-pet b{font-size:9px}.vh-pet small{font-size:7px}}