*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em;color:#1e293b}h1{font-size:1.875rem;line-height:1.3}h2{font-size:1.5rem;line-height:1.35}h3{font-size:1.25rem;line-height:1.4}h4,h5,h6{font-size:1rem;line-height:1.5}a{color:#6366f1;text-decoration:none;transition:color .15s ease}a:hover{color:#4f46e5}button{font-family:Inter,system-ui,sans-serif;cursor:pointer}input,select,textarea{font-family:Inter,system-ui,sans-serif;background:#fff;border:1px solid #E2E8F0;border-radius:12px;color:#1e293b;padding:.625rem .875rem;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}input::placeholder,select::placeholder,textarea::placeholder{color:#94a3b8}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}:focus-visible{outline:2px solid #6366F1;outline-offset:2px}::selection{background:#6366f133;color:#1e293b}.btn,button[type=submit],button[type=button]{font-family:Inter,system-ui,sans-serif;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;border:1px solid #E2E8F0;border-radius:12px;background:#fff;color:#1e293b;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover:not(:disabled),button[type=submit]:hover:not(:disabled),button[type=button]:hover:not(:disabled){background:#f1f5f9;border-color:#d1dbe7}.btn:active:not(:disabled),button[type=submit]:active:not(:disabled),button[type=button]:active:not(:disabled){transform:translateY(1px)}.btn:disabled,button[type=submit]:disabled,button[type=button]:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5}.btn-secondary{background:#fff;border-color:#e2e8f0;color:#1e293b}.btn-secondary:hover:not(:disabled){background:#f1f5f9}.btn-danger,.btn-delete{background:#fff;border-color:#ef4444;color:#ef4444}.btn-danger:hover:not(:disabled),.btn-delete:hover:not(:disabled){background:#ef4444;color:#fff}.btn-small{font-size:.75rem;padding:.375rem .75rem}.card,.profile-card,.stat-card,.quest-card,.trait-card,.achievement-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 1px 2px #0000000d;padding:1.25rem;transition:box-shadow .15s ease}.card:hover,.profile-card:hover,.stat-card:hover,.quest-card:hover,.trait-card:hover,.achievement-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#64748b;margin-bottom:.375rem}.form-group input,.form-group select,.form-group textarea{width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:.625rem .875rem;font-size:.875rem;color:#1e293b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.progress-bar,.xp-bar,.xp-bar-mini{background:#f1f5f9;border:none;border-radius:9999px;height:10px;overflow:hidden}.progress-bar .progress-fill,.progress-bar .xp-fill,.progress-bar .xp-fill-mini,.xp-bar .progress-fill,.xp-bar .xp-fill,.xp-bar .xp-fill-mini,.xp-bar-mini .progress-fill,.xp-bar-mini .xp-fill,.xp-bar-mini .xp-fill-mini{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:9999px;transition:width .3s ease}.badge,.level-badge,.rarity-badge,.difficulty-badge{font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;display:inline-block}.badge.common,.level-badge.common,.rarity-badge.common,.difficulty-badge.common{background:#9ca3af1a;color:#9ca3af}.badge.uncommon,.level-badge.uncommon,.rarity-badge.uncommon,.difficulty-badge.uncommon{background:#22c55e1a;color:#22c55e}.badge.rare,.level-badge.rare,.rarity-badge.rare,.difficulty-badge.rare{background:#3b82f61a;color:#3b82f6}.badge.epic,.level-badge.epic,.rarity-badge.epic,.difficulty-badge.epic{background:#8b5cf61a;color:#8b5cf6}.badge.legendary,.level-badge.legendary,.rarity-badge.legendary,.difficulty-badge.legendary{background:#f59e0b1a;color:#f59e0b}.difficulty-easy,.quest-difficulty.difficulty-easy{background:#10b9811a!important;color:#10b981!important;border:none!important}.difficulty-medium,.quest-difficulty.difficulty-medium{background:#3b82f61a!important;color:#3b82f6!important;border:none!important}.difficulty-hard,.quest-difficulty.difficulty-hard{background:#f59e0b1a!important;color:#f59e0b!important;border:none!important}.difficulty-epic,.quest-difficulty.difficulty-epic{background:#8b5cf61a!important;color:#8b5cf6!important;border:none!important;animation:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pixel-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pixel-spin{to{transform:rotate(360deg)}}@keyframes pixel-glow{0%{box-shadow:0 0 5px currentColor}to{box-shadow:0 0 10px currentColor}}@keyframes pixel-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pixel-card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pixel-slide-in-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pixel-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pixel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pixel-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.spinner{width:32px;height:32px;border:3px solid #E2E8F0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.alert,.toast{font-size:.875rem;border:1px solid;border-radius:12px;padding:.875rem 1rem}.alert.alert-error,.alert.toast-error,.toast.alert-error,.toast.toast-error{border-color:#ef44444d;color:#ef4444;background:#ef44440d}.alert.alert-success,.alert.toast-success,.toast.alert-success,.toast.toast-success{border-color:#10b9814d;color:#0c8a60;background:#10b9810d}.alert.alert-warning,.alert.toast-warning,.toast.alert-warning,.toast.toast-warning{border-color:#f59e0b4d;color:#c57f08;background:#f59e0b0d}.alert.alert-info,.alert.toast-info,.toast.alert-info,.toast.toast-info{border-color:#3b82f64d;color:#3b82f6;background:#3b82f60d}.loading-state{text-align:center;padding:3rem}.loading-state p{font-size:.875rem;color:#64748b;margin-top:1rem}:root{--pixel-black: #1E293B;--pixel-dark: #FFFFFF;--pixel-mid: #E2E8F0;--pixel-light: #F1F5F9;--pixel-white: #1E293B;--pixel-gray: #64748B;--pixel-cyan: #6366F1;--pixel-magenta: #8B5CF6;--pixel-green: #10B981;--pixel-red: #EF4444;--pixel-blue: #3B82F6;--pixel-purple: #8B5CF6;--pixel-gold: #F59E0B;--pixel-yellow: #F59E0B;--pixel-orange: #F97316;--text-primary: #1E293B;--text-secondary: #64748B;--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--card-bg: #FFFFFF;--border-color: #E2E8F0;--primary-color: #6366F1;--primary-hover: #4F46E5;--secondary-color: #10B981;--danger-color: #EF4444;--success-color: #10B981;--warning-color: #F59E0B}