:root{--bg-page: #FAF6F1;--bg-warm: #F3EDE4;--bg-surface: #EBE3D8;--bg-card: #FFFFFF;--border: #D4C9BB;--border-light: #E5DDD2;--text-primary: #3D3229;--text-secondary: #8A7968;--text-ghost: #B8A99A;--accent: #C4703F;--accent-hover: #A85A2A;--accent-light: rgba(196, 112, 63, .08);--success: #5C7A54;--error: #B85450;--opponent: #6B7B8D;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 3px rgba(61, 50, 41, .08);--shadow-md: 0 4px 12px rgba(61, 50, 41, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--accent);color:#fff}input{font-family:var(--font-sans);font-size:15px}button{font-family:var(--font-sans);cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-warm)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-ghost)}@keyframes slide-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes word-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}