#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}}
.vh-window>nav{grid-template-columns:repeat(6,minmax(64px,1fr));flex:0 0 auto}.vh-window>nav button:nth-child(n+7){border-top:1px solid #263940}
.vh-hero.map{border-color:#3f8c96;background:linear-gradient(145deg,#102d33,#0a161c)}.vh-hero.story{border-color:#9b7340;background:linear-gradient(145deg,#2c2114,#0a151b)}.vh-hero.social{border-color:#6c5ca1;background:linear-gradient(145deg,#211c3c,#0a151b)}
.vh-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vh-map-card{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:7px;padding:8px;background:#0b181e;border:1px solid #29444c}.vh-map-card.tracked{border-color:#ffd75c;box-shadow:inset 3px 0 #ffd75c}.vh-map-card>i{font-style:normal;color:#83edf0;font-size:20px;text-align:center}.vh-map-card div{display:grid;gap:4px;min-width:0}.vh-map-card b{color:#edf6de;font-size:10px}.vh-map-card small{color:#829aa0;font-size:8px;line-height:1.4}.vh-map-card button{padding:7px 5px;background:#19342c;border:1px solid #65d48c;color:#dffff0;font:bold 8px monospace;cursor:pointer}
.vh-card.locked{opacity:.48}.vh-defense{display:flex;align-items:center;gap:10px;padding:11px;background:#24151a;border:1px solid #8f3f46}.vh-defense>div{flex:1;display:grid;gap:6px}.vh-defense b{color:#ffb28a}.vh-defense small{color:#aa8f8f;font-size:9px}.vh-defense button{min-width:85px;padding:12px 8px;background:#4d1e22;border:1px solid #ef7263;color:#ffe1c8;font:bold 9px monospace;cursor:pointer}.vh-defense button:disabled{opacity:.45}
.vh-prof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vh-prof-grid article{display:grid;grid-template-columns:28px 1fr;gap:5px;padding:9px;background:#0d1b20;border:1px solid #2d4a52}.vh-prof-grid i{grid-row:1/4;font-style:normal;font-size:21px}.vh-prof-grid b{color:#dff0dc;font-size:10px}.vh-prof-grid small{color:#829ba0;font-size:8px;line-height:1.4}.vh-prof-grid .vh-progress{grid-column:1/3}.vh-prof-grid button{grid-column:1/3;padding:7px;background:#16392e;border:1px solid #5fcb88;color:#dfffea;font:bold 8px monospace}.vh-prof-grid button:disabled{opacity:.4}
.vh-game-picks,.vh-theme-grid,.vh-emote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.vh-game-picks button,.vh-theme-grid button,.vh-emote-grid button{display:grid;gap:5px;padding:11px;background:#111e26;border:1px solid #3b5964;color:#d8ebeb;cursor:pointer}.vh-game-picks small{color:#77d5cd}.vh-theme-grid button.selected,.vh-emote-grid button.selected{border-color:#ffd65d;background:#332b18;color:#fff1ad}.vh-target-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vh-target-grid button{height:72px;background:#101b21;border:2px solid #304853;color:#4d646c;font-size:30px}.vh-target-grid button.hot{border-color:#ffe264;color:#fff3a1;background:#40371a;box-shadow:0 0 18px rgba(255,220,70,.5)}
.vh-rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.vh-rel-grid button{display:flex;justify-content:space-between;gap:6px;padding:9px;background:#1d1720;border:1px solid #563d58;color:#ead6e5;text-align:left}.vh-rel-grid button span{color:#ff719d;white-space:nowrap}.vh-rel-grid button:disabled{opacity:.48}
.vh-home-preview{min-height:190px;display:grid;align-content:center;justify-items:center;gap:11px;margin-bottom:13px;padding:18px;border:3px solid #7b542d;box-shadow:inset 0 0 0 3px #1b120d;background:repeating-linear-gradient(90deg,#4b2d1d 0 22px,#5b3822 22px 44px);image-rendering:pixelated}.vh-home-preview.forest{border-color:#477945;background:repeating-linear-gradient(90deg,#193c2b 0 22px,#224b32 22px 44px)}.vh-home-preview.aurum{border-color:#d1a53a;background:repeating-linear-gradient(90deg,#3b2e18 0 22px,#51401e 22px 44px)}.vh-home-preview>small{font:7px 'Press Start 2P',monospace;color:#d8bd8c}.vh-home-preview>b{font:13px 'Press Start 2P',monospace;color:#fff0ad}.vh-home-preview>div{min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px;background:rgba(5,9,10,.68);border:1px solid rgba(255,255,255,.18)}.vh-home-preview i{font-style:normal;font-size:30px;filter:drop-shadow(2px 3px #111)}.vh-home-preview em{color:#9aaca8;font-size:9px}.vh-home-preview footer{font-size:25px}
@media(max-width:430px){.vh-nav-grid,.vh-prof-grid,.vh-rel-grid{grid-template-columns:1fr}.vh-map-card{grid-template-columns:26px 1fr auto}.vh-map-card small{font-size:7px}.vh-window>nav button{padding:8px 3px;font-size:6px}.vh-target-grid button{height:60px}}
.vh-service-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:13px}.vh-service-hero>div{display:grid;align-content:start;justify-items:center;gap:8px;min-height:260px;padding:12px;text-align:center;background:linear-gradient(145deg,#102a30,#0a1419);border:1px solid #427681}.vh-service-hero img{width:112px;height:112px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 5px #0008)}.vh-service-hero b{color:#ffe08a;font:9px 'Press Start 2P',monospace;line-height:1.5}.vh-service-hero p{margin:0;color:#9fb8bd;font-size:9px;line-height:1.5}.vh-service-hero .vh-wide{margin-top:auto}
.vh-forge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vh-forge-grid article{display:grid;gap:7px;padding:10px;background:#211713;border:1px solid #70482a}.vh-forge-grid b{color:#ffd188;font-size:10px}.vh-forge-grid small{color:#b99b85;font-size:8px;line-height:1.4}.vh-forge-grid button,.vh-ore-list button,.vh-service-links button,.vh-quality button{padding:9px;background:#172b27;border:1px solid #5daf83;color:#ddfce8;font:bold 8px monospace;cursor:pointer}.vh-forge-grid button:disabled{opacity:.4}.vh-ore-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px}.vh-ore-list button,.vh-service-links button{display:grid;gap:4px;text-align:left}.vh-ore-list small,.vh-service-links small{color:#8da4a5;font-size:8px;font-weight:normal}.vh-service-links{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:14px}.vh-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vh-quality button.selected{border-color:#ffe06c;background:#393019;color:#fff0a6}
.vh-fish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%}.vh-fish-grid button{height:38px;background:#102b38;border:1px solid #326479;color:#608b9a;font-size:20px}.vh-fish-grid button.ripple{border-color:#83edf0;color:#d7ffff;background:#175063;box-shadow:0 0 13px #55d9d077;animation:vh-ripple .55s steps(2) infinite}.vh-service-note{color:#83dbe0;font-size:8px}@keyframes vh-ripple{50%{transform:translateY(-2px);filter:brightness(1.35)}}
@media(max-width:430px){.vh-service-hero,.vh-forge-grid,.vh-ore-list{grid-template-columns:1fr}.vh-service-hero>div{min-height:220px}.vh-service-hero img{width:92px;height:92px}}