.adventure-link{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:3px 10px;border-radius:12px;border:1px solid #ded5c9;background:#fffaf0;color:#796281;text-decoration:none;font-size:13px;white-space:nowrap}
.adventure-link:hover{background:#eee4f3}.adventure-link:focus-visible{outline:3px solid #9e82ac;outline-offset:2px}
#adventureMap{width:min(100%,1100px);height:100dvh;min-height:480px;margin:auto;padding:20px;background:#faf7f0;display:flex;flex-direction:column;gap:14px;box-sizing:border-box}
.map-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.map-top button{min-height:44px}
.map-intro h1{font-size:30px;margin:0 0 8px}.map-intro p{margin:6px 0;font-size:14px;line-height:1.5}.map-intro .eyebrow{color:#9273a0}
#mapContinue{min-height:44px;align-self:flex-start}#mapUnlocks{color:#796281}
#adventureLevels{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;overflow:auto;min-height:0;padding:4px 8px 12px 4px;overscroll-behavior:contain;touch-action:pan-y;scrollbar-color:#cbbcd0 transparent}
.map-level{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px;gap:4px;border-radius:16px;background:#f0ece6;border:1px solid #dcd4cb;font-size:19px;color:#887b87;padding:8px}.map-level small{font-size:10px}.map-level:disabled{opacity:1;cursor:default}.map-level.completed{background:#e0eddb;color:#648260}.map-level.current{background:#f4e5ad;border:2px solid #bd974d;color:#72552d;box-shadow:0 2px 0 #d7b56d}
@media(max-width:600px){#adventureMap{padding:12px;gap:10px}#adventureLevels{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.map-intro h1{font-size:25px}.map-level{min-height:62px}.map-intro p{font-size:12px}footer{flex-wrap:nowrap}footer .adventure-link{font-size:11px;padding:2px 6px}}