@font-face{font-family:B Lotus;src:url(../assets/fonts/B-Lotus-Outline.woff2) format("woff2");font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:B Lotus;src:url(../assets/fonts/B-Lotus-Outline-Bold.woff2) format("woff2");font-style:normal;font-weight:600 900;font-display:swap}:root{font-family:B Lotus,serif;color:#263740;background:#dce7e5;font-synthesis:none;--ink:#23343c;--paper:#f0f1eaf2;--line:#25353f20}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s,transform .2s}button:focus-visible{outline:2px solid #b29b6a;outline-offset:4px}button:disabled{cursor:default}button:not(:disabled):hover{transform:translateY(-1px)}[hidden]{display:none!important}#experience,#scene{width:100%;height:100dvh;position:relative}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#17232c08,transparent 24%,transparent 82%,#17232c18)}.phrase-nav{position:absolute;right:28px;top:28px;width:174px}.nav-intro{margin:0 5px 11px}.eyebrow{font-size:10px;color:#65757a;display:block}.nav-intro .eyebrow{color:#dfe8e5;text-shadow:0 1px 8px #283a3b88}#phrase-cards{display:flex;flex-direction:column;gap:7px}.phrase-card{position:relative;width:100%;text-align:right;border:1px solid #f6f6eaa8;background:#eff2e7d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:9px;padding:11px 12px 10px 14px;box-shadow:0 6px 22px #1c333617;border-right:3px solid var(--lane)}.phrase-card.active{background:#f5f4eaf5;border-color:var(--lane)}.phrase-card.is-assigned{box-shadow:inset 0 -2px 0 var(--lane),0 6px 22px #1c333617}.phrase-name{display:block;font:600 20px B Lotus,serif;line-height:1.35}.phrase-card[data-phrase=bunyan] .phrase-name{font-size:18px}.phrase-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:8px}.phrase-value{font-size:9px;color:#738085}.rank-dots{display:flex;gap:4px}.rank-dots i{width:4px;height:4px;border-radius:50%;background:#bbc4c2}.rank-dots i.filled{background:var(--lane)}.bottom-bar{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:flex-end;pointer-events:none}.journey-controls{display:flex;gap:7px;align-items:center;pointer-events:auto}.journey-controls button{height:42px;border:1px solid #e2e8df9c;border-radius:9px;background:#e6eae1db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 4px 18px #20363814}#journey-start{padding:0 17px;font-size:18px;color:#344a50}#navigation-help{width:34px;font-size:17px;color:#5b6b6c}#journey{background:#243a42e8;color:#f3edda;padding:0 17px;display:flex;gap:11px;align-items:center;font-size:11px;border-color:#344a50}.play{font-size:10px;color:#c8b587}#hover-label{position:absolute;pointer-events:none;background:#243a42ee;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f3efdf;font-size:11px;padding:9px 12px;border:1px solid #d7c8a344;border-radius:7px;box-shadow:0 6px 20px #1b333822;white-space:nowrap;z-index:3}#toast{position:absolute;bottom:85px;left:50%;transform:translate(-50%);background:#284b46f0;color:#f6efd8;border:1px solid #ffffff22;border-radius:9px;padding:11px 17px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:5}#navigation-guide{position:absolute;bottom:83px;left:28px;padding:17px 19px;background:#e9ede4eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff7dfaa;border-radius:10px;box-shadow:0 14px 40px #20363825}#navigation-guide strong{font-size:12px;font-weight:600}#navigation-guide p{font-size:11px;line-height:2.2;margin:8px 0 0;color:#627475}#loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;background:#dce7e5;transition:opacity .45s;z-index:10}#loading p{font-size:12px;color:#6d7d7a}.loading-path{width:43px;height:43px;border-radius:50%;border:1px solid #a7b5a633;border-top:2px solid #6b8b7d;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;inset:0;background:#dce7e5;display:grid;place-content:center;text-align:center}#error h2{font-size:22px}#error p{font-size:13px}#error button{border:1px solid #9cae9c;border-radius:8px;background:#f0f2e9;padding:12px;margin:12px}body[data-journey=true] .phrase-nav{opacity:.4;pointer-events:none}@media(max-width:950px){.phrase-nav{inset:auto 22px 88px;width:auto}.nav-intro{margin-bottom:9px}#phrase-cards{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:3px;scrollbar-width:thin}.phrase-card{flex:1 0 103px;width:auto;padding:10px 9px;text-align:center;border-right:1px solid #f4f2e9a6;border-bottom:3px solid var(--lane)}.phrase-name{font-size:17px;white-space:nowrap}.phrase-card[data-phrase=yuqatilun] .phrase-name,.phrase-card[data-phrase=bunyan] .phrase-name{font-size:15px}.phrase-card-footer{flex-direction:column;gap:7px;margin-top:5px}.phrase-value{font-size:8px}.bottom-bar{bottom:21px;left:22px;right:22px}.journey-controls button{height:39px}#journey{padding:0 13px;font-size:10px}#navigation-guide{left:22px;right:22px;bottom:190px;font-size:10px}#toast{bottom:190px;max-width:90%;white-space:normal;text-align:center}}@media(max-width:420px){.phrase-card{flex-basis:104px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#color-settings{position:absolute;z-index:6;left:24px;top:24px;bottom:80px;width:min(344px,calc(100% - 48px));display:flex;flex-direction:column;padding:18px;background:#edf0e8f5;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);border:1px solid #fffbedb3;border-radius:13px;box-shadow:0 18px 65px #17313a30}.color-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-settings-header h2{font-size:20px;font-weight:600;margin:3px 0 0}.color-settings-header button{background:none;border:0;width:30px;height:30px;font-size:24px;color:#718082}.color-settings-note{font-size:10px;line-height:1.9;color:#657773;margin:10px 0 13px}#color-settings-list{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding-inline-end:4px;scrollbar-width:thin;scrollbar-color:#9daea0 transparent}.color-card{padding:12px 1px 15px;border-bottom:1px solid #637b6c26}.color-card:first-child{padding-top:0}.color-card:last-child{border-bottom:0;padding-bottom:4px}.color-card-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.color-card h3{font:600 20px B Lotus,serif;line-height:1.3;margin:0}.color-family{font-size:9px;color:#77877b}.color-levels{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border-radius:4px}.color-levels span{display:grid;place-items:center;height:28px;font-size:12px;font-weight:600}.color-suggestions{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}.color-swatch{width:25px;height:25px;padding:0;border-radius:5px;border:1px solid #ffffff7a;background:var(--swatch);position:relative}.color-swatch[aria-pressed=true]{outline:1px solid #576e5c;outline-offset:2px}.color-swatch[aria-pressed=true]:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff9e5;font-size:14px}.color-swatch:focus-visible{outline:2px solid #263d44}.custom-color{display:flex;align-items:center;gap:7px}.custom-color span{font-size:10px;color:#758478;margin-inline-end:auto}.custom-color input[type=color]{width:28px;height:26px;cursor:pointer;border:1px solid #748a7738;background:transparent;padding:2px;border-radius:4px}.color-code{width:85px;height:27px;font:11px monospace;color:#354b4b;background:#f7f7ed82;border:1px solid #7587763d;border-radius:4px;text-align:center;outline:none}.color-code:focus{border-color:#6b8672}.color-code[aria-invalid=true]{border-color:#a86247}.color-settings-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #70857526;padding-top:12px;margin-top:13px}.color-settings-footer span{font-size:9px;color:#7c8b81}.color-settings-footer button{border:1px solid #80938040;background:#dce5d633;border-radius:5px;font-size:10px;padding:7px 10px}.road-light-settings{flex-shrink:0;border:1px solid #718a7330;border-radius:8px;background:#f8f8ef80;padding:12px;margin-bottom:16px}.road-light-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px}.road-light-heading output{font-size:18px;color:#697b58;font-variant-numeric:tabular-nums}#road-light-intensity{display:block;width:100%;height:24px;margin:8px 0 3px;accent-color:#637d65;cursor:pointer}#road-light-intensity:focus-visible{outline:2px solid #b29b6a;outline-offset:3px;border-radius:4px}.road-light-settings p{font-size:14px;color:#68796d;margin:4px 0 0;line-height:1.5}body[data-color-settings=true] .phrase-nav{opacity:.25;pointer-events:none}@media(max-width:420px){#color-settings{left:15px;top:15px;bottom:77px;width:calc(100% - 30px);padding:16px}.color-suggestions{gap:7px}.color-card h3{font-size:19px}}#journey{font-size:18px}#navigation-guide p{font-size:16px}.eyebrow{font-size:14px}@media(max-width:650px){#journey,#journey-start{font-size:16px}}#toast{bottom:90px;font-size:18px}