:root{--color-primary: #B22222;--color-primary-deep: #8B0000;--color-royal: #1B3A8A;--color-crown: #C8A415;--color-flesh: #F5C89A;--color-surface: #FAFAF8;--color-bg: #F5F0E8;--color-rule: #E8DFC8;--color-border: #F0E6D0;--color-text: #1A1A1A;--color-text-muted: #4A4542;--color-dark: #1A2744;--color-group-gap: #1B3A8A;--color-group-trap: #2B5DBF;--color-group-hemorrhage: #B22222;--color-group-suit: #C8A415;--font-primary: "Inter", "DM Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text);height:100%;min-height:100dvh;-webkit-font-smoothing:antialiased}#root{height:100%;min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}