/* What this is: approved Gold spring navigation for Garden visitors. */
.garden-navigation { --nav-ink:#f6edf9;--nav-muted:#dbcce5;--nav-gold:#efd18f;max-width:920px;margin:24px auto;padding:22px 24px 34px;background:linear-gradient(155deg,#302039ee,#21182aee);border:1px solid #8a6a9f88;border-radius:26px;color:var(--nav-ink);font:16px/1.5 system-ui,sans-serif;box-sizing:border-box; }
.garden-navigation *,.garden-navigation *::before,.garden-navigation *::after {box-sizing:border-box;}
.garden-navigation[hidden] {display:none;}
.garden-navigation h1 {color:var(--nav-ink);font-size:clamp(26px,5vw,38px);line-height:1.2;margin:22px 0 12px;}
.garden-navigation h2 {font-size:18px;color:var(--nav-gold);margin:22px 0 16px;}
.garden-navigation p {color:var(--nav-muted);max-width:65ch;}
.garden-navigation .nav-top {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.garden-navigation .nav-back,.garden-navigation .nav-utility {color:var(--nav-ink);background:#33223e;border:1px solid #9875aa;border-radius:12px;min-height:44px;display:inline-flex;align-items:center;padding:9px 12px;text-decoration:none;font:inherit;cursor:pointer;}
.garden-navigation .nav-brand {font-size:12px;letter-spacing:.06em;color:var(--nav-gold);}
.garden-navigation .nav-choices {display:grid;gap:18px;margin:24px 0;}
.garden-navigation .nav-spring {--distance:13px;position:relative;display:block;width:100%;height:110px;color:#fbf4ff;border:0;padding:0;background:transparent;text-align:left;border-radius:38px;user-select:none;touch-action:manipulation;text-decoration:none;font:inherit;cursor:pointer;}
.garden-navigation .nav-spring::before {content:"";position:absolute;inset:auto 25% 1px;height:10px;border-radius:50%;background:#32223e;box-shadow:0 7px 12px #0006;pointer-events:none;}
.garden-navigation .nav-face {display:flex;align-items:center;gap:14px;position:absolute;inset:0 0 30px;padding:14px 22px;border-radius:inherit;background:linear-gradient(165deg,#9b71ba,#624076 70%,#4b2e60);border:1px solid #ab87bd;border-top-color:#d9b6eb;box-shadow:inset 0 3px 4px #efceff55,0 5px 0 #392044,0 11px 12px #10081b40;pointer-events:none;transition:transform 180ms ease;}
.garden-navigation .nav-label {display:block;font-size:18px;line-height:1.25;overflow-wrap:anywhere;}
.garden-navigation .nav-caption {display:block;font-size:13px;line-height:1.3;color:#e3d5eb;margin-top:5px;}
.garden-navigation .nav-arrow {margin-left:auto;font-size:25px;}
.garden-navigation .nav-spring.is-down .nav-face {transform:translateY(var(--distance));filter:brightness(1.12);transition-duration:65ms;}
.garden-navigation .nav-coil {display:flex;position:absolute;left:calc(50% - 21px);bottom:7px;width:42px;height:32px;flex-direction:column;justify-content:space-around;transform-origin:50% 100%;transition:transform 180ms ease;}
.garden-navigation .nav-coil i {height:6px;width:100%;border:1.5px solid;border-radius:50%;border-color:#fff6d2 #ae782b #754a1c #e5b453;background:linear-gradient(105deg,#754a1c,#e5b453 17%,#fff6d2 29%,#ae782b 45%,#e5b453 67%,#fff6d2 82%,#754a1c);box-shadow:inset 0 1px 1px #fff8,0 1px 2px #0009,0 0 5px #ffe19a55;}
.garden-navigation .nav-spring.is-down .nav-coil {transform:scaleY(.36);transition-duration:65ms;}
.garden-navigation :focus-visible {outline:3px solid var(--nav-gold);outline-offset:5px;}
.garden-navigation .nav-future {margin-top:30px;padding:18px;border:1px solid #8a6a9f;border-radius:18px;}
.garden-navigation .nav-future h2 {margin-top:0;}
.garden-navigation .nav-languages {display:flex;gap:6px;}
.garden-navigation .nav-languages button {background:#33223e;color:var(--nav-ink);border:1px solid #8a6a9f;border-radius:10px;min-height:44px;padding:6px 10px;font:inherit;}
.garden-navigation .nav-languages [aria-pressed="true"] {border-color:var(--nav-gold);color:var(--nav-gold);}
body.garden-navigation-open > #courtyard,body.garden-navigation-open > .garden-credit {display:none;}
body[data-navigation-page="corner"] {margin:0;background:#201927;min-height:100vh;}
.nav-author-credit {text-align:center;color:inherit;}
@media(min-width:760px) {.garden-navigation[data-nav-screen="corner"] .nav-choices {grid-template-columns:repeat(3,minmax(0,1fr));}.garden-navigation[data-nav-screen="corner"] .nav-spring {height:160px;}}
@media(max-width:450px) {.garden-navigation {margin:12px 10px;padding:18px 16px 24px;border-radius:20px;}.garden-navigation[data-nav-screen="corner"] .nav-spring {height:132px;}.garden-navigation .nav-face {padding:14px 18px;}.garden-navigation .nav-top {gap:10px;}.garden-navigation .nav-brand {width:100%;order:2;}}
@media(prefers-reduced-motion:reduce) {.garden-navigation .nav-face,.garden-navigation .nav-coil {transition:none;}}

/* The old Welcome cube remains an internal controller, with no visitor controls. */
body.garden-navigation-enabled > #courtyard {position:fixed;top:0;left:0;width:100%;opacity:0;pointer-events:none;}
body.garden-navigation-enabled > .garden-tools,body.garden-navigation-enabled > .garden-credit,body.garden-navigation-open > #worlds-page {display:none!important;}
body.garden-navigation-open > .site-header {display:none;}
.garden-navigation .nav-presets,.garden-navigation .nav-secondary {display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.garden-navigation .nav-presets button {min-height:48px;flex:1;padding:12px;border:1px solid #9675a6;border-radius:14px;background:#382742;color:#f6edf9;font:inherit;cursor:pointer;}
.garden-navigation .nav-presets [aria-pressed="true"] {border-color:var(--nav-gold);box-shadow:inset 0 0 0 1px var(--nav-gold);color:var(--nav-gold);}
.garden-navigation .nav-settings {padding:18px;border:1px solid #8a6a9f;border-radius:18px;background:#241c2d;margin:20px 0;}
.garden-navigation .nav-settings label {display:flex;align-items:center;gap:12px;margin:0;padding:14px 0;min-height:52px;font:16px/1.5 system-ui,sans-serif;color:#f6edf9;border-bottom:1px solid #8a6a9f44;}
.garden-navigation .nav-settings label > span:first-child {flex:1;}
.garden-navigation .nav-settings .magic-select,.garden-navigation .nav-settings .magic-range {align-items:stretch;flex-direction:column;}
.garden-navigation .nav-settings input[type="checkbox"] {width:24px;height:24px;flex:0 0 24px;accent-color:#e6c17b;}
.garden-navigation .nav-settings input[type="range"],.garden-navigation .nav-settings select {width:100%;min-height:44px;accent-color:#e6c17b;background:#342640;color:#f6edf9;font:inherit;}
.garden-navigation .nav-settings select {border:1px solid #9875aa;border-radius:10px;padding:10px;}
.garden-navigation .nav-settings option {background:#342640;}
.garden-navigation .nav-settings .is-disabled {opacity:.65;}
.garden-navigation .nav-value {font-size:13px;color:#efd18f;}
.garden-navigation .palette-note {font-size:14px;line-height:1.6;color:#dbcce5;}
.garden-navigation .trail-preview {display:flex;gap:18px;padding:20px;}
.garden-navigation .trail-preview i {display:block;width:12px;height:12px;background:var(--visitor-colour);border:1px solid #fff8;border-radius:50%;box-shadow:0 0 8px var(--visitor-colour);animation:none;}
#visitor-sparks i.bubble {width:15px;height:15px;border:1px solid var(--visitor-colour);background:transparent;box-shadow:inset 0 0 4px var(--visitor-colour);animation:visitor-bubble 1.1s ease-out forwards;}
@keyframes visitor-bubble {from{opacity:.8;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-65px) scale(1.4)}}
.garden-navigation[data-nav-screen="explore"] .nav-spring:first-child {height:140px;}
.garden-navigation[data-nav-screen="explore"] .nav-spring:first-child .nav-face {background:linear-gradient(155deg,#ad82c4,#724c89 70%,#563466);border-color:#e9c78b;}
.garden-navigation[data-nav-screen="explore"] .nav-spring:first-child .nav-label {font-size:24px;}
@media(max-width:450px){.garden-navigation .nav-settings{padding:12px}.garden-navigation .nav-settings label{font-size:15px}.garden-navigation .nav-presets{gap:8px}.garden-navigation .nav-presets button{padding:9px;font-size:14px}.garden-navigation .nav-label{font-size:17px}.garden-navigation .nav-spring{height:122px}.garden-navigation .nav-secondary{flex-direction:column;}}