html,body{height:100%;margin:0}.destination-page{position:relative;width:100%;height:100vh;overflow:hidden}.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.top-logo{position:absolute;top:20px;left:50%;transform:translate(-50%);width:175px;z-index:2}.compass-logo{position:absolute;top:70px;left:50%;transform:translate(-50%);width:220px;z-index:2}.destination-card{position:absolute;top:160px;left:50%;transform:translate(-50%);width:90%;max-width:360px;z-index:2}.destination-image{width:100%;display:block}.explore-hitbox{position:absolute;bottom:30px;left:50%;transform:translate(-50%,-5px);width:45%;height:40px;background:transparent;border:none;cursor:pointer;z-index:3}:root{color-scheme:light;font-family:Avenir Next,Trebuchet MS,sans-serif;background:#d9e9f7;color:#17364b}*{box-sizing:border-box}html,body,#app{margin:0;height:100dvh;overflow:hidden}body{min-height:100dvh}button{font:inherit}.screen{--bg-image: none;min-height:100dvh;display:grid;place-items:center;padding:8px;transition:background .4s ease-in-out;background:var(--bg-image) center / cover no-repeat;position:relative;overflow:hidden}.game-shell{position:relative;z-index:1;width:min(100%,420px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:100%;padding:8px 0 28px;margin-bottom:50px}.masthead{text-align:center;transform:scale(.85);transform-origin:top}.brand,.sub-brand{margin:0;font-family:Georgia,Times New Roman,serif;color:#1d2330}.brand{font-size:clamp(1.8rem,4vw,2.3rem)}.sub-brand{margin-top:2px;font-size:clamp(1rem,2.5vw,1.2rem)}.game-logo{width:54%;max-width:220px;margin-top:0;filter:drop-shadow(0 8px 16px rgba(5,73,90,.12))}.ss-logo{width:255px;display:block;margin:0 auto}.ticket{position:relative}.ticket-bg{width:100%;display:block}.instructions{width:min(92vw,370px);margin:0;color:#0d6b73;font-size:clamp(.9rem,2.3vw,1rem);line-height:1.15;font-weight:600}.compass-area{display:flex;flex-direction:column;align-items:center;gap:2px}.compass-area.no-orientation{gap:2px}.compass-area.no-orientation .controls{margin-top:4px}.compass{width:min(52vw,200px);aspect-ratio:1;border:0;border-radius:50%;position:relative;background-color:transparent}.compass-base{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.compass-needle{position:absolute;top:47%;left:50%;width:70px;height:142px;transform-origin:center center;z-index:2;pointer-events:none}.compass:active{cursor:grabbing}.compass__cardinals span{position:absolute;color:#34414e;font-weight:800;letter-spacing:.04em}.controls{display:flex;flex-direction:row;align-items:center;margin-bottom:0;margin-top:6px;gap:6px}.control-chip{border:0;padding:10px 16px;border-radius:999px;background:#ffffffe0;color:#135f7d;font-weight:800;box-shadow:0 8px 18px #1735461f}.control-chip--accent{background:linear-gradient(90deg,#198cb5,#0b6d6a);color:#fff;margin-bottom:6px}.helper-text{width:min(92vw,350px);margin:0;text-align:center;min-height:10px;color:#31566b;font-weight:600;font-size:.95rem;text-shadow:0 1px 0 rgba(255,255,255,.55)}.ticket-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:10px;width:100%}.ticket-image{width:90%;max-width:300px;display:block;pointer-events:none}.ticket-cta{width:70%;max-width:260px;cursor:pointer;transition:transform .15s ease}.ticket-cta:active{transform:scale(.95)}.start-button{margin-top:20px;position:relative;z-index:1}.city-ticket__pin{grid-row:1 / 2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:1rem;color:#cf1432}.city-ticket__city{min-width:0;padding:20px;border-radius:12px;background:linear-gradient(90deg,#1788b0,#096765);color:#fff;font-size:clamp(2rem,7vw,3rem);font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase}.city-ticket__pin,.city-ticket__city{background:linear-gradient(90deg,#1788b0,#096765)}.city-ticket__pin{align-self:stretch;min-height:58px;border-radius:12px 0 0 12px}.city-ticket__cta{grid-column:1 / -1;justify-self:center;text-transform:uppercase;letter-spacing:.35em;font-size:.9rem;color:#2d3035}@media(max-width:480px){.screen{padding-inline:14px}.game-shell{gap:0px}.instructions{font-size:.98rem}.city-ticket__cta{letter-spacing:.25em}}.default-layout{justify-content:flex-start;gap:10px}.default-layout .masthead{transform:scale(.9);margin-bottom:10px}.default-layout .compass{width:min(65vw,260px)}.default-layout .compass-area{margin-top:10px;gap:5px}.default-layout .controls{margin-top:10px;gap:10px}.default-layout .ticket-container{margin-top:18px;margin-bottom:25px}