:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--color-primary: #3498db;--color-primary-light: #5dade2;--color-primary-dark: #2874a6;--color-success: #27ae60;--color-success-light: #2ecc71;--color-danger: #e74c3c;--color-warning: #f39c12;--color-fantasy: #9b59b6;--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #2a2a2a;--color-bg-elevated: #333333;--color-surface: #2c3e50;--color-surface-light: #34495e;--color-surface-hover: #3d5a73;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-tertiary: #aaaaaa;--color-text-disabled: #666666;--color-border: #444444;--color-border-light: #666666;--color-border-focus: #3498db;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(52, 152, 219, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);color:var(--color-text-secondary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at center,#1e2a38 0%,var(--color-bg-primary) 100%)}#root{width:100%}button{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:600;font-family:inherit;background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);min-height:40px;min-width:44px}button:hover:not(:disabled){background-color:var(--color-surface-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button:disabled{background-color:var(--color-bg-elevated);color:var(--color-text-disabled);cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}button.primary{background-color:var(--color-primary)}button.primary:hover:not(:disabled){background-color:var(--color-primary-light)}button.success{background-color:var(--color-success)}button.success:hover:not(:disabled){background-color:var(--color-success-light)}button.danger{background-color:var(--color-danger)}button.danger:hover:not(:disabled){background-color:#c0392b}button.ghost{background-color:transparent;box-shadow:none;border:1px solid var(--color-border)}button.ghost:hover:not(:disabled){background-color:var(--color-bg-tertiary)}h1,h2,h3,h4,h5,h6{color:var(--color-primary);text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:0}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.5rem;font-weight:600;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}input,select,textarea{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-family:inherit;font-size:1rem;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);min-height:40px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}.card{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.game-layout{display:grid;grid-template-columns:1fr 250px;gap:var(--spacing-lg);padding:var(--spacing-md)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm);text-decoration:none;z-index:100}.skip-link:focus{top:0}*:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (max-width: 768px){.game-layout{grid-template-columns:1fr}.game-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.nav-buttons,.stats-sidebar{display:none!important}.world-container{height:300px!important}.location-container{height:400px!important}.character-container{width:60px!important}.character-sprite{width:45px!important;height:45px!important}.character-name{font-size:.7rem!important}button{min-height:44px;min-width:44px}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp var(--transition-normal)}.game-layout>main>*{animation:viewFadeIn .2s ease-out}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-round, 9999px);font-size:.75rem;font-weight:600;line-height:1.4}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-success{background-color:var(--color-success);color:#fff}.badge-danger{background-color:var(--color-danger);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-fantasy{background-color:var(--color-fantasy);color:#fff}.progress-bar{width:100%;height:8px;background-color:var(--color-bg-elevated);border-radius:var(--radius-sm);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .3s ease}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.text-muted{color:var(--color-text-tertiary)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-gold{color:#f1c40f}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-sm{margin-top:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-light)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translateY(-60px) scale(1.3)}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1rem}.card{padding:var(--spacing-md)}:root{font-size:14px}}@supports (padding: env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}