*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.theme-dark{--bg-primary: rgba(8, 10, 24, .5);--bg-secondary: rgba(12, 14, 36, .4);--bg-canvas: #050714;--bg-app: #030510;--border-color: #1e2450;--text-primary: #e0e6ff;--text-secondary: #b0badc;--text-muted: #8290b8;--text-dimmed: #8892b8;--accent: #7b6eff;--accent-glow: rgba(123, 110, 255, .15);--accent-shadow: rgba(123, 110, 255, .4);--input-bg: #1a1e3a;--button-bg: rgba(18, 22, 48, .85);--button-border: #2e3566;--button-text: #8892b8;--banner-bg: rgba(8, 10, 24, .88);--accordion-bg: rgba(20, 30, 40, .92);--accordion-border: rgba(60, 80, 100, .5)}.theme-light{--bg-primary: rgba(240, 245, 255, .5);--bg-secondary: rgba(140, 170, 210, .35);--bg-canvas: #c8daf0;--bg-app: #b8cce6;--border-color: #a0b8d8;--text-primary: #1a2240;--text-secondary: #2d3a5c;--text-muted: #5a6a8a;--text-dimmed: #4a5a78;--accent: #4a6fff;--accent-glow: rgba(74, 111, 255, .12);--accent-shadow: rgba(74, 111, 255, .3);--input-bg: #a8bcd8;--button-bg: rgba(160, 185, 220, .7);--button-border: #8098be;--button-text: #2d3a5c;--banner-bg: rgba(240, 245, 255, .92);--accordion-bg: rgba(215, 228, 245, .92);--accordion-border: rgba(140, 170, 210, .6)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}a:visited{color:var(--accent)}.app{width:100vw;height:100vh;position:relative;background:var(--bg-app);touch-action:manipulation;-webkit-user-select:none;user-select:none;padding-bottom:env(safe-area-inset-bottom)}canvas{display:block;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.global-user-avatar{position:fixed;top:var(--zone-tr-row1-y);right:var(--zone-top-right-x);z-index:var(--z-avatar);width:44px;height:44px;border-radius:50%;border:2px solid rgba(100,200,255,.3);background:#0a0c1ecc;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:border-color .2s,transform .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.global-user-avatar:hover{border-color:#64c8ff99;transform:scale(1.08)}.global-user-avatar:active{transform:scale(.95)}.global-user-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.global-user-avatar-initials{font-size:14px;font-weight:600;color:#64c8ffcc;font-family:inherit}:root{--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--font-xs: 10px;--font-sm: 12px;--font-base: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--font-4xl: 28px;--font-5xl: 32px}.theme-dark{--color-success: #00FF88;--color-danger: #FF4444;--color-warning: #FFD700;--color-info: #4FC3F7;--color-success-bg: rgba(0, 255, 136, .15);--color-danger-bg: rgba(255, 68, 68, .15);--color-warning-bg: rgba(255, 215, 0, .15);--color-info-bg: rgba(79, 195, 247, .2);--color-success-border: rgba(0, 255, 136, .4);--color-danger-border: rgba(255, 68, 68, .4);--color-warning-border: rgba(255, 215, 0, .4);--color-info-border: rgba(79, 195, 247, .4);--glass-subtle: rgba(255, 255, 255, .03);--glass-faint: rgba(255, 255, 255, .05);--glass-light: rgba(255, 255, 255, .06);--glass-medium: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .1);--glass-bold: rgba(255, 255, 255, .12);--overlay-heavy: rgba(0, 0, 0, .85);--overlay-medium: rgba(0, 0, 0, .7);--overlay-light: rgba(0, 0, 0, .6)}.theme-light{--color-success: #00C866;--color-danger: #E53935;--color-warning: #F9A825;--color-info: #0288D1;--color-success-bg: rgba(0, 200, 102, .15);--color-danger-bg: rgba(229, 57, 53, .12);--color-warning-bg: rgba(249, 168, 37, .15);--color-info-bg: rgba(2, 136, 209, .12);--color-success-border: rgba(0, 200, 102, .4);--color-danger-border: rgba(229, 57, 53, .35);--color-warning-border: rgba(249, 168, 37, .4);--color-info-border: rgba(2, 136, 209, .35);--glass-subtle: rgba(0, 0, 0, .02);--glass-faint: rgba(0, 0, 0, .04);--glass-light: rgba(0, 0, 0, .05);--glass-medium: rgba(0, 0, 0, .06);--glass-strong: rgba(0, 0, 0, .08);--glass-bold: rgba(0, 0, 0, .1);--overlay-heavy: rgba(0, 0, 0, .65);--overlay-medium: rgba(0, 0, 0, .5);--overlay-light: rgba(0, 0, 0, .4)}@media (pointer: coarse){button,[role=button],input[type=submit],input[type=button]{min-height:44px;min-width:44px}.admin-panel button,.admin-panel [role=button],.perf-hud button{min-height:auto;min-width:auto}}.btn-destructive{color:var(--color-danger, #FF4444);border-color:var(--color-danger, #FF4444)}.btn-destructive:hover{background:var(--color-danger-bg, rgba(255, 68, 68, .15))}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bar-height: 56px;--bar-top: calc(var(--bar-height) + var(--safe-bottom));--zone-bottom-clear: calc(var(--bar-top) + var(--space-sm));--zone-top-start: var(--space-lg);--zone-top-right-x: var(--space-md);--zone-left-x: 20px;--zone-right-x: 20px;--zone-tr-row1-y: var(--zone-top-start);--zone-tr-row2-y: calc(var(--zone-top-start) + 52px);--z-base: 5;--z-hud: 20;--z-controls: 50;--z-bar: 100;--z-vfx: 200;--z-avatar: 900;--z-game-modal: 1000;--z-info-card: 1200;--z-sidebar: 1400;--z-toast: 1500;--z-discovery: 1600;--z-star-toast: 1700;--z-setup: 2000;--z-tour: 3000;--z-achieve: 5000;--z-system: 9000;--z-critical: 10000;--z-tooltip: 99999}@media (max-width: 1024px){:root{--bar-height: 48px;--zone-top-start: var(--space-md);--zone-left-x: var(--space-md);--zone-right-x: var(--space-md)}}@media (max-width: 768px){:root{--bar-height: 48px;--zone-top-start: 10px;--zone-left-x: var(--space-sm);--zone-right-x: var(--space-sm);--zone-tr-row2-y: calc(var(--zone-top-start) + 44px)}}@media (max-width: 480px){:root{--bar-height: 48px;--zone-left-x: var(--space-sm);--zone-right-x: var(--space-sm)}}@media (orientation: landscape){:root{--zone-left-x: calc(var(--safe-left) + var(--space-md));--zone-right-x: calc(var(--safe-right) + var(--space-md))}}.swipe-grabber{width:36px;height:4px;border-radius:2px;background:#ffffff4d;margin:8px auto 4px;flex-shrink:0}@media (pointer: fine){.swipe-grabber{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#0a0a1a;color:var(--color-info)}.loading-spinner{position:relative;width:60px;height:60px}.loading-spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:var(--color-info);border-radius:50%;animation:loading-spin 1.2s linear infinite}.loading-spinner-ring--delayed{border-top-color:transparent;border-right-color:#4fc3f780;animation-delay:.3s}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-spinner-text{margin-top:16px;font-size:14px;color:#888;letter-spacing:1px}@media (max-width: 480px){.loading-spinner{width:45px;height:45px}.loading-spinner-ring{border-width:2.5px}.loading-spinner-text{font-size:13px;margin-top:14px}}