:root{--augosol-brown: #68350B;--augosol-green: #22c55e;--augosol-amber: #f59e0b;--augosol-dark: #2a1a0e;--augosol-cream: #f5e6d0;--augosol-taupe: #9c907d;--nature-color: #4a7c3a;--ethical-sport-color: #c77b2e;--wellness-color: #6b8e6b;--intensive-color: #8c2f2f;--neglect-color: #7a7a6a;--showpiece-color: #b8860b;--font-display: "Unbounded", "Segoe UI", system-ui, sans-serif;--font-main: "Kumbh Sans", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}body{overflow:hidden;background:var(--augosol-dark);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.webgl{position:fixed;top:0;left:0;width:100%;height:100%;outline:none;touch-action:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity 1s cubic-bezier(.16,1,.3,1)}.overlay.hidden{opacity:0;pointer-events:none}#loading-screen{background:var(--augosol-dark)}#loading-screen.exit .loading-logo{animation:loadingLogoExit .8s cubic-bezier(.16,1,.3,1) both}#loading-screen.exit .loading-message{animation:loadingCounterExit .6s .1s cubic-bezier(.16,1,.3,1) both}#loading-screen.exit .loading-counter{animation:loadingCounterExit .6s .12s cubic-bezier(.16,1,.3,1) both}#loading-screen.exit .loading-line-track{animation:loadingLineExit .7s .05s cubic-bezier(.16,1,.3,1) both}#loading-screen.exit .loading-glow{animation:loadingGlowExit 1s cubic-bezier(.16,1,.3,1) both}.loading-content{text-align:center;color:var(--augosol-cream);display:flex;flex-direction:column;align-items:center;position:relative}.loading-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:0px;height:0px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.12) 0%,transparent 70%);pointer-events:none;transition:width 1.5s cubic-bezier(.16,1,.3,1),height 1.5s cubic-bezier(.16,1,.3,1)}.loading-logo{width:72px;height:auto;margin-bottom:2.5rem;opacity:0;position:relative;z-index:1;animation:loadingLogoIn 1.6s .2s cubic-bezier(.16,1,.3,1) both}@keyframes loadingLogoIn{0%{opacity:0;transform:scale(.8) translateY(8px);filter:blur(6px)}60%{filter:blur(0)}to{opacity:.9;transform:scale(1) translateY(0);filter:blur(0)}}.loading-message{position:relative;z-index:1;margin-bottom:.75rem;opacity:0;animation:loadingCounterIn 1s .6s cubic-bezier(.16,1,.3,1) both;display:flex;align-items:baseline;gap:0}@keyframes loadingCounterIn{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes loadingCounterFadeIn{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:.28;transform:translateY(0);filter:blur(0)}}.loading-text{font-family:var(--font-main);font-size:.95rem;font-weight:300;letter-spacing:.02em;color:var(--augosol-cream);opacity:.55;transition:opacity .25s ease}.loading-text.fade-out{opacity:0}.loading-dots{font-family:var(--font-main);font-size:.95rem;font-weight:300;color:var(--augosol-cream);opacity:.55;display:inline-block;width:1.5em;text-align:left}.loading-counter{position:relative;z-index:1;font-family:var(--font-mono);font-size:.7rem;font-weight:400;color:var(--augosol-cream);margin-bottom:2rem;letter-spacing:.03em;opacity:0;animation:loadingCounterFadeIn .8s .75s cubic-bezier(.16,1,.3,1) both;transition:opacity .3s ease}.loading-line-track{width:120px;height:1px;background:#f5e6d00f;border-radius:1px;position:relative;overflow:hidden;opacity:0;animation:loadingLineIn .8s .8s cubic-bezier(.16,1,.3,1) both}@keyframes loadingLineIn{0%{opacity:0;width:0}to{opacity:1;width:120px}}.loading-line{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,transparent,var(--augosol-amber),transparent);border-radius:1px}@keyframes loadingLogoExit{to{opacity:0;transform:scale(1.08);filter:blur(8px)}}@keyframes loadingCounterExit{to{opacity:0;transform:translateY(-15px);filter:blur(6px)}}@keyframes loadingLineExit{to{opacity:0;width:0}}@keyframes loadingGlowExit{to{opacity:0;transform:translate(-50%,-60%) scale(2)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}#welcome-screen{background:radial-gradient(ellipse at 50% 40%,#2a1a0ebf,#2a1a0ef2 70%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.welcome-content{text-align:center;color:var(--augosol-cream);max-width:680px;padding:2rem;display:flex;flex-direction:column;align-items:center}.welcome-logo{width:64px;height:auto;margin-bottom:2.5rem;opacity:0}#welcome-screen.active .welcome-logo{animation:fadeSlideUp .8s .1s cubic-bezier(.16,1,.3,1) both}.welcome-headline{font-family:var(--font-display);font-weight:200;line-height:1.2;letter-spacing:-.01em;margin-bottom:1.2rem;display:flex;flex-direction:column}.headline-line{display:block;font-size:2.4rem;opacity:0}#welcome-screen.active .headline-line{animation:headlineIn 1s cubic-bezier(.16,1,.3,1) both}#welcome-screen.active .headline-line:nth-child(1){animation-delay:.2s}#welcome-screen.active .headline-line:nth-child(2){animation-delay:.35s}.headline-accent{background:linear-gradient(135deg,var(--augosol-cream) 0%,var(--augosol-amber) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes headlineIn{0%{opacity:0;transform:translateY(20px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.welcome-tagline{font-family:var(--font-main);font-size:1rem;font-weight:300;line-height:1.7;opacity:0;max-width:380px;margin-bottom:2.5rem;letter-spacing:.01em}#welcome-screen.active .welcome-tagline{animation:fadeSlideUp .8s .5s cubic-bezier(.16,1,.3,1) both}.controls-row{display:flex;align-items:center;gap:.8rem;margin-bottom:2.5rem;opacity:0;flex-wrap:wrap;justify-content:center}#welcome-screen.active .controls-row{animation:fadeSlideUp .6s .65s cubic-bezier(.16,1,.3,1) both}.control-hint{font-family:var(--font-main);font-size:.75rem;font-weight:300;color:var(--augosol-cream);opacity:.45;white-space:nowrap}.key-inline{font-family:var(--font-display);font-size:.65rem;font-weight:400;letter-spacing:.04em;padding:.2rem .5rem;background:#f5e6d014;border:1px solid rgba(245,230,208,.12);border-radius:4px;margin-right:.35rem;color:var(--augosol-cream);opacity:.7}.control-sep{width:3px;height:3px;border-radius:50%;background:#f5e6d033;flex-shrink:0}.btn-start{display:inline-flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#f59e0b2e,#f59e0b14);border:1px solid rgba(245,158,11,.45);color:var(--augosol-cream);padding:1rem 2.4rem;font-size:.9rem;font-family:var(--font-main);font-weight:400;cursor:pointer;border-radius:50px;letter-spacing:.03em;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;opacity:0}#welcome-screen.active .btn-start{animation:fadeSlideUp .8s .8s cubic-bezier(.16,1,.3,1) both}.btn-start:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#f59e0b4d,#f59e0b0d);opacity:0;transition:opacity .4s ease;border-radius:inherit}.btn-start:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(245,158,11,.2) 0%,transparent 70%);border-radius:50%;transition:width .6s ease,height .6s ease;transform:translate(-50%,-50%);pointer-events:none}.btn-start:hover{border-color:var(--augosol-amber);transform:translateY(-2px);box-shadow:0 8px 40px #f59e0b33,0 0 0 1px #f59e0b1a}.btn-start:hover:before{opacity:1}.btn-start:hover:after{width:300px;height:300px}.btn-text{position:relative;z-index:1}.btn-arrow{position:relative;z-index:1;font-size:1.1rem;transition:transform .4s cubic-bezier(.16,1,.3,1)}.btn-start:hover .btn-arrow{transform:translate(5px)}.welcome-footer{font-size:.72rem;font-weight:300;letter-spacing:.03em;opacity:0;margin-top:2.5rem}#welcome-screen.active .welcome-footer{animation:fadeSlideUp .6s .95s cubic-bezier(.16,1,.3,1) both}.hud{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;transition:opacity .5s ease}.hud.hidden{opacity:0}.minimap{position:absolute;top:20px;right:20px;width:150px;height:150px;border-radius:50%;overflow:visible}.minimap-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(245,230,208,.15);box-shadow:inset 0 0 20px #0000004d,0 4px 20px #0000004d;pointer-events:none;z-index:2}#minimap-canvas{width:100%;height:100%;display:block;border-radius:50%}.minimap-cardinal{position:absolute;font-family:var(--font-display);font-size:.6rem;font-weight:700;color:var(--augosol-amber);opacity:.9;pointer-events:none;z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.6)}.speed-indicator{position:absolute;bottom:30px;left:30px;color:#f5e6d099;font-family:var(--font-display);font-size:.75rem;font-weight:200;letter-spacing:.04em;text-shadow:0 1px 6px rgba(0,0,0,.5)}.quest-banner{position:fixed;top:20px;left:20px;background:#2a1a0ea6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:0;border-radius:30px;border:1px solid rgba(245,158,11,.3);color:var(--augosol-cream);z-index:12;pointer-events:none;transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.quest-banner.hidden{opacity:0;transform:translateY(-15px) scale(.95)}.quest-banner-inner{display:flex;align-items:center;gap:10px;padding:10px 22px 10px 14px;position:relative;z-index:1}.quest-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f59e0b26;border-radius:50%;color:var(--augosol-amber);flex-shrink:0}.quest-text-group{display:flex;flex-direction:column;gap:1px}.quest-step{font-family:var(--font-display);font-size:.6rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--augosol-amber);opacity:.9}.quest-text-main{font-family:var(--font-main);font-size:.85rem;font-weight:300;letter-spacing:.02em;line-height:1.3}.quest-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(245,158,11,.08) 40%,rgba(245,158,11,.15) 50%,rgba(245,158,11,.08) 60%,transparent 100%);pointer-events:none}.quest-banner.shimmer-active .quest-shimmer{animation:questShimmer 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes questShimmer{0%{left:-100%}to{left:200%}}.quest-banner:not(.hidden){animation:questGlow 2s ease-in-out .5s 2}@keyframes questGlow{0%,to{border-color:#f59e0b4d;box-shadow:none}50%{border-color:#f59e0b99;box-shadow:0 0 20px #f59e0b1a}}.interaction-prompt{position:fixed;bottom:25%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#2a1a0e99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 20px;border-radius:25px;color:var(--augosol-cream);font-family:var(--font-main);font-size:.95rem;z-index:20;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.interaction-prompt.hidden{opacity:0;transform:translate(-50%) translateY(10px)}.key-hint{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f59e0b33;border:1px solid rgba(245,158,11,.4);border-radius:6px;font-size:.8rem;font-weight:600;font-family:var(--font-display);animation:keyPulse 1.5s ease-in-out infinite}@keyframes keyPulse{0%,to{opacity:.7}50%{opacity:1}}.location-panel{position:fixed;top:0;right:0;width:380px;height:100%;z-index:30;display:flex;align-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s ease;pointer-events:none}.location-panel.hidden{transform:translate(100%);opacity:0}.location-panel:not(.hidden){pointer-events:auto}.panel-content{width:100%;margin-right:20px;background:#2a1a0eeb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:2rem;color:var(--augosol-cream);border:1px solid rgba(245,230,208,.08)}.panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.panel-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.panel-header h2{font-family:var(--font-display);font-size:1.2rem;font-weight:400;letter-spacing:.03em}.panel-description{font-size:.9rem;font-weight:300;line-height:1.75;opacity:.75;margin-bottom:1.5rem}.ethical-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .7rem;border-radius:20px;font-size:.7rem;font-weight:400;margin-top:.3rem}.ethical-badge.ethical{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.ethical-badge.unethical{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.panel-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.feature-tag{background:#f5e6d014;border-radius:20px;padding:.3rem .8rem;font-size:.72rem;font-weight:300;opacity:.8}.feature-tag.ethical{background:#22c55e1a;color:#6ee7a0}.feature-tag.unethical{background:#f59e0b1a;color:#fbbf4d}.panel-actions{display:flex;flex-direction:column;gap:.6rem}.btn-choose{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:var(--augosol-cream);padding:.7rem 1.5rem;font-size:.9rem;font-family:var(--font-main);font-weight:400;cursor:pointer;border-radius:8px;transition:all .3s ease}.btn-choose:hover{background:#f59e0b40}.btn-continue{background:none;border:none;color:#f5e6d099;padding:.5rem;font-size:.85rem;font-family:var(--font-main);font-weight:300;cursor:pointer;transition:color .3s ease}.btn-continue:hover{color:var(--augosol-cream)}#celebration-screen{background:radial-gradient(ellipse at center,#2a1a0ed1,#2a1a0ef2 70%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.celebration-content{text-align:center;color:var(--augosol-cream);max-width:600px;padding:2rem;display:flex;flex-direction:column;align-items:center;position:relative}.celebration-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:420px;height:420px;border-radius:50%;pointer-events:none;opacity:0;animation:celebGlowIn 1.2s .2s cubic-bezier(.16,1,.3,1) both}@keyframes celebGlowIn{0%{opacity:0;transform:translate(-50%,-55%) scale(.6)}to{opacity:1;transform:translate(-50%,-55%) scale(1)}}.celebration-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:1;animation:fadeSlideUp .8s .25s cubic-bezier(.16,1,.3,1) both}.celebration-icon svg{width:32px;height:32px}.celebration-content h1{font-family:var(--font-display);font-size:2.5rem;font-weight:200;letter-spacing:.04em;margin-bottom:1rem;position:relative;z-index:1;animation:fadeSlideUp .8s .3s cubic-bezier(.16,1,.3,1) both}.celebration-content p{font-size:.95rem;font-weight:300;line-height:1.7;letter-spacing:.01em;opacity:.7;margin-bottom:2.5rem;max-width:420px;text-align:left;position:relative;z-index:1;animation:fadeSlideUp .8s .45s cubic-bezier(.16,1,.3,1) both}.celebration-content .btn-start{animation:fadeSlideUp .8s .7s cubic-bezier(.16,1,.3,1) both}.celebration-content .ethical-result{color:#22c55e}.celebration-content .unethical-result{color:#f59e0b}.celebration-footer{font-size:.78rem;font-weight:300;letter-spacing:.03em;opacity:.45;margin-top:2rem;margin-bottom:0;animation:fadeSlideUp .6s .85s cubic-bezier(.16,1,.3,1) both}.touch-controls{position:fixed;bottom:0;left:0;width:100%;height:100%;z-index:15;pointer-events:none;transition:opacity .3s ease}.touch-controls.hidden{opacity:0;pointer-events:none!important}.joystick-zone{position:absolute;bottom:30px;right:30px;width:130px;height:130px;pointer-events:auto;touch-action:none}.joystick-base{width:100%;height:100%;border-radius:50%;background:#2a1a0e66;border:1px solid rgba(245,230,208,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 20px #00000040}.joystick-thumb{width:44px;height:44px;border-radius:50%;background:#f5e6d01f;border:1.5px solid rgba(245,230,208,.2);box-shadow:0 0 12px #f59e0b14;position:absolute;transition:none}.touch-buttons{position:absolute;bottom:30px;left:24px;display:flex;flex-direction:column;gap:14px;pointer-events:auto;touch-action:none;align-items:center}.touch-btn-group{display:flex;flex-direction:column;align-items:center;gap:5px}.touch-btn-label{font-family:var(--font-main);font-size:.65rem;font-weight:400;color:var(--augosol-cream);opacity:.7;letter-spacing:.03em;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.6)}.touch-btn{width:56px;height:56px;border-radius:50%;border:1px solid rgba(245,230,208,.15);background:#2a1a0e73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--augosol-cream);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-shadow:0 2px 20px #00000040;transition:transform .15s ease,background .15s ease,border-color .15s ease}.touch-btn:active,.touch-btn.active{background:#f59e0b2e;border-color:#f59e0b59;transform:scale(.92)}.touch-gallop,.touch-interact{opacity:.8}.control-icon{display:flex;align-items:center;justify-content:center;color:var(--augosol-cream);opacity:.7}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}.quest-banner{top:calc(12px + env(safe-area-inset-top,0px));left:12px;max-width:calc(100vw - 150px)}.quest-text-main{font-size:.75rem}.quest-icon{width:24px;height:24px}.quest-icon svg{width:12px;height:12px}.quest-step{font-size:.55rem}.loading-logo{width:56px}.loading-message{margin-bottom:.6rem}.loading-text,.loading-dots{font-size:.85rem}.loading-counter{font-size:.65rem;margin-bottom:1.5rem}.loading-line-track{width:80px}@keyframes loadingLineIn{0%{opacity:0;width:0}to{opacity:1;width:80px}}.welcome-content{padding:1.5rem}.welcome-logo{width:52px;margin-bottom:2rem}.headline-line{font-size:1.6rem}.welcome-tagline{font-size:.95rem;line-height:1.7;max-width:none;padding:0 .5rem}.controls-row.mobile-only{gap:.6rem}.control-hint{font-size:.8rem}.btn-start{padding:.95rem 1.8rem;font-size:1rem;width:100%;justify-content:center}.welcome-footer{margin-top:1.5rem;font-size:.75rem}.minimap{width:110px;height:110px;top:calc(12px + env(safe-area-inset-top,0px));right:12px}.minimap-cardinal{font-size:.5rem}.speed-indicator{bottom:160px;left:50%;transform:translate(-50%)}.interaction-prompt{bottom:45%;font-size:.85rem;pointer-events:auto;cursor:pointer;border:1px solid rgba(245,158,11,.4);animation:promptPulse 2s ease-in-out infinite;white-space:nowrap;max-width:calc(100vw - 40px)}.key-hint{display:none}@keyframes promptPulse{0%,to{border-color:#f59e0b33}50%{border-color:#f59e0b99;box-shadow:0 0 15px #f59e0b33}}.location-panel{inset:auto 0 0;width:100%;height:auto;max-height:70vh;align-items:flex-end}.location-panel.hidden{transform:translateY(100%)}.panel-content{margin-right:0;border-radius:20px 20px 0 0;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));max-height:70vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-header h2{font-size:1.05rem}.panel-description{font-size:1rem}.ethical-badge,.feature-tag{font-size:.8125rem}.btn-choose{font-size:1rem;padding:.85rem 1.5rem;min-height:44px}.btn-continue{font-size:1rem;min-height:44px}.celebration-glow{width:300px;height:300px}.celebration-icon{width:52px;height:52px;margin-bottom:1.2rem}.celebration-icon svg{width:26px;height:26px}.celebration-content h1{font-size:1.8rem}.celebration-content p{font-size:1rem;max-width:320px;padding:0 1rem}.celebration-content .btn-start{font-size:1rem;width:100%;justify-content:center}.celebration-footer{font-size:.875rem}.joystick-zone,.touch-buttons{bottom:calc(30px + env(safe-area-inset-bottom,0px))}.touch-btn{min-width:56px;min-height:56px}}@media(max-width:400px){.welcome-logo{width:90px}.welcome-tagline{font-size:1rem}.joystick-zone{width:110px;height:110px;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:20px}.joystick-thumb{width:36px;height:36px}.touch-buttons{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:16px;gap:10px}.touch-btn{width:50px;height:50px;min-width:50px;min-height:50px}}