/* First screen only. Existing records and week view remain intact. */
body{background:#eff1df;background-image:none}header{max-width:1240px;padding:15px 24px 10px}.brand{font-size:23px}.edition{background:transparent;border:0;padding:0;font-size:13px}main{max-width:1240px;padding:0 24px 20px;position:relative}main>nav{position:absolute;z-index:3;top:16px;right:40px;gap:6px;margin:0;padding:0;border:0}main>nav .tab{top:0;border:1px solid #d4d4b9;border-radius:12px;background:#fffdf0ee;padding:7px 12px;box-shadow:0 2px 0 #8a96642b;color:#65744f;font-size:12px}main>nav .tab.active{background:#fffdf0ee;border-color:#c9cfb1}body:has(#characters-view:not([hidden])) #characters-tab{display:none}
.village-map{position:relative;width:100%;aspect-ratio:3/2;background:url('assets/village-map.png') center / 100% 100% no-repeat;border-radius:20px;overflow:hidden;box-shadow:0 5px 0 #ccd6b7,0 12px 25px #59673512;isolation:isolate}
.village-person{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-85%);width:9%;aspect-ratio:1/2;border:0!important;border-radius:0;padding:0;background:transparent!important;box-shadow:none;outline-offset:5px;overflow:visible;isolation:auto}
.village-sprite{display:block;width:100%;height:100%;background-image:url('assets/union-cast.png');background-size:500% 100%;background-position:var(--sprite) 0;background-repeat:no-repeat;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);transition:transform .16s;pointer-events:none}
.village-person{mix-blend-mode:normal}.village-sprite{mix-blend-mode:normal;mask-image:none}
/* Clip the existing sheet in the browser; source character pixels stay untouched. */
.growth .village-sprite{clip-path:polygon(35% 14%,56% 13%,76% 19%,87% 28%,93% 40%,85% 49%,88% 57%,82% 65%,91% 74%,79% 79%,75% 87%,63% 88%,60% 92%,37% 94%,38% 89%,44% 86%,39% 79%,19% 79%,8% 73%,13% 67%,18% 64%,12% 59%,16% 55%,27% 51%,17% 48%,10% 42%,12% 29%,20% 20%)}
.health .village-sprite{clip-path:polygon(27% 10%,47% 8%,60% 12%,71% 18%,84% 24%,97% 35%,88% 39%,94% 46%,85% 51%,94% 57%,91% 63%,83% 67%,85% 74%,79% 85%,87% 89%,85% 93%,67% 94%,60% 91%,52% 92%,40% 94%,28% 93%,28% 90%,33% 85%,37% 77%,43% 70%,50% 64%,35% 60%,34% 54%,18% 61%,5% 60%,5% 54%,8% 45%,3% 39%,4% 29%,14% 21%,16% 14%)}
.ebom .village-sprite{clip-path:polygon(36% 9%,58% 8%,70% 12%,81% 19%,82% 25%,87% 33%,85% 44%,80% 49%,71% 50%,80% 56%,90% 61%,91% 65%,82% 67%,76% 63%,79% 69%,85% 73%,79% 77%,68% 80%,71% 85%,70% 91%,61% 93%,50% 92%,45% 94%,35% 93%,36% 85%,40% 80%,25% 78%,16% 74%,22% 66%,27% 61%,20% 65%,11% 66%,7% 63%,9% 60%,19% 60%,22% 56%,36% 51%,25% 50%,15% 47%,10% 39%,10% 31%,16% 22%,26% 17%,31% 13%)}
.career .village-sprite{clip-path:polygon(29% 14%,45% 13%,59% 15%,75% 21%,81% 30%,78% 38%,85% 44%,84% 52%,91% 60%,85% 67%,77% 66%,74% 63%,71% 71%,77% 77%,67% 80%,63% 84%,62% 91%,46% 94%,26% 94%,27% 91%,38% 87%,42% 80%,18% 77%,11% 73%,17% 67%,24% 63%,14% 59%,10% 54%,14% 49%,19% 45%,11% 43%,6% 36%,9% 27%,17% 19%)}
.family .village-sprite{clip-path:polygon(29% 14%,48% 13%,66% 16%,83% 22%,88% 31%,87% 40%,81% 46%,76% 51%,86% 59%,91% 63%,89% 68%,79% 66%,78% 72%,84% 79%,78% 84%,60% 86%,60% 89%,64% 92%,53% 94%,43% 92%,40% 88%,35% 84%,20% 81%,8% 77%,13% 70%,20% 64%,10% 66%,4% 63%,6% 60%,17% 57%,19% 52%,25% 50%,17% 47%,7% 41%,4% 34%,8% 24%,19% 18%)}
.village-person:hover .village-sprite,.village-person:focus-visible .village-sprite{transform:translateY(-4px)}.village-person:focus-visible{outline:3px solid #fff4bd}
.village-person.growth{--x:27%;--y:34%;--sprite:0%}.village-person.health{--x:76%;--y:34%;--sprite:25%}.village-person.ebom{--x:50%;--y:51%;--sprite:50%;width:10%}.village-person.career{--x:24%;--y:79%;--sprite:75%}.village-person.family{--x:74%;--y:82%;--sprite:100%}
.village-name{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffbeded;border:1px solid #cfc5a4;border-radius:14px;color:#626846;padding:2px 11px;font-size:12px;box-shadow:0 2px 0 #837b4d21;line-height:1.6}.ebom .village-name{background:#fff2c8;border-color:#d8bd80;font-weight:700}
.village-hint{text-align:center;font-size:12px;color:#899176;margin-top:14px}main>footer{font-size:11px;color:#929680;text-align:center;margin-top:12px}#weeks-view{padding:54px 24px 24px;background:#fffcf4;border-radius:20px;min-height:450px}#space-dialog{background:#fffdf2;border:2px solid #d6d9bc;border-radius:20px;width:min(360px,calc(100% - 40px));padding:26px;box-shadow:0 5px 0 #4c60312b}#space-dialog::backdrop{background:#43573630}#space-close{position:absolute;right:10px;top:7px;border:0;background:transparent;color:#92977c;padding:2px 8px;font-size:24px}#space-partner{font-size:12px;color:#87916e}#space-title{color:#5f704e;margin:5px 0 14px;font-size:22px}#space-description{font-size:14px;line-height:1.9;color:#7a7e68}
@media(max-width:700px){header{padding:12px 14px 9px}.brand{font-size:20px}main{padding:0 10px 14px}main>nav{top:10px;right:20px}main>nav .tab{font-size:11px;padding:6px 9px}.village-map{border-radius:15px}.village-name{font-size:10px;padding:1px 7px;bottom:-14px}.village-person{width:10.5%}.village-person.ebom{width:11%}.edition{font-size:11px}.village-hint{font-size:11px}.village-map{min-height:0}#weeks-view{padding:45px 15px 20px}}
@media(prefers-reduced-motion:reduce){.village-sprite{transition:none}}
.village-map{background-image:url('assets/village-map-v2.png')}
.village-name,.ebom .village-name{opacity:0;visibility:hidden;pointer-events:none;z-index:4;padding:6px 10px;border-radius:10px}.village-name small{display:block;font-size:11px;font-weight:400}.village-person:hover,.village-person:focus-visible{z-index:5}.village-person:hover .village-name,.village-person:focus-visible .village-name{opacity:1;visibility:visible}