:root,:root[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: rgba(30, 41, 59, .5);--bg-card-hover: rgba(30, 41, 59, .8);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--accent-primary: #f59e0b;--accent-secondary: #fbbf24;--accent-hover: #d97706;--accent-glow: rgba(245, 158, 11, .3);--border-primary: #334155;--border-secondary: #475569;--border-accent: rgba(245, 158, 11, .3);--success: #4ade80;--warning: #f59e0b;--error: #f87171;--gradient-bg: radial-gradient(ellipse 150% 100% at 0% 100%, rgba(245, 158, 11, .3) 0%, transparent 70%), radial-gradient(ellipse 130% 90% at 100% 0%, rgba(245, 158, 11, .2) 0%, transparent 60%), linear-gradient(135deg, #0a0a0a 0%, #111111 50%, #0f0f0f 100%);--glass-bg: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .12);--navbar-bg: rgba(10, 10, 10, .85);--navbar-border: rgba(255, 255, 255, .06);--navbar-text: #f1f5f9;--navbar-text-muted: #94a3b8;--navbar-btn-bg: rgba(255, 255, 255, .1);--navbar-btn-border: rgba(255, 255, 255, .2);--navbar-btn-hover-bg: rgba(255, 255, 255, .2);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-accent: 0 4px 16px rgba(245, 158, 11, .3)}:root[data-theme=light]{--bg-primary: #fdf8f3;--bg-secondary: #f8f0e5;--bg-tertiary: #f0e6d8;--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .95);--text-primary: #5c3d2e;--text-secondary: #6d5548;--text-tertiary: #8b6b5a;--text-muted: #a08678;--accent-primary: #e07b4c;--accent-secondary: #e8a87c;--accent-hover: #d4693d;--accent-glow: rgba(224, 123, 76, .2);--border-primary: rgba(224, 123, 76, .12);--border-secondary: rgba(224, 123, 76, .2);--border-accent: rgba(224, 123, 76, .35);--success: #6b9b6b;--warning: #e07b4c;--error: #d45a4c;--gradient-bg: radial-gradient(ellipse 120% 80% at 0% 100%, rgba(224, 123, 76, .5) 0%, transparent 60%), radial-gradient(ellipse 100% 70% at 100% 0%, rgba(224, 123, 76, .35) 0%, transparent 50%), linear-gradient(135deg, #fffbeb 0%, #fef7ed 50%, #fff8f0 100%);--glass-bg: rgba(120, 80, 40, .12);--glass-border: rgba(180, 120, 60, .2);--navbar-bg: rgba(255, 251, 235, .9);--navbar-border: rgba(251, 191, 36, .3);--navbar-text: #78350f;--navbar-text-muted: rgba(120, 53, 15, .7);--navbar-btn-bg: rgba(120, 53, 15, .1);--navbar-btn-border: rgba(120, 53, 15, .2);--navbar-btn-hover-bg: rgba(120, 53, 15, .15);--shadow-sm: 0 2px 8px rgba(92, 61, 46, .08);--shadow-md: 0 4px 16px rgba(92, 61, 46, .1);--shadow-lg: 0 8px 32px rgba(224, 123, 76, .12);--shadow-accent: 0 4px 16px rgba(224, 123, 76, .3)}*{margin:0;padding:0;box-sizing:border-box}:root{--vh: 1vh;--app-height: 100vh}@supports (height: 100dvh){:root{--app-height: 100dvh}}html{height:100%;height:-webkit-fill-available}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100%;min-height:-webkit-fill-available;min-height:var(--app-height);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}#app{min-height:100%;min-height:-webkit-fill-available;min-height:var(--app-height);overflow-y:auto;-webkit-overflow-scrolling:touch}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-secondary)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-tertiary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary)}.card{background:var(--bg-card);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.error-message{color:var(--error);margin-top:.5rem;font-size:.875rem}.success-message{color:var(--success);margin-top:.5rem;font-size:.875rem}@media (max-width: 768px){.btn{min-height:44px;padding:.75rem 1.25rem}.form-group input,.form-group textarea,.form-group select{min-height:48px;font-size:16px}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.container{padding:1rem}}@media (max-width: 1024px) and (min-width: 769px){.container{padding:1.5rem}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@media (display-mode: standalone){body{padding-top:env(safe-area-inset-top)}}@media (display-mode: fullscreen){body{padding:0}}@media (max-width: 768px) and (orientation: landscape){.landscape-warning{display:flex!important}}@media (max-width: 768px){.game-page,.dashboard-page{touch-action:pan-y;overscroll-behavior-x:none}}