/* Levi's compact town: progress, shops, then navigation. */
body[data-mode=hunt]{background:#eef3ed;color:#423852}
body[data-mode=hunt] .topbar{height:72px}.town-heading{display:flex;align-items:center;gap:10px}.town-heading>div{flex:1;min-width:0}.town-heading h1{margin:0;font-size:25px;line-height:1.15}.town-heading p{font-size:13px;line-height:1.3;margin:4px 0 0;color:#4d5960}.town-heading .player-closeup{width:44px;height:48px;border-radius:14px}.town-heading .player-closeup .levi{width:54px;height:81px}.new-day{display:grid;place-items:center;gap:2px;background:#fff8e6;border:1px solid #dfd6bf;border-radius:14px;min-width:58px;min-height:48px;color:#514264;font-size:11px}.new-day svg{width:23px;height:23px}
.hunter-progress{display:grid;grid-template-columns:1fr 1fr 1.2fr .85fr;gap:6px;height:58px;margin:8px 0;flex-shrink:0}.hunter-progress button{border:1px solid #ded9df;border-radius:15px;background:#fffaf0;box-shadow:0 2px #cfc6ce;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px;color:#483b59;min-width:0;min-height:44px;font-size:12px;font-weight:800}.hunter-progress button>span:not(.shop-building):not(.story-coinbag){display:flex;flex-direction:column;text-align:left;gap:2px}.hunter-progress small{display:block;font-size:10px;font-weight:600;white-space:nowrap;color:#56505b}.hunter-progress .story-coinbag{width:28px;height:30px;flex-shrink:0}.hunter-progress .story-coinbag>svg{width:17px}.hunter-progress b{font-size:18px;line-height:1}.hunter-progress svg{width:22px;height:22px}.hunter-progress .progress-match{background:#ffe8a0;border-color:#f0ce71}.hunter-progress .shop-building{width:32px;height:39px;flex-shrink:0}.hunter-progress .progress-package{position:relative;flex-direction:column;gap:2px;background:#e3efde}.progress-package.ready i{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:#d36d39}.hunter-progress .progress-package.ready{background:#ffe8a0}
body[data-mode=hunt][data-place=town] #main{display:grid;grid-template-rows:auto 58px minmax(310px,1fr) 62px;gap:10px}.town-street-section{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 44px;gap:3px}.town-street-section .street-world{min-height:0;border:1px solid #d6e1d4;border-radius:24px;background:linear-gradient(#dff1ef 0 48%,#d8e6bf 48% 68%,#f4e4ca 68%)}.town-street-section .street-sky{inset:0 0 70%;opacity:.5}.town-street-section .hunter-shops{position:relative;padding:8px 20px;gap:14px;scroll-padding:20px}.town-street-section .hunter-shop{grid-template-rows:minmax(0,1fr) 25px 20px 38px;gap:2px;flex:0 0 30%;min-width:180px;scroll-snap-align:center;scroll-snap-stop:always}.town-building{position:relative;display:block;width:100%;height:100%;min-height:0}.town-building .shop-building{height:100%;filter:drop-shadow(0 4px 2px #61734625)}.town-street-section .hunter-shop strong{font-size:16px;padding:3px 8px;border:0;border-radius:10px;background:#fffaf0e8;line-height:1.2}.town-street-section .hunter-shop small{font-size:11px;color:#4d4658;line-height:1.3;margin:0}.shop-stock-preview{display:flex;align-items:center;justify-content:center;gap:7px;min-height:0}.shop-stock-preview>.toy,.shop-stock-preview>.world-art{width:36px;height:36px;filter:none}.shop-stock-preview>span:not(.toy):not(.world-art){font-size:10px;color:#544b5e}.shop-lock,.shop-fresh{position:absolute;right:3%;top:5%;border:2px solid #fff9e8;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#fff0bd;color:#805329;font-size:21px;box-shadow:0 2px #b7a585}.shop-lock{background:#ece6ef;color:#554962}.town-door{position:absolute;bottom:7%;left:64%;width:19%;height:36%;background:#fff1a6;box-shadow:0 0 20px #ffd788;border-radius:50% 50% 0 0;opacity:0;transform-origin:left center;pointer-events:none}.town-street-section .hunter-shop.locked{border:0}.street-navigation{display:flex;align-items:center;justify-content:center;gap:12px}.street-arrow{width:44px;height:44px;border:1px solid #dbd5df;border-radius:50%;background:#fffaf0;color:#675476;display:grid;place-items:center}.street-arrow svg{width:21px;height:21px}.street-arrow.previous svg{rotate:180deg}.street-arrow:disabled{opacity:.35}.street-dots{display:flex;align-items:center;justify-content:center}.street-dots button{width:30px;height:44px;padding:0;display:grid;place-items:center;border:0;background:none;color:#6d6575}.street-dots button>span{width:9px;height:9px;border-radius:50%;background:#c9c6cf;display:grid;place-items:center;font-size:14px;line-height:1}.street-dots button[aria-current=true]>span{width:18px;background:#74628d}.street-dots button:has(span:not(:empty))>span{background:none;width:18px;height:18px;border-radius:0}.street-dots button[aria-current=true]:has(span:not(:empty))>span{color:#48335f;outline:2px solid #74628d;border-radius:5px}
.town-footer{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px}.town-footer .delivery-journey{border:1px solid #d5dfc9;box-shadow:0 2px #c6d3bc;padding:5px 10px;gap:8px;border-radius:17px}.town-footer .delivery-road{min-width:65px;height:36px;flex:1}.town-footer .road-truck{width:43px;height:36px}.town-footer .road-house{padding:2px}.town-footer .road-house svg{width:20px;height:20px}.town-footer .delivery-journey strong{font-size:12px;max-width:95px;line-height:1.25}.town-footer .delivery-journey.ready .road-house{display:none}.town-footer .delivery-journey.ready .road-truck{left:20%;width:56px}.town-basket{border:1px solid #e4d9c6;background:#fff5de;box-shadow:0 2px #d5c6ad;border-radius:17px;color:#574360;font-size:12px;display:flex;align-items:center;justify-content:center;gap:5px}.town-basket svg{width:23px;height:23px}.town-basket b{display:inline-grid;place-items:center;background:#f0dfad;min-width:19px;height:19px;border-radius:50%}.passport-next{display:flex;align-items:center;gap:16px;padding:12px;background:#e7f1dd;border-radius:17px;margin:12px 0}.passport-next>.shop-building{width:85px;height:92px;flex-shrink:0}.passport-next p{font-size:13px}.passport-next progress{accent-color:#759b6a;max-width:100%}.coin-bag-summary{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;font-size:25px}.new-day-preview{display:flex;justify-content:center;align-items:center;gap:20px;height:125px;margin:15px}.new-day-preview .shop-building,.new-day-preview .toy{width:110px;height:110px}.new-day-preview svg{width:30px;height:30px}#hunter-help{display:flex;flex-direction:column;gap:0;font-size:9px}#hunter-help svg{width:20px;height:20px}.hunter-progress button:focus-visible,.hunter-shop:focus-visible,.street-dots button:focus-visible,.new-day:focus-visible{outline:3px solid #7864a2;outline-offset:2px}
@media(prefers-reduced-motion:no-preference){.hunter-shop.entering .town-door{animation:town-enter .45s ease-out both}.hunter-shop.entering .shop-building{animation:town-shop-glow .45s ease-out both}.delivery-journey.ready .road-truck{animation:package-invite 2.5s ease-in-out 2}@keyframes town-enter{40%{opacity:.9}100%{opacity:.6;transform:perspective(150px) rotateY(-65deg)}}@keyframes town-shop-glow{to{filter:brightness(1.1) drop-shadow(0 4px 6px #eecf74)}}@keyframes package-invite{50%{rotate:5deg;translate:0 -3px}}}
@media(max-width:760px){body[data-mode=hunt] .topbar{height:52px;flex-basis:52px}body[data-mode=hunt] .game-logo{width:99px!important;height:48px!important}body[data-mode=hunt] .top-actions{gap:6px}body[data-mode=hunt] .top-actions .icon-button{box-shadow:0 2px #c7bbd0;border-width:1px;width:44px;height:44px}body[data-mode=hunt] .app{padding-left:10px;padding-right:10px}body[data-mode=hunt][data-place=town] .app{height:100svh;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow:hidden}body[data-mode=hunt][data-place=town] #main{grid-template-rows:52px 54px minmax(0,1fr) 53px;gap:7px}.town-heading{gap:7px}.town-heading h1{font-size:20px}.town-heading p{font-size:11px;margin-top:3px}.town-heading .player-closeup{width:38px;height:42px}.town-heading .player-closeup .levi{width:47px;height:71px}.new-day{min-width:49px;font-size:10px;min-height:44px}.hunter-progress{height:54px;margin:0;gap:5px}.hunter-progress button{gap:4px;padding:4px;font-size:11px;border-radius:12px}.hunter-progress small{font-size:9px}.hunter-progress .shop-building{width:26px;height:34px}.hunter-progress .story-coinbag{width:24px;height:27px}.town-street-section{grid-template-rows:minmax(0,1fr) 44px;gap:0}.town-street-section .hunter-shops{padding:4px 12px 3px;gap:10px}.town-street-section .hunter-shop{flex-basis:70%;min-width:0;grid-template-rows:minmax(0,1fr) 23px 17px 31px}.town-street-section .hunter-shop strong{font-size:14px}.town-street-section .hunter-shop small{font-size:10px}.shop-stock-preview>.toy,.shop-stock-preview>.world-art{width:29px;height:29px}.street-navigation{gap:2px}.street-dots button{width:27px}.town-footer{grid-template-columns:minmax(0,1fr) 87px;gap:6px}.town-footer .delivery-journey{padding:4px 7px;gap:4px}.town-footer .delivery-journey strong{font-size:11px;max-width:86px}.town-basket{font-size:11px}.town-basket svg{width:20px}body[data-mode=hunt] .bottom-nav{height:62px;bottom:calc(7px + env(safe-area-inset-bottom));border:2px solid #fffaf0;box-shadow:0 3px #bba5c8;width:calc(100% - 20px);padding:3px;border-radius:21px}body[data-mode=hunt] .bottom-nav button{height:53px;min-height:44px;gap:0;font-size:11px;line-height:14px;border-radius:16px}body[data-mode=hunt] .bottom-nav .nav-toy,body[data-mode=hunt] .bottom-nav .world-art{width:37px;height:37px;margin:0}body[data-mode=hunt] .bottom-nav button.active{box-shadow:0 2px #cfaa55}body[data-mode=hunt][data-place=shop] #main{grid-template-rows:54px 42px minmax(0,1fr) 44px;gap:7px}body[data-mode=hunt][data-place=trade] #main{display:flex;flex-direction:column;gap:7px}body[data-mode=hunt] .hunter-trade{flex:1;min-height:0;width:100%;height:auto;grid-template-rows:55px 20px minmax(80px,1fr) 68px 40px}body[data-mode=hunt][data-place=play] .hunter-progress{flex-shrink:0}body[data-mode=hunt][data-place=home] .hunter-progress{margin-bottom:12px}}
@media(max-width:360px){.town-heading h1{font-size:18px}.town-heading p{font-size:10px}.hunter-progress .progress-match>svg{display:none}.hunter-progress{grid-template-columns:1fr .85fr 1.15fr .8fr}.hunter-progress button{gap:3px}.street-dots button{width:25px}}
@media(max-height:620px) and (max-width:760px){body[data-mode=hunt][data-place=town] #main{grid-template-rows:45px 48px minmax(0,1fr) 46px;gap:5px}.hunter-progress{height:48px}.town-street-section .hunter-shop{flex-basis:62%;grid-template-rows:minmax(0,1fr) 21px 15px 26px}.shop-stock-preview>.toy,.shop-stock-preview>.world-art{width:24px;height:24px}.town-heading .player-closeup{height:38px}.town-street-section .hunter-shop strong{font-size:12px}.town-street-section .hunter-shop small{font-size:9px}}

.shop-lock svg{width:18px;height:18px}.street-dots svg{width:15px;height:15px}
@media(max-height:620px) and (max-width:760px){body[data-mode=hunt][data-place=trade] .hunter-trade{grid-template-rows:44px 0 minmax(130px,1fr) 54px 40px;gap:3px}.hunter-trade .trade-speech{visibility:hidden}.hunter-trade .friend-closeup{height:44px;width:44px}.hunter-trade .trade-friend-header h1{font-size:17px}.hunter-trade .tray-toy .toy{width:40px;height:40px}.hunter-trade .trade-mat .toy{width:42px;height:42px}.hunter-trade .tray-toy>span:not(.toy){font-size:9px}.hunter-trade .trade-mat{grid-template-rows:minmax(0,1fr) minmax(0,1fr) 44px}}
/* End space lets the last storefront snap to the center, too. */
.town-street-section .hunter-shops:after{content:'';display:block;flex:0 0 35%;height:1px}
@media(min-width:761px){body[data-mode=hunt] .game-logo{width:145px;height:60px}body[data-mode=hunt] .lucy-brand{display:none}.town-footer .delivery-journey{justify-content:center}.town-footer .delivery-road{max-width:250px}.town-footer .delivery-journey strong{max-width:none}}