:root{--font-system: system-ui, -apple-system, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.75rem;--color-bg-dark: #1a1a2e;--color-bg-mid: #16213e;--color-bg-deep: #0f3460;--color-accent: #27AE60;--color-accent-dark: #219A52;--color-accent-rgb: 39, 174, 96;--color-gold: #ffd700;--color-gold-dark: #ff8c00;--color-gold-rgb: 255, 215, 0;--color-danger: #E74C3C;--color-danger-soft: #fc8181;--color-danger-rgb: 231, 76, 60;--color-trust-positive: #48bb78;--color-trust-negative: #fc8181;--color-trust-positive-light: #68d391;--color-trust-negative-light: #feb2b2;--color-text: #ffffff;--color-text-muted: #aaaaaa;--color-text-dim: #666666;--color-unlock: #7fff00;--glass-blur: 10px;--glass-bg: rgba(0, 0, 0, .6);--glass-bg-heavy: rgba(0, 0, 0, .85);--glass-bg-light: rgba(0, 0, 0, .4);--glass-border: rgba(255, 255, 255, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 9999px;--touch-min: 44px;--touch-primary: 56px;--touch-spacing: 8px;--z-canvas: 0;--z-panels: 100;--z-trail-hud: 150;--z-game-overlay: 200;--z-modal-panels: 300;--z-toast-low: 450;--z-toast-mid: 490;--z-toast-high: 500;--z-action-prompt: 1000;--z-mobile-base: 1050;--z-mobile-hud: 1060;--z-mobile-knob: 1070;--z-mobile-modal: 1100;--z-transition: 2000;--z-fullscreen: 9999;--z-splash: 10000;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in: cubic-bezier(.32, 0, .67, 0);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--panel-contain: layout style paint}@media(max-width:768px){:root{--glass-blur: 8px;--touch-min: 48px}}@media(prefers-reduced-transparency:reduce){:root{--glass-blur: 0px;--glass-bg: rgba(10, 10, 20, .95);--glass-bg-heavy: rgba(10, 10, 20, .98);--glass-bg-light: rgba(10, 10, 20, .9);--glass-border: rgba(255, 255, 255, .25)}}@media(prefers-contrast:more){:root{--glass-bg: rgba(0, 0, 0, .95);--glass-bg-heavy: rgba(0, 0, 0, .98);--glass-border: rgba(255, 255, 255, .4);--color-text-muted: #cccccc;--color-text-dim: #999999}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html{overscroll-behavior:none}body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;font-family:var(--font-system)}html,body{overscroll-behavior:none;-webkit-touch-callout:none;touch-action:none}#root{width:100vw;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}.hud-panel{contain:layout style paint;isolation:isolate}.hud-scroll{content-visibility:auto;contain-intrinsic-size:auto 48px}.hud-panel button,.hud-panel [role=button],.hud-interactive{touch-action:manipulation}@keyframes actionGlow{0%,to{box-shadow:0 0 0 4px rgba(var(--color-accent-rgb, 39,174,96),.3)}50%{box-shadow:0 0 12px 6px rgba(var(--color-accent-rgb, 39,174,96),.5)}}@keyframes fadeInDown{0%{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes questFlash{0%{opacity:1}to{opacity:0}}@keyframes questShake{0%,to{transform:translate(0)}15%{transform:translate(-3px,2px)}30%{transform:translate(3px,-2px)}45%{transform:translate(-2px,-1px)}60%{transform:translate(2px,1px)}75%{transform:translate(-1px,1px)}}@keyframes bounceIn{0%{opacity:0;transform:translate(-50%) scale(.3) translateY(-20px)}50%{opacity:1;transform:translate(-50%) scale(1.05) translateY(0)}70%{transform:translate(-50%) scale(.95) translateY(0)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}@keyframes sparkle{0%,to{box-shadow:0 0 4px rgba(var(--color-gold-rgb, 255,215,0),.2)}50%{box-shadow:0 0 16px rgba(var(--color-gold-rgb, 255,215,0),.5)}}.toast-enter{opacity:1;translate:0 0;transition:opacity var(--duration-normal, .25s) var(--ease-out),translate var(--duration-normal, .25s) var(--ease-out)}@starting-style{.toast-enter{opacity:0;translate:0 -12px}}.btn-press{transition:scale var(--duration-normal, .25s) cubic-bezier(.175,.885,.32,1.275),opacity var(--duration-fast, .15s) var(--ease-out),box-shadow var(--duration-normal, .25s) var(--ease-out),filter var(--duration-normal, .25s) var(--ease-out)}.btn-press:hover{scale:1.04;box-shadow:0 0 12px rgba(var(--color-gold-rgb, 255,215,0),.3);filter:brightness(1.1)}.btn-press:active{scale:.92;opacity:.9;box-shadow:none;filter:brightness(.95)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-reduced-transparency:reduce){[style*=backdrop-filter]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}:focus-visible{outline:2px solid var(--color-gold, #ffd700);outline-offset:2px}:focus:not(:focus-visible){outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}