@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a22;--bg-card: #222232;--bg-card-alt: #28283e;--bg-input: #252538;--accent: #c43e3e;--accent-glow: #e05555;--accent-dark: #8b2020;--accent-warm: #d4754b;--danger: #c43e3e;--success: #6a9e6a;--warning: #c7a44b;--text: #c8c0b8;--text-bright: #e8e0d6;--text-muted: #7a756e;--border: #353545;--border-accent: #4a2a2a;--radius: 4px;--font-heading: "Cinzel", "Times New Roman", serif;--font-body: "Crimson Text", "Georgia", "Times New Roman", serif}body{font-family:var(--font-body);background:var(--bg);background-image:radial-gradient(ellipse at 20% 10%,rgba(196,62,62,.07) 0%,transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(180,60,40,.05) 0%,transparent 55%),radial-gradient(ellipse at 50% 0%,rgba(200,80,60,.06) 0%,transparent 40%);color:var(--text);min-height:100vh;line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}#root{max-width:960px;margin:0 auto;padding:.75rem}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--accent-glow);letter-spacing:.03em;text-transform:uppercase;font-weight:600;text-shadow:0 1px 4px rgba(180,40,40,.3)}h1{font-size:1.4rem}h2{font-size:1.2rem}h3{font-size:1rem}a{color:var(--accent-glow)}a:hover{color:#f07070}button{cursor:pointer;font-family:var(--font-heading);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border-accent);border-radius:var(--radius);padding:.5rem 1.1rem;background:linear-gradient(180deg,#c43e3e38,#8c23231a,#c43e3e26);color:var(--accent-glow);font-weight:600;transition:all .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ff96960f,0 1px 3px #0000004d}button:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(224,85,85,.6),transparent)}button:after{content:"";position:absolute;top:2px;left:3px;right:3px;bottom:50%;background:linear-gradient(180deg,rgba(255,160,160,.05) 0%,transparent 100%);border-radius:3px 3px 0 0;pointer-events:none}button:hover{background:linear-gradient(180deg,#dc464652,#aa2d2d2e,#dc464638);border-color:var(--accent);color:#faa;box-shadow:inset 0 1px #ff969614,0 2px 10px #c43e3e40;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{background:linear-gradient(180deg,#ffffff0a,#ffffff03,#ffffff08);border-color:var(--border);color:var(--text-muted)}button.secondary:hover{background:linear-gradient(180deg,#ffffff14,#ffffff08,#ffffff0f);color:var(--text-bright);border-color:var(--border-accent);box-shadow:0 2px 6px #0003}button.danger{background:linear-gradient(180deg,#c43e3e2e,#8c232314,#c43e3e1f);border-color:#b446464d;color:#e07070}button.danger:hover{background:linear-gradient(180deg,#dc505042,#aa323224,#dc505033);border-color:#d2505080;box-shadow:0 2px 10px #c43e3e33;color:#f99}input,select,textarea{font-family:var(--font-body);font-size:1rem;background:var(--bg-input);color:var(--text-bright);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #c43e3e1f,0 0 12px #c43e3e0f}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;position:relative;box-shadow:0 2px 8px #0003}.card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,62,62,.3),transparent)}.grid{display:grid;gap:.75rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.flex{display:flex;gap:.5rem;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.stat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;text-align:center}.stat-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .2rem;position:relative;box-shadow:inset 0 1px #ffffff05}.stat-box:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--accent);opacity:.5}.stat-name{font-family:var(--font-heading);font-size:.6rem;color:var(--text-muted);letter-spacing:.1em}.stat-score{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-bright)}.stat-mod{font-size:.85rem;color:var(--accent-glow);font-weight:600}.tag{display:inline-block;font-family:var(--font-heading);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;background:var(--bg-input);border:1px solid var(--border);padding:.15rem .5rem;border-radius:3px;color:var(--text-muted)}.thinking-dots span{animation:blink 1.4s infinite both;font-weight:700;font-size:1.1rem}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@media (max-width: 600px){body{font-size:15px}#root{padding:.4rem}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:repeat(2,1fr)}.stat-row{grid-template-columns:repeat(3,1fr)}.card{padding:.75rem}h1{font-size:1.1rem}h2{font-size:1rem}button{padding:.4rem .7rem;font-size:.7rem}input,select,textarea{padding:.5rem;font-size:.9rem}}