@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@600;700&display=swap";:root{--forest:#173f37;--leaf:#2f704c;--lime:#d7f26a;--cream:#fff8e7;--orange:#f28a3a;--ink:#18332e}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:DM Sans,sans-serif;color:var(--ink);background:#7bc6d8}button{font:inherit}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.glass{background:#fffcefe0;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 36px #173f3729;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}[data-time=night] .glass{background:#e7f1eae6;border-color:#c5e7d773;box-shadow:0 14px 38px #0210194d}.topbar{position:fixed;top:18px;left:18px;right:18px;height:68px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 12px;z-index:10}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--forest);text-align:left;cursor:pointer;padding:0}.brand-mark,.load-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--cream);font:700 14px Fredoka;background:linear-gradient(145deg,#3c8857,#1e5843);box-shadow:inset 0 0 0 2px #fff3}.brand b{display:block;font:700 21px/20px Fredoka;letter-spacing:-.5px}.brand small{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#72847e;text-transform:uppercase}.park-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#6d7e79}.park-status i{width:8px;height:8px;border-radius:50%;background:#58b96c;box-shadow:0 0 0 4px #58b96c2b}.park-status b{color:var(--forest);margin-left:8px}.header-actions{display:flex;gap:8px}.icon-button,.panel-close,.card-close,#helpClose{width:44px;height:44px;border:0;border-radius:12px;background:#173f370f;color:var(--forest);font-weight:800;cursor:pointer;font-size:19px}.mode-button{height:44px;border:0;border-radius:13px;background:var(--forest);color:#fff;padding:0 18px;display:flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 7px 18px #173f373d}.mode-button span{color:var(--lime);font-size:20px}.explore-panel{position:fixed;top:104px;left:18px;bottom:18px;width:318px;border-radius:22px;padding:18px;z-index:9;display:flex;flex-direction:column;transition:.35s cubic-bezier(.2,.8,.2,1)}.explore-panel.hidden{transform:translate(-350px);opacity:0;pointer-events:none}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading small,.help-modal>small{font-size:10px;font-weight:800;letter-spacing:2px;color:#7b918a}.panel-heading h2{font:700 25px Fredoka;margin:2px 0 10px}.panel-close{width:34px;height:34px}.zone-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#173f370f;padding:4px;border-radius:11px;margin:3px 0 13px}.zone-tabs button{border:0;background:none;font-size:10px;font-weight:700;padding:8px 2px;border-radius:8px;color:#73837e;cursor:pointer}.zone-tabs button.active{background:#fff;color:var(--forest);box-shadow:0 2px 8px #173f3717}.attraction-list{overflow:auto;padding-right:3px;display:flex;flex-direction:column;gap:7px}.attraction-list::-webkit-scrollbar{width:4px}.attraction-list::-webkit-scrollbar-thumb{background:#b7c5bc;border-radius:4px}.attraction-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:9px;border:0;border-radius:12px;background:#ffffff8f;text-align:left;color:var(--forest);cursor:pointer;transition:.2s}.attraction-item:hover,.attraction-item.active{background:#fff;transform:translate(2px);box-shadow:0 5px 14px #173f3717}.attraction-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:#e4edb8}.attraction-item b{display:block;font-size:13px}.attraction-item small{font-size:10px;color:#7a8b85}.wait{font-size:10px;font-weight:800;padding:5px 7px;border-radius:8px;background:#e9f4df;color:#3c7647}.wait.busy{background:#fff0da;color:#bb6b24}.map-toggle{position:fixed;left:18px;top:104px;border:0;border-radius:13px;padding:12px 15px;font-weight:700;color:var(--forest);z-index:8;cursor:pointer;opacity:0;transform:translate(-20px);pointer-events:none;transition:.25s}.map-toggle.visible{opacity:1;transform:none;pointer-events:auto}.compass{position:fixed;right:22px;top:104px;width:54px;height:54px;border-radius:50%;z-index:8;display:grid;place-items:center;font-size:10px;font-weight:800;color:var(--forest)}.compass i{position:absolute;width:2px;height:20px;background:linear-gradient(var(--orange) 50%,var(--forest) 50%);clip-path:polygon(50% 0,100% 50%,70% 50%,70% 100%,30% 100%,30% 50%,0 50%)}.compass span{position:absolute;top:3px}.attraction-card{position:fixed;right:22px;bottom:22px;width:310px;border-radius:20px;padding:20px;z-index:8;transform:translateY(130%);opacity:0;transition:.35s cubic-bezier(.2,.8,.2,1)}.attraction-card.visible{transform:none;opacity:1}.card-close{position:absolute;right:12px;top:12px;width:32px;height:32px}.card-kicker{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#7b918a}.attraction-card h2{font:700 27px Fredoka;margin:4px 35px 4px 0}.attraction-card p{font-size:13px;line-height:1.45;color:#667a74;margin:0 0 14px}.ride-stats{display:flex;gap:25px;border-top:1px solid rgba(23,63,55,.1);padding:12px 0}.ride-stats span{display:flex;flex-direction:column}.ride-stats small{font-size:8px;letter-spacing:1px;color:#8a9b96}.ride-stats b{font-size:13px}.card-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}.primary-button,.secondary-button{border:0;border-radius:11px;padding:12px;font-weight:800;font-size:12px;cursor:pointer}.primary-button{background:var(--forest);color:#fff}.secondary-button{background:#e8eee9;color:var(--forest)}.view-hint{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:7;border-radius:14px;padding:9px 14px;display:flex;gap:10px;align-items:center;transition:.3s}.view-hint.hidden{opacity:0;transform:translate(-50%,20px)}.mouse-icon{width:32px;height:32px;border-radius:9px;background:var(--forest);color:#fff;display:grid;place-items:center}.view-hint p{margin:0}.view-hint b,.view-hint small{display:block;font-size:11px}.view-hint small{color:#74857f;font-size:9px;margin-top:2px}.first-person-hud{display:none;position:fixed;inset:0;z-index:6;pointer-events:none}.first-person-hud.visible{display:block}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}.crosshair i{position:absolute;background:#fff;box-shadow:0 1px 3px #0008}.crosshair i:first-child{width:18px;height:2px;top:10px;left:2px}.crosshair i:last-child{width:2px;height:18px;top:2px;left:10px}.walk-hint{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:7px;border-radius:12px;padding:8px 12px;font-size:10px}.walk-hint b{padding:5px 7px;background:var(--forest);color:#fff;border-radius:5px;letter-spacing:2px}.walk-hint span{color:#71837d}.interact-button{display:none;position:absolute;bottom:78px;left:50%;transform:translate(-50%);border:0;border-radius:13px;background:var(--lime);color:var(--forest);padding:9px 15px;font-weight:900;box-shadow:0 6px 18px #0003}.interact-button.visible{display:block}.interact-button span{font-weight:700;margin-left:6px}.joystick,.look-zone{display:none}.ride-hud{display:none;position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:12;border-radius:15px;padding:9px 10px 9px 16px;align-items:center;gap:20px}.ride-hud.visible{display:flex}.ride-hud small,.ride-hud b{display:block}.ride-hud small{font-size:8px;letter-spacing:1.4px;color:#81918c}.ride-hud b{font:700 16px Fredoka}.ride-hud button{border:0;border-radius:9px;background:var(--forest);color:#fff;padding:9px 12px;font-weight:700;cursor:pointer}.ride-look{display:flex;align-items:center;gap:7px;padding-left:16px;border-left:1px solid rgba(23,63,55,.13)}.ride-look span{width:25px;height:25px;border-radius:8px;background:#e7eee9;display:grid;place-items:center;font-size:12px}.ride-look small{white-space:nowrap;font-weight:800}.toast{position:fixed;left:50%;top:105px;transform:translate(-50%,-15px);background:var(--forest);color:#fff;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:700;z-index:20;opacity:0;transition:.25s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;inset:0;background:#0b2a2573;z-index:30;display:none;place-items:center;padding:20px}.modal-backdrop.visible{display:grid}.help-modal{position:relative;max-width:580px;border-radius:24px;padding:27px}.help-modal h2{font:700 30px Fredoka;margin:4px 0 18px}.help-modal #helpClose{position:absolute;right:14px;top:14px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.help-grid div{background:#ffffffb3;padding:13px;border-radius:13px}.help-grid b{font-size:13px}.help-grid p{font-size:11px;line-height:1.5;color:#657872;margin:5px 0 0}.help-modal>.primary-button{width:100%}.loading-screen{position:fixed;inset:0;background:#f6ebc9;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s;overflow:hidden}.loading-screen.done{opacity:0;visibility:hidden}.sunburst{position:absolute;width:120vmax;height:120vmax;background:repeating-conic-gradient(from 0deg,rgba(239,187,90,.09) 0 10deg,transparent 10deg 20deg);animation:spin 18s linear infinite}.load-mark{width:72px;height:72px;border-radius:21px;font-size:22px;z-index:1}.loading-screen h1{font:700 40px Fredoka;margin:15px 0 0;z-index:1}.loading-screen p{font-size:12px;letter-spacing:1px;color:#71847e;z-index:1}.load-track{width:180px;height:5px;background:#d9d7b8;border-radius:5px;z-index:1;overflow:hidden}.load-track i{display:block;width:70%;height:100%;background:var(--forest);border-radius:5px;animation:load 1.2s ease-in-out infinite alternate}@keyframes spin{to{transform:rotate(1turn)}}@keyframes load{0%{transform:translate(-80%)}to{transform:translate(90%)}}@media(max-width:760px){.topbar{top:10px;left:10px;right:10px;height:58px;border-radius:16px}.brand-mark{width:38px;height:38px}.brand b{font-size:17px}.brand small,.park-status,.header-actions .icon-button{display:none}.header-actions #timeButton{display:grid;width:38px;height:38px}.mode-button{height:38px;padding:0 12px}.mode-button b{font-size:11px}.explore-panel{inset:auto 10px 10px;width:auto;height:55vh;padding:15px}.explore-panel.hidden{transform:translateY(110%)}.map-toggle{left:10px;top:78px}.compass{top:78px;right:10px}.attraction-card{left:10px;right:10px;bottom:10px;width:auto}.view-hint{bottom:12px;white-space:nowrap}.walk-hint{display:none}.joystick{display:block;position:absolute;left:24px;bottom:28px;width:92px;height:92px;border:1px solid #ffffff88;background:#173f3744;border-radius:50%;pointer-events:auto}.joystick i{position:absolute;width:38px;height:38px;left:27px;top:27px;border-radius:50%;background:#fff9;box-shadow:0 4px 12px #0002}.look-zone{display:block;position:absolute;right:0;top:70px;width:55%;bottom:0;pointer-events:auto}.interact-button{bottom:130px}.help-grid{grid-template-columns:1fr}.help-modal{max-height:85vh;overflow:auto}.ride-hud{bottom:14px;gap:10px;max-width:calc(100% - 20px)}.ride-look{display:none}.attraction-list{padding-bottom:12px}}