:root{--bg-deep: #1a1a2e;--bg-card: #16213e;--bg-elevated: #0f3460;--accent-primary: #e94560;--accent-secondary: #ff6b6b;--accent-gold: #ffd93d;--accent-green: #6bcb77;--text-primary: #eaeaea;--text-secondary: #a0a0a0;--text-muted: #6c6c6c;--dice-1: #ff6b6b;--dice-2: #4ecdc4;--dice-3: #ffe66d;--dice-4: #95e1d3;--dice-5: #dda0dd;--dice-6: #98d8c8;--font-display: "Fredoka", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-dice: 0 4px 12px rgba(233, 69, 96, .3);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-display);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(233,69,96,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(78,205,196,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,217,61,.05) 0%,transparent 70%);pointer-events:none;z-index:-1}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background:var(--accent-primary);color:#fff}