/* Little illustrated shop buttons, with a gentle invitation to tap. */
.kawaii-machine-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 0 #fffbed)}
.hotspot-orbit{width:50px;height:58px;flex:0 0 50px;background:none!important;border:0;box-shadow:none;border-radius:0}
.hotspot-orbit>[data-icon]{display:block;width:100%;height:100%}
.kawaii-counter-icon{position:relative;display:block;width:36px;height:38px;flex-shrink:0;isolation:isolate}
.kawaii-counter-portrait{position:absolute;inset:0 3px 7px;overflow:hidden;border-radius:14px 14px 4px 4px;background:#cce9f5;border:1.5px solid var(--ink)}
.kawaii-counter-portrait img{position:absolute;width:70px;max-width:none;height:auto;left:-19px;top:-2px}
.kawaii-counter-desk{position:absolute;left:0;right:0;bottom:0;height:12px;display:grid;place-items:center;background:#f7afcf;border:1.5px solid var(--ink);border-radius:4px;color:#783c5a;font:900 11px/1 var(--font);box-shadow:0 2px 0 #fffbed}
.app-dock>a[data-route=counter]>span:first-child,.app-dock>a[data-route=claw]>span:first-child,.app-dock>a[data-route=vending]>span:first-child{background:transparent;border:0;border-radius:0;width:36px;height:38px}
.app-dock .kawaii-machine-icon{height:38px;width:36px}
.counter-bell>[data-icon=counter]{display:block;width:28px;height:30px}
.counter-bell .kawaii-counter-icon{transform:scale(.78);transform-origin:top left}
.world-hotspot,.counter-bell{--tap-glow:#f284d1;--tap-glow-soft:#f7a0d273;box-shadow:3px 4px 0 var(--ink),0 0 0 4px #fff9e8bf,0 0 20px 7px var(--tap-glow-soft);animation:cutie-tap-glow 2.8s ease-in-out infinite}
.world-vend{--tap-glow:#85cefa;--tap-glow-soft:#9cdaff8c;animation-delay:.65s}
.counter-bell{--tap-glow:#e9ba6b;--tap-glow-soft:#ffe09c91;animation-delay:1.2s}
.world-hotspot::after{content:'';position:absolute;right:-5px;top:-6px;width:13px;height:13px;background:#fff9d3;border:1.5px solid var(--ink);clip-path:polygon(50% 0,65% 33%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 33%);filter:drop-shadow(0 0 4px var(--tap-glow));pointer-events:none}
.world-hotspot:hover,.counter-bell:hover{animation-play-state:paused;box-shadow:3px 5px 0 var(--ink),0 0 0 5px #fff9e8eb,0 0 26px 9px var(--tap-glow-soft)}
body[data-view=counter] .app-dock>a[data-route=counter]>span:first-child{filter:drop-shadow(0 0 5px #ff88cf)}
.world-hotspot:focus-visible,.counter-bell:focus-visible,.app-dock>a:focus-visible{outline:3px solid #b13b7c;outline-offset:6px}
@keyframes cutie-tap-glow{0%,100%{box-shadow:3px 4px 0 var(--ink),0 0 0 4px #fff9e8bf,0 0 16px 5px var(--tap-glow-soft)}50%{box-shadow:3px 4px 0 var(--ink),0 0 0 5px #fff9e8eb,0 0 28px 10px var(--tap-glow-soft)}}
@media(max-width:700px){
  .hotspot-orbit{width:36px;height:42px;flex:0 0 42px}
  .app-dock>a[data-route=counter]>span:first-child,.app-dock>a[data-route=claw]>span:first-child,.app-dock>a[data-route=vending]>span:first-child{width:31px;height:33px}
  .app-dock .kawaii-machine-icon{width:31px;height:33px}
  .app-dock .kawaii-counter-icon{transform:scale(.87);transform-origin:top center}
  .counter-bell>[data-icon=counter]{width:21px;height:23px}
  .counter-bell .kawaii-counter-icon{transform:scale(.6)}
  .world-hotspot::after{width:11px;height:11px;right:-4px;top:-5px}
  .world-topline h1{font-size:12px}
  .world-topline>div{min-width:0}
}
@media(max-width:350px){.world-topline h1{font-size:11px}.hotspot-orbit{width:32px;height:37px;flex-basis:37px}}
@media(prefers-reduced-motion:reduce){.world-hotspot,.counter-bell{animation:none}}