/* Pigon's 15-level village: clear gameplay symbols, living little residents. */
.primitive-art{background-image:url('./assets/businesses-l1-v7.webp');background-size:300% 300%}.hazard-v7{background-image:url('./assets/hazards-v7.webp');background-size:300% 300%}.wonder-art{background-image:url('./assets/businesses-l11-l15-v7.webp');background-size:900% 500%}.pigon-number{display:inline-block;width:32px;height:32px;background:url('./assets/pigon-numerals-v7.webp') no-repeat;background-size:500% 300%;vertical-align:middle;flex-shrink:0;filter:drop-shadow(0 1px 2px #00102b)}.tier-badge{padding:0!important;background:#081a37c4!important;border-radius:5px;right:1px;bottom:1px;line-height:0!important;min-width:0!important}.tier-badge .pigon-number{width:clamp(23px,6vw,36px);height:clamp(23px,6vw,36px)}.tile[data-tier="1"]>.land-art{inset:18% 15% 8%;width:70%;height:74%}.tile[data-tier="2"]>.land-art{inset:3% 2% 0;width:96%;height:97%}.tile[data-tier="2"]{border-bottom-width:5px}.tile[data-tier="15"]{box-shadow:inset 0 0 0 2px #fff4a7,0 0 18px #63e9ff}.tile.terrain{background:linear-gradient(#335878,#122844)!important;border:1px solid #86a7b1!important;box-shadow:inset 0 -4px #071c31}.tile.terrain>.land-art{inset:0;width:100%;height:100%;opacity:1!important}.hazard-label{position:absolute;left:1px;right:1px;bottom:1px;z-index:5;color:#fff;background:#06162ad9;font-size:clamp(9px,2vw,13px);font-weight:750;line-height:1.15;padding:3px 0;text-shadow:0 1px #000;pointer-events:none}.tile.terrain .tile-code{color:#fff;background:#071c36ba;padding:2px;border-radius:4px}.tile.keeper-chosen{outline:3px solid #cefff0;outline-offset:-3px;box-shadow:0 0 15px #88ffe9;z-index:3}.tile.keeper-chosen:before{content:'KEEP';position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:8;font-size:12px;font-weight:900;padding:3px 6px;border-radius:0 0 6px 6px;color:#052438;background:#b9ffdd}.payday-choices{padding:20px 14px;margin:10px 7px;border:1px solid #7ac7d1;border-radius:16px;background:#12314d}.payday-choices h2{font-size:26px;line-height:1.15;margin:9px 0}.payday-choices p{font-size:14px;line-height:1.55;color:#b8d9e9}.payday-choices>.primary-button{width:100%;font-size:16px}.payday-choices>.text-button{width:100%;font-size:14px}.keeper-list{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.keeper-list>span{display:flex;align-items:center;gap:7px;background:#183e59;border-radius:10px;padding:5px 10px}.keeper-list .land-art{width:45px;height:45px}.keeper-list b{font-size:14px}.keeper-list .pigon-number{width:28px;height:28px}.price-reason{display:block;font-size:12px;line-height:1.35;margin:5px 0;color:inherit;opacity:.86}.material-price{gap:5px 10px}.material-price>span{display:flex;align-items:center;gap:4px;font-size:13px}.material-price>span strong{font-variant-numeric:tabular-nums;white-space:nowrap}.material-price>span.short{color:#ffd19f}.material-price>span.short strong{color:#ffe7c9}.colony-room .material-price>span{display:flex;flex-wrap:wrap;justify-content:center;font-size:12px}.buy-button.affordable .price-reason{color:#123b4a}.wizard-bar{display:flex;align-items:center;gap:8px;padding:7px 10px;margin:5px 7px;background:#253561;border:1px solid #929aef;border-radius:12px;flex-wrap:wrap}.wizard-bar>.portrait{width:42px;height:42px;flex:0 0 42px}.wizard-bar>div:not(.wizard-directions){flex:1;min-width:150px}.wizard-bar strong{font-size:14px;display:block}.wizard-bar small{font-size:12px;color:#b7c7ed;line-height:1.35;display:block;margin-top:3px}.wizard-bar button{padding:10px 12px;min-height:44px;border-radius:9px;background:#a5adff;color:#112745;border:0;font-size:14px;font-weight:800}.wizard-bar button:disabled{opacity:.4}.wizard-directions{display:flex!important;gap:7px;flex-basis:100%;justify-content:center}.wizard-directions button{font-size:24px;min-width:50px;flex:1}.wizard-aim #board{touch-action:none;outline:3px solid #a6a1ff;outline-offset:-3px}.wizard-token{z-index:30}.pigon-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 5px;margin:14px 0}.pigon-ladder>span{display:grid;justify-items:center;gap:5px;padding:7px 0;background:#163654;border-radius:10px;min-width:0}.pigon-ladder .pigon-number{width:48px;height:48px}.pigon-ladder b{font-size:12px;overflow-wrap:anywhere;text-align:center}.porch-home{border:0;background:none;color:inherit;padding:0;cursor:pointer}.porch-home:focus-visible{outline:2px solid #ccffe4;outline-offset:-2px;border-radius:10px}.porch-home:hover>.land-art{filter:drop-shadow(0 0 7px #b4f9e8);opacity:1}.knome-actor,.knome-actor .knome-body{width:64px!important;height:64px!important}.knome-actor .knome-sprite,.knome-actor[data-mood] .knome-sprite,.knome-actor[data-specialty] .knome-sprite{background-image:url('./assets/gnomes-v7.webp')!important;background-size:400% 400%!important;background-position:0 var(--row,0%);animation:none!important}.knome-actor.walking .knome-sprite,.knome-actor[data-specialty] .knome-sprite{animation:pigon-walk .6s step-end infinite!important}.knome-actor .sprite-worker{--row:0%}.knome-actor .sprite-wizard{--row:33.333333%}.knome-actor .sprite-gardener{--row:66.666667%}.knome-actor .sprite-smith{--row:100%}.knome-actor[data-mood=hop] .knome-body{animation:pigon-hop .5s ease-in-out infinite!important}.knome-actor[data-mood=inspect] .knome-body{animation:pigon-peek .9s ease-in-out infinite!important}.knome-actor[data-mood=bow] .knome-body{animation:pigon-bow .9s ease-in-out infinite!important}.knome-actor .actor-name{font-size:12px;bottom:100%;top:auto;background:#092943bd;border-radius:8px;padding:2px 5px;white-space:nowrap}.knome-actor .actor-speech{font-size:14px;bottom:83px}.knome-actor .carried-plot{left:38px;top:28px;width:27px;height:27px}.trade-tool{display:none;position:absolute;right:-3px;bottom:6px;background:#e5fff3;color:#173248;padding:4px;border:2px solid #b6f2df;border-radius:8px;font-size:21px;z-index:4}.knome-actor[data-specialty] .trade-tool{display:block;animation:pigon-tool .3s ease-in-out infinite alternate}.portrait.worker,.portrait.wizard,.portrait.gardener,.portrait.smith{background-image:url('./assets/gnomes-v7.webp')!important;background-size:400% 400%!important;background-position:0 0!important}.portrait.wizard{background-position:0 33.333333%!important}.portrait.gardener{background-position:0 66.666667%!important}.portrait.smith{background-position:0 100%!important}.colony-builder .knome-sprite{position:relative;background-image:url('./assets/gnomes-v7.webp');background-size:400% 400%;animation:pigon-walk .6s step-end infinite;--row:0%}.resident-picture>.portrait{width:70px;height:70px;left:20%;bottom:0}.colony-room .price-reason{font-size:12px}.coin-wallet{max-width:190px}.coin-wallet strong{font-size:clamp(14px,4vw,20px);overflow-wrap:anywhere}.coin-burst{max-width:95%;overflow-wrap:anywhere;text-align:center}.combo-result strong b{overflow-wrap:anywhere}.delivery-choice .pigon-number{width:22px;height:22px}.offer-grid .piece-cell{position:relative}.offer-grid .offer-tier{position:absolute;bottom:0;right:0}.delivery-choice small{line-height:1.4}.pigon-room p{font-size:14px}
@keyframes pigon-walk{0%,24%{background-position:0 var(--row,0%)}25%,49%{background-position:33.333333% var(--row,0%)}50%,74%{background-position:66.666667% var(--row,0%)}75%,100%{background-position:100% var(--row,0%)}}
@keyframes pigon-hop{0%,100%{translate:0 0;rotate:-4deg}50%{translate:0 -10px;rotate:5deg}}
@keyframes pigon-peek{0%,100%{rotate:0deg}50%{rotate:12deg;translate:4px 0}}
@keyframes pigon-bow{0%,100%{rotate:0deg}50%{rotate:-13deg;translate:0 4px}}
@keyframes pigon-tool{from{rotate:-20deg;translate:0 -4px}to{rotate:15deg;translate:0 2px}}
@media(prefers-reduced-motion:reduce){.knome-actor .knome-sprite,.knome-actor[data-mood] .knome-body,.knome-actor[data-specialty] .trade-tool,.colony-builder .knome-sprite{animation:none!important}}