:root{color:#173b4b;touch-action:none;background:#8fe1ff;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}.town3d{isolation:isolate;background:linear-gradient(#8fe1ff,#e9fbff 48%,#8fd36b 49%);width:100%;height:100%;min-height:480px;position:relative}.town3d__canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.town3d__canvas.is-driving{cursor:grabbing}.town3d__top{z-index:5;top:max(10px,env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;left:10px;right:10px}.town3d__controls{gap:8px;display:flex}.town3d__button{color:#28566a;pointer-events:auto;background:#fffde9;border:3px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;font-size:25px;text-decoration:none;display:grid;box-shadow:0 4px #4e8798}.town3d__button:active{transform:translateY(3px);box-shadow:0 1px #4e8798}.town3d__horn{z-index:5;right:max(15px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));background:#ffd84d;border-color:#fff5a4;width:68px;height:68px;font-size:34px;position:absolute;box-shadow:0 5px #a76816}.town3d__hint{z-index:4;pointer-events:none;background:#fff9;border:4px solid #fff;border-radius:50%;width:58px;height:58px;animation:2.1s ease-in-out infinite hint-drive;position:absolute;bottom:20%;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #27607844}.town3d__hint:before{content:"";background:#ffb48d;border-radius:12px 12px 9px 9px;width:18px;height:27px;position:absolute;top:11px;left:17px;box-shadow:0 11px 0 -4px #ffb48d}.town3d__hint.is-hidden{opacity:0;transition:opacity .25s}.town3d__fallback{text-align:center;background:linear-gradient(#c7f0ff,#fff5bf);place-items:center;height:100%;padding:24px;display:grid}.town3d__fallback a{background:#fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:38px;text-decoration:none;display:grid;box-shadow:0 6px #69a3b3}@keyframes hint-drive{0%,to{transform:translate(-70px)rotate(-8deg)}50%{transform:translate(15px,-18px)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.town3d__hint{animation:none}}@media (orientation:landscape){.town3d__horn{bottom:20px;right:24px}.town3d__hint{bottom:16%}}.town3d__guide{z-index:4;pointer-events:none;background:#fff7c9e8;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:27px;display:none;position:absolute;transform:translate(-50%,-50%);box-shadow:0 5px 14px #28566a55}.town3d__guide.is-visible{display:flex}.town3d__guide i{color:#f06a75;transform:rotate(var(--guide-angle,0deg));transform-origin:50%;font-size:25px;font-style:normal;line-height:1;position:absolute;top:42px;left:20px}.town3d__cargo{z-index:5;top:max(75px,calc(env(safe-area-inset-top) + 70px));pointer-events:none;background:#fffbdde8;border:3px solid #fff;border-radius:14px;grid-template-columns:repeat(16,10px);gap:3px;min-height:20px;padding:6px 8px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px #8a6337}.town3d__cargo i{background:#f3d4a7;border:2px solid #9b5c32;border-radius:5px;width:10px;height:6px;transform:rotate(-8deg)}.town3d__cargo i.is-filled{background:#b86734;box-shadow:0 0 5px #ffd75d}.town3d__cargo.is-apples i{background:#f3d4a7;border-color:#b93b46;border-radius:50%;width:9px;height:9px;transform:none}.town3d__cargo.is-apples i.is-filled{background:#ef4f55;box-shadow:0 0 5px #ff8e78}.town3d__cargo.is-apples i:nth-child(3n).is-filled{background:#78c850;border-color:#3b863f}.town3d__cargo.is-apples i:nth-child(11n).is-filled{background:#f5c542;border-color:#b88616;box-shadow:0 0 7px #fff19a}