/* Zodiac Islands add-on: island picker on Cat Taxi page 2 (js/zodiac-world.js).
   Sized in % of the taxi panel, so it scales with the game window like the rest of the taxi. */
#taxi-page2 .zodiac-world{position:absolute;pointer-events:auto;border-radius:1.6% / 3.6%;overflow:hidden;background:#245569;box-shadow:inset 0 0 0 2px #e8b417;font-family:"MG VAG Bold","MG VAG",Arial,sans-serif}
#taxi-page2 .zodiac-world[hidden]{display:none!important}

/* The scrolling strip: native horizontal scroll (touch/trackpad), no visible scrollbar. */
#taxi-page2 .zw-scroller{position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;outline:none;overscroll-behavior-x:contain}
#taxi-page2 .zw-scroller::-webkit-scrollbar{display:none}
#taxi-page2 .zw-scroller.dragging{cursor:grabbing}
#taxi-page2 .zw-scroller.dragging .zw-island{pointer-events:none}
#taxi-page2 .zw-scroller:focus-visible{box-shadow:inset 0 0 0 3px #fff}
#taxi-page2 .zw-surface{position:relative;height:100%;width:auto;background-color:#245569;background-size:cover;background-position:0 0;background-repeat:no-repeat;user-select:none}

/* Islands */
#taxi-page2 .zw-island{transition:transform .15s ease,filter .15s ease}
#taxi-page2 .zw-island img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
#taxi-page2 .zw-island .locked,#taxi-page2 .zw-island.locked .unlocked{display:none}
#taxi-page2 .zw-island.locked .locked{display:block}
#taxi-page2 .zw-island span{position:absolute;font-family:"MG VAG Bold","MG VAG",Arial,sans-serif;font-weight:normal;left:50%;bottom:4%;transform:translateX(-50%);font-size:clamp(9px,1.6vw,17px);color:#fff;white-space:nowrap;pointer-events:none;text-shadow:0 2px 3px #081e32,2px 0 3px #081e32,-2px 0 3px #081e32,0 -2px 3px #081e32}
#taxi-page2 .zw-island:not(.locked):hover{transform:scale(1.06);filter:drop-shadow(0 0 6px #ffe18a)}
#taxi-page2 .zw-island.locked{cursor:default}
#taxi-page2 .zw-island.locked span{color:#b3c3c9}
#taxi-page2 .zw-island.current img{filter:drop-shadow(0 0 5px #ffe18a) drop-shadow(0 0 2px #ffe18a)}
#taxi-page2 .zw-island.current span::after{content:" \2605";color:#ffe18a}
#taxi-page2 .zw-island.chosen{transform:scale(1.1)}
#taxi-page2 .zw-island:focus-visible{outline:3px solid #ffe18a;outline-offset:2px}

/* Scroll arrows (inside the strip) and the back arrow (left edge, like the taxi's own arrows) */
#taxi-page2 .zw-scroll-btn{top:50%;width:4.5%;height:24%;transform:translateY(-50%);z-index:2;filter:drop-shadow(0 1px 2px #0008)}
#taxi-page2 .zw-scroll-left{left:1.5%}
#taxi-page2 .zw-scroll-right{right:1.5%}
#taxi-page2 .zw-back{left:1.2%;top:4%;width:4.6%;height:11%;z-index:3;border-radius:999px!important;background:#16434bdd!important;box-shadow:0 0 0 2px #ffe18a!important}
#taxi-page2 .zw-back svg{width:45%;height:70%;margin:auto;position:absolute;inset:0}
#taxi-page2 .zw-scroll-btn svg,#taxi-page2 .zw-back svg{display:block;width:100%;height:100%;fill:#7be9ed;stroke:#fff;stroke-width:2.5;stroke-linejoin:round}
#taxi-page2 .zw-back svg{fill:#ffe18a;stroke:none}
#taxi-page2 .zw-scroll-btn:hover svg,#taxi-page2 .zw-back:hover svg{fill:#fff}

/* Hint / locked message along the bottom */
#taxi-page2 .zw-status{position:absolute;left:8%;right:8%;bottom:2%;margin:0;z-index:2;text-align:center;font-size:clamp(9px,1.3vw,14px);color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000;pointer-events:none}