:root{--night:#17143a;--lapis:#26357a;--madder:#a8322a;--saffron:#e9a93b;--gold:#f3c56a;--paper:#f2dfb8;--paper-edge:#e2c58e;--ink:#2a1830;--ink-soft:#5b4060;--display:"Marcellus","Palatino Linotype",Palatino,Georgia,serif;--text:"Alegreya","Palatino Linotype",Palatino,Georgia,serif}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{color:var(--paper);font-family:var(--text);-webkit-tap-highlight-color:transparent;background:#0e1240;overflow:hidden}button,a{font-family:var(--text)}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}#hub{background:radial-gradient(at 50% 40%,#1d2a78 0,#121a55 55%,#0b0f35 100%);position:fixed;inset:0}#mapwrap{aspect-ratio:2567/1100;width:min(100vw,233.4vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}#mapimg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0;box-shadow:0 20px 60px #0000008c}#cities{margin:0;padding:0;list-style:none;position:absolute;inset:0}.city{width:0;height:0;margin:0;padding:0;position:absolute}.city .pin{background:var(--gold);border-radius:50%;width:max(6px,.8cqw);height:max(6px,.8cqw);position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:0 0 0 2px #2a1830d9}.city .stem{transform-origin:0;pointer-events:none;background:#f3c56ae6;height:2px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #2a18308c}.city button{left:calc(var(--dx) * 1cqw);top:calc(var(--dy) * 1cqw);cursor:pointer;filter:drop-shadow(0 3px 5px #140828b3);background:0 0;border:0;border-radius:50%;width:clamp(30px,3.3cqw,58px);height:clamp(30px,3.3cqw,58px);padding:0;transition:scale .2s;display:block;position:absolute;translate:-50% -50%}.city button:hover,.city button:focus-visible{scale:1.18}.city img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.city .tag{z-index:2;white-space:nowrap;background:var(--paper);color:var(--ink);font-family:var(--display);box-shadow:0 2px 6px #0006,inset 0 0 0 1.5px var(--paper-edge);pointer-events:none;border-radius:3px;padding:.08em .6em .14em;font-size:clamp(11px,1.25cqw,19px);line-height:1.25;position:absolute}.city .tag small{font-family:var(--text);color:var(--ink-soft);margin-left:.4em;font-style:italic;display:none}.city button:hover .tag small,.city button:focus-visible .tag small{display:inline}.city[data-label=bottom] .tag{top:calc(100% + 4px);left:50%;transform:translate(-50%)}.city[data-label=top] .tag{bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.city[data-label=left] .tag{top:50%;right:calc(100% + 5px);transform:translateY(-50%)}.city[data-label=right] .tag{top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.city.locked img{filter:grayscale()brightness(.55)contrast(.9)}.city.locked .tag{color:#5b4060;background:#f2dfb8d1}.city.locked button:after{content:"";background:var(--night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3c56a' stroke-width='2.4' stroke-linecap='round'%3E%3Crect x='6' y='11' width='12' height='9' rx='2' fill='%23f3c56a'/%3E%3Cpath d='M9 11V8a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center/70% no-repeat;width:34%;height:34%;box-shadow:0 0 0 1.5px var(--gold);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.city.done img{box-shadow:0 0 16px 5px #ffd678e6}.city.done button:after{content:"✓";color:#fff;background:#2c7a4b;border-radius:50%;place-items:center;width:36%;height:36%;font-size:clamp(9px,1.1cqw,16px);font-weight:700;display:grid;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 1.5px #fff}#cities.nobook .city.open{opacity:.82}@keyframes ping{0%{opacity:1;transform:scale(.7)}80%,to{opacity:0;transform:scale(1.35)}}.hub-title{left:calc(env(safe-area-inset-left,0px) + 18px);top:calc(env(safe-area-inset-top,0px) + 14px);pointer-events:none;text-shadow:0 2px 12px #08061ee6;position:absolute}.hub-title .series{font-family:var(--display);color:var(--gold);letter-spacing:.1em;margin:0;font-size:clamp(12px,1.7vw,18px)}.hub-title h1{font-family:var(--display);color:#fff1d6;margin:2px 0 0;font-size:clamp(20px,3.6vw,46px);font-weight:400;line-height:1.05}.hub-title .count{color:#f0dcb0;margin:6px 0 0;font-size:clamp(13px,1.6vw,19px);font-style:italic}#bookBtn{right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 16px);color:#fff1d6;cursor:pointer;text-shadow:0 2px 8px #000000e6;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;width:clamp(64px,8vw,110px);padding:0;font-size:clamp(13px,1.5vw,18px);display:flex;position:absolute}#bookBtn img{filter:drop-shadow(0 6px 10px #000000b3);width:100%;transition:transform .2s;display:block}#bookBtn:hover img,#bookBtn:focus-visible img{transform:translateY(-4px)rotate(-3deg)}#bookBtn.pulse img{animation:1.8s ease-in-out infinite bob}@keyframes bob{50%{filter:drop-shadow(0 0 16px #ffc85ae6)drop-shadow(0 6px 10px #000000b3);transform:translateY(-6px)rotate(-3deg)}}#startCard{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);background:var(--paper);width:min(560px,92vw);color:var(--ink);box-shadow:0 12px 30px #00000080,inset 0 0 0 2px var(--paper-edge);border-radius:6px;align-items:center;gap:16px;padding:14px 18px 14px 12px;display:flex;position:absolute;transform:translate(-50%)}#startCard:after{content:"";pointer-events:none;border:2.5px dotted #a8322a8c;border-radius:4px;position:absolute;inset:5px}#startCard img{filter:drop-shadow(0 4px 6px #0006);flex:none;width:clamp(52px,9vw,84px)}#startCard h2{font-family:var(--display);color:var(--madder);margin:0 0 2px;font-size:clamp(18px,2.4vw,26px);font-weight:400}#startCard p{margin:0 0 10px;font-size:clamp(15px,1.8vw,19px);line-height:1.35}.go{background:var(--lapis);color:var(--paper);cursor:pointer;border:0;border-radius:4px;padding:10px 18px;font-size:17px;text-decoration:none;display:inline-block}#toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 70px);background:var(--paper);max-width:min(560px,90vw);color:var(--ink);box-shadow:0 8px 22px #00000073,inset 0 0 0 2px var(--paper-edge);opacity:0;pointer-events:none;border-radius:4px;padding:9px 16px;font-size:clamp(15px,1.8vw,19px);transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}.tiny{left:calc(env(safe-area-inset-left,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);color:#f0e2c4b3;cursor:pointer;background:0 0;border:0;font-size:14px;text-decoration:underline;position:absolute}#rotate{text-align:center;color:var(--gold);margin:0;font-size:15px;display:none;position:absolute;bottom:70px;left:0;right:0}@media (orientation:portrait){#rotate{display:block}}#veil{opacity:0;pointer-events:none;background:#0a0830;transition:opacity .55s;position:fixed;inset:0}#veil.on{opacity:1;pointer-events:auto}@media (max-height:520px){.hub-title h1{font-size:clamp(18px,3vw,30px)}.hub-title .count{margin-top:2px}#startCard{gap:10px;padding:8px 12px 8px 8px}#startCard p{margin-bottom:6px;font-size:14px}#startCard h2{font-size:17px}.go{padding:7px 14px;font-size:15px}}@media (prefers-reduced-motion:reduce){#toast,#veil{transition:none}.city.open button:before,#bookBtn.pulse img{animation:none}}.hub-title .count{right:calc(env(safe-area-inset-right,0px) + 18px);top:calc(env(safe-area-inset-top,0px) + 16px);color:var(--gold);background:#1410329e;border-radius:20px;margin:0;padding:6px 14px;font-style:normal;position:fixed;box-shadow:inset 0 0 0 1px #f3c56a66}@media (max-height:520px){.hub-title .series{display:none}.hub-title h1{text-shadow:0 2px 10px #08061e,0 0 18px #08061ee6}}