:root{--ink: #13241c;--mist: #e7f0e8;--canopy: #1f4d38;--sun: #f0c27a;--glass: rgba(19, 36, 28, .55);--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(120% 80% at 70% 10%,#f3d7a0 0%,transparent 45%),linear-gradient(160deg,#87b7c9,#dfead9 42%,#9bb892);color:var(--mist);font-family:var(--font-body)}body:after{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;box-shadow:inset 0 0 7rem #0e2a1f2e,inset 0 -5rem 8rem #081e181f}#world{display:block;width:100%;height:100%;touch-action:none}#ui{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}.brand{position:absolute;top:1.25rem;left:1.25rem;text-shadow:0 2px 18px rgba(0,0,0,.35)}.brand-name{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em}.brand-place{margin:.2rem 0 0;font-size:.95rem;opacity:.9}.toolbar{pointer-events:auto;position:absolute;top:1.25rem;right:1.25rem;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end;max-width:min(28rem,calc(100vw - 2rem))}.mode-toggle{display:inline-flex;padding:.15rem;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar button{border:0;cursor:pointer;font:inherit;color:var(--mist);background:transparent;padding:.4rem .75rem;border-radius:999px}.toolbar button.active{background:#f0c27a47;color:#fff8e8}.toolbar .action{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar .action:hover{background:#13241cb8}.progress{position:absolute;top:5.5rem;right:1.25rem;min-width:9.5rem;padding:.4rem .75rem;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;text-align:center;box-shadow:inset 0 0 0 1px #f0c27a2e}.progress:before{content:"";display:block;height:3px;margin:0 0 .35rem;border-radius:999px;background:linear-gradient(90deg,var(--sun) var(--pct),rgba(231,240,232,.2) var(--pct))}.trail-status{position:absolute;top:8rem;right:1.25rem;margin:0;font-size:.8rem;opacity:.85;text-shadow:0 1px 10px rgba(0,0,0,.35);text-align:right}.map-legend{position:absolute;left:1.25rem;bottom:4rem;display:flex;gap:.75rem;padding:.45rem .7rem;border-radius:.7rem;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.75rem}.map-legend span{display:inline-flex;align-items:center;gap:.3rem}.swatch{width:.75rem;height:.3rem;border-radius:999px}.swatch.water{background:#0787b5}.swatch.road{background:#f0e2bd}.swatch.trail{background:#d18a42}.swatch.building{background:#e3b47f}.hint{position:absolute;left:50%;bottom:1.1rem;transform:translate(-50%);padding:.45rem .9rem;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;white-space:nowrap;max-width:calc(100vw - 2rem);overflow:hidden;text-overflow:ellipsis;display:flex;gap:.75rem;align-items:baseline}.map-credit{opacity:.65;font-size:.72rem}.map-credit a{color:inherit}.panel{pointer-events:auto;position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);width:min(22rem,calc(100vw - 2rem));padding:1.25rem 1.35rem 1.4rem;border-radius:1rem;background:#13241cd1;border:1px solid rgba(240,194,122,.28);box-shadow:0 18px 50px #00000047;animation:rise .42s ease both}.panel.hidden{display:none}.panel h2{margin:0 1.5rem .55rem 0;font-family:var(--font-display);font-size:1.45rem;color:var(--sun)}.panel p{margin:0;line-height:1.45;color:var(--mist)}#panel-close{position:absolute;top:.55rem;right:.7rem;border:0;background:transparent;color:var(--mist);font-size:1.4rem;cursor:pointer}.toast{position:absolute;left:50%;bottom:4rem;transform:translate(-50%) translateY(8px);padding:.55rem 1rem;border-radius:999px;background:#13241ce0;border:1px solid rgba(240,194,122,.35);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;font-size:.9rem}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.roam-together{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;align-items:end;justify-items:center;padding:1rem;background:linear-gradient(180deg,transparent 35%,rgba(8,23,18,.55) 100%)}.roam-together.hidden{display:none}.roam-together.mission{pointer-events:none;justify-items:start;padding:1rem 1rem 4.5rem;background:linear-gradient(180deg,transparent 58%,rgba(8,23,18,.42) 100%)}.roam-together.mission .rt-card{pointer-events:auto;width:min(27rem,calc(100vw - 2rem));padding:1rem 1.1rem}.rt-card{width:min(34rem,100%);max-height:min(70dvh,34rem);overflow:auto;padding:1.2rem 1.3rem 1.35rem;border-radius:1.2rem;color:var(--ink);background:#f5f2e0f5;border:1px solid rgba(255,248,232,.7);box-shadow:0 22px 60px #04120d59;animation:chooser-in .36s cubic-bezier(.2,.8,.2,1) both}.rt-kicker{margin:0 0 .4rem;color:#99643c;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.rt-card h2{margin:0 0 .45rem;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);line-height:1.05}.rt-card p{margin:0;line-height:1.4;color:#13241cc7}.rt-clue{margin-top:.75rem!important;padding:.65rem .8rem;border-radius:.75rem;background:#1f4d381a;font-weight:600}.rt-roles{display:grid;gap:.5rem;margin-top:.85rem}.rt-role{display:grid;gap:.15rem;padding:.6rem .75rem;border-radius:.75rem;background:#ffffff73;border:1px solid rgba(31,77,56,.16)}.rt-role strong{font-family:var(--font-display)}.rt-question{margin-top:.8rem;padding:.7rem .8rem;border-radius:.75rem;background:#f0c27a2e}.rt-hint{margin-top:.35rem!important;font-size:.88rem;opacity:.8}.rt-answer{margin-top:.45rem!important;font-weight:700;color:var(--canopy)!important}.rt-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.rt-actions button{min-height:2.7rem;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--canopy);cursor:pointer;font:inherit;font-weight:700}.rt-actions .primary{color:#fff8e8;background:var(--canopy)}.rt-actions .secondary{color:var(--canopy);background:transparent}.rt-actions .answer-option{color:var(--ink);border-color:#1f4d3847;background:#fff9}.rt-actions .answer-option.correct{color:#fff;border-color:#2f7847;background:#2f7847}.rt-actions .answer-option.incorrect{color:#fff;border-color:#a34f3f;background:#a34f3f}.rt-actions .answer-option:disabled{cursor:default;opacity:.62}.rt-actions .answer-option.correct:disabled{opacity:1}.rt-actions .route-choice{flex:1 1 12rem;border-radius:.85rem}.player-chooser{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;align-items:center;padding:clamp(1rem,4vw,4rem);background:linear-gradient(90deg,#081712ad,#08171214 75%),#0a1d1724;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.player-chooser.hidden{display:none}.chooser-card{position:relative;width:min(39rem,100%);max-height:calc(100vh - 2rem);overflow:auto;padding:clamp(1.4rem,3vw,2.3rem);border:1px solid rgba(255,248,232,.68);border-radius:1.6rem;color:var(--ink);background:#f3f0daed;box-shadow:0 30px 90px #04120d66;animation:chooser-in .45s cubic-bezier(.2,.8,.2,1) both}.chooser-kicker{margin:0 0 .55rem;color:#99643c;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.chooser-card h1{max-width:12ch;margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,5vw,3.5rem);line-height:.96;letter-spacing:-.035em}.chooser-lede{max-width:34rem;margin:.9rem 0 1.25rem;color:#13241cb8;line-height:1.45}.chooser-close{position:absolute;top:.8rem;right:.9rem;border:0;color:var(--ink);background:transparent;cursor:pointer;font-size:1.6rem}.player-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.player-option{display:flex;gap:.7rem;align-items:center;min-height:4.5rem;padding:.65rem .8rem;border:1px solid rgba(31,77,56,.2);border-radius:.9rem;color:var(--ink);background:#ffffff61;cursor:pointer;font:inherit;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.player-option:hover{transform:translateY(-1px);border-color:#1f4d387a}.player-option.selected{border-color:var(--canopy);background:#60895e33;box-shadow:inset 0 0 0 1px #1f4d382e}.player-option strong,.player-option small{display:block}.player-option small{margin-top:.15rem;color:#13241ca8;line-height:1.2}.player-icon{display:grid;flex:0 0 2.2rem;width:2.2rem;height:2.2rem;place-items:center;border-radius:50%;color:#fff8e8;background:var(--canopy);font-family:var(--font-display);font-size:1.1rem}.journey-preview{margin-top:.85rem;padding:.8rem .95rem;border-radius:.9rem;background:#1f4d3814}.journey-preview h2{margin:.15rem 0 .25rem;font-family:var(--font-display);font-size:1.35rem}.journey-preview p{margin:0;color:#13241cb8}.journey-meta{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chooser-actions{display:flex;gap:.65rem;margin-top:1rem}.chooser-actions button{padding:.7rem 1rem;border:1px solid var(--canopy);border-radius:999px;cursor:pointer;font:inherit;font-weight:700}.chooser-actions .primary{color:#fff8e8;background:var(--canopy)}.chooser-actions .secondary{color:var(--canopy);background:transparent}@keyframes chooser-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(calc(-50% + 12px))}to{opacity:1;transform:translateY(-50%)}}@media(max-width:720px){.brand{top:.85rem;left:.85rem}.toolbar{top:auto;bottom:3.4rem;right:.75rem;left:.75rem;max-width:none;justify-content:center;gap:.3rem}.toolbar button{padding:.35rem .55rem;font-size:.82rem}.hint{white-space:normal;text-align:center;line-height:1.25}.rt-card{max-height:min(62dvh,30rem)}.roam-together.mission{align-items:start;padding:5.2rem .75rem 8.5rem}.roam-together.mission .rt-card{width:min(24rem,100%)}.rt-actions{flex-direction:column}.rt-actions button{width:100%}.progress{top:4.6rem;right:.85rem}.trail-status{top:7.1rem;right:.85rem}.map-legend{display:none}.panel{top:auto;bottom:7.2rem;transform:none;right:1rem;left:1rem;width:auto}.panel.hidden{display:none}.player-chooser{align-items:end;padding:.7rem}.chooser-card{max-height:calc(100dvh - 1.4rem);padding:1.2rem;border-radius:1.25rem}.chooser-card h1{font-size:2.2rem}.player-options{grid-template-columns:1fr}.player-option{min-height:3.7rem}.chooser-actions{flex-direction:column}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}