@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg: #0F172A;--surface: #1E293B;--surface-2: #334155;--surface-hover: #475569;--text: rgba(248,250,252,.95);--text-secondary: rgba(203,213,225,.85);--muted: rgba(148,163,184,.75);--border: rgba(71,85,105,.4);--border-strong: rgba(100,116,139,.6);--accent: #3B82F6;--accent-hover: #2563EB;--accent-contrast: #FFFFFF;--focus: rgba(59, 130, 246, .4);--radius: 16px;--radius-sm: 12px;--radius-xs: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--ease: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--sidebar-width: 320px;--btn-bg: var(--surface-2);--btn-text: var(--text);--btn-border: var(--border);--btn-hover-bg: var(--surface-hover);--btn-active-bg: #1E293B;--btn-disabled-opacity: .5;--btn-primary-bg: var(--accent);--btn-primary-text: var(--accent-contrast);--btn-primary-hover-bg: var(--accent-hover);--btn-primary-active-bg: #1D4ED8;--appbar-h: 60px;--team-red: #EF4444;--team-blue: #3B82F6;--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-surface: linear-gradient(180deg, rgba(51, 65, 85, .8) 0%, rgba(30, 41, 59, .95) 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.06) 50%, transparent 100%);--color-text: var(--text);--color-background: var(--surface);--color-background-soft: var(--surface);--color-background-mute: var(--surface-2);--color-border: var(--border);--color-border-hover: var(--border-strong);--color-accent: var(--accent)}@media (min-width: 1024px){:root{--appbar-h: 72px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;min-height:100vh}:root{--mobile-padding: 1rem;--tablet-padding: 1.5rem;--desktop-padding: 2rem;--mobile-border-radius: 12px;--desktop-border-radius: 16px;--touch-target-size: 44px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .3s var(--ease-out),background-color .3s var(--ease-out);line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;letter-spacing:-.011em}@media (max-width: 768px){body{font-size:14px;line-height:1.5}}html,body{max-width:100%;overflow-x:hidden}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f666}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#app{max-width:100%;margin:0 auto;padding:0;font-weight:400;min-height:100vh;overflow-x:hidden}@media (max-width: 768px){#app{padding:0}}@media (min-width: 769px) and (max-width: 1024px){#app{padding:1rem}}@media (min-width: 1025px){#app{max-width:1400px;padding:2rem}}@media (max-width: 768px){input,textarea,select{font-size:16px!important}}@media (hover: none) and (pointer: coarse){button,.nav-btn,.control-btn{min-height:44px;min-width:44px}.play-action-btn{min-height:32px;min-width:32px}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{-webkit-tap-highlight-color:transparent}@supports (padding: max(0px)){.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-right{padding-right:max(1rem,env(safe-area-inset-right))}}.tour-highlight{position:relative;box-shadow:0 0 0 3px var(--accent);border-radius:999px;z-index:3001}.shepherd-element{z-index:3002}.shepherd-modal-overlay-container,.shepherd-modal-overlay-container.shepherd-modal-is-visible,.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:none!important}