:root{--bg: #15120E;--surface: #1E1A15;--surface-2: #272118;--border: #3B3328;--border-strong: #4D4233;--text: #EAE3D5;--text-muted: #A99E8B;--text-faint: #74695A;--accent: #C9982E;--accent-hover: #E0AE3F;--rage: #A32D27;--rage-hover: #C23A32;--heal: #5F7D52;--info: #4A6E82;--focus-ring: rgba(201, 152, 46, .55);--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.25);--font-display: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.font-display{font-family:var(--font-display)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-rage{color:var(--rage)}.text-heal{color:var(--heal)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4)}.card-elevated{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px var(--sp-4);border-radius:var(--radius);border:1px solid transparent;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-decoration:none;min-height:44px;white-space:nowrap}.btn-primary{background:var(--accent);color:#15120e;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-outline:hover{background:#c9982e1a}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--rage);color:var(--text);border-color:var(--rage)}.btn-danger:hover{background:var(--rage-hover);border-color:var(--rage-hover)}.btn:disabled{opacity:.4;cursor:not-allowed}.input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:1rem;padding:10px var(--sp-3);width:100%;min-height:44px;transition:border-color .15s}.input::placeholder{color:var(--text-faint)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A99E8B' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:1rem;padding:10px 36px 10px var(--sp-3);width:100%;min-height:44px;cursor:pointer}.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.label{display:block;font-size:.8rem;font-weight:500;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-1)}.form-group{display:flex;flex-direction:column;gap:var(--sp-1)}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:99px;font-size:.75rem;color:var(--text-muted)}.chip-accent{border-color:var(--accent);color:var(--accent)}.chip-rage{border-color:var(--rage);color:var(--rage)}.chip-heal{border-color:var(--heal);color:var(--heal)}.page{padding:var(--sp-4)}.hp-bar-track{height:10px;background:var(--surface-2);border-radius:5px;overflow:hidden}.hp-bar-fill{height:100%;border-radius:5px;transition:width .3s ease}.pips{display:flex;flex-wrap:wrap;gap:6px}.pip{width:22px;height:22px;min-width:22px;min-height:22px;border-radius:50%;border:2px solid var(--border-strong);background:transparent;cursor:pointer;transition:background .15s,border-color .15s}.pip.filled{background:var(--accent);border-color:var(--accent)}.pip.rage{border-color:var(--rage)}.pip.rage.filled{background:var(--rage)}.level-up-alert{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:#c9982e1f;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);font-size:.9rem;font-weight:500}.stat-box{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-3) var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:70px;text-align:center}.stat-box .mod{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.stat-box .score{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.stat-box .label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);margin-bottom:0}.divider{border:none;border-top:1px solid var(--border);margin:var(--sp-4) 0}.md{line-height:1.75;color:var(--text-muted);font-size:.92rem}.md h1{font-family:var(--font-display);color:var(--accent);font-size:1.4rem;letter-spacing:.04em;margin:0 0 var(--sp-4);border-bottom:1px solid var(--border-strong);padding-bottom:var(--sp-2)}.md h2{font-family:var(--font-display);color:var(--text);font-size:1.1rem;letter-spacing:.03em;margin:var(--sp-6) 0 var(--sp-3);padding-bottom:var(--sp-1);border-bottom:1px solid var(--border)}.md h3{font-family:var(--font-display);color:var(--text-muted);font-size:.92rem;letter-spacing:.05em;text-transform:uppercase;margin:var(--sp-4) 0 var(--sp-2)}.md h4{font-family:var(--font-body);color:var(--text-faint);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:var(--sp-3) 0 var(--sp-1)}.md p{margin:0 0 var(--sp-3)}.md p:last-child{margin-bottom:0}.md strong{color:var(--text);font-weight:600}.md em{color:var(--text-muted);font-style:italic}.md code{background:var(--surface-2);color:var(--accent);padding:1px 6px;border-radius:3px;font-family:monospace;font-size:.85em}.md ul,.md ol{margin:var(--sp-2) 0 var(--sp-3) var(--sp-6)}.md li{margin:var(--sp-1) 0}.md hr{border:none;border-top:1px solid var(--border);margin:var(--sp-4) 0}.md blockquote{border-left:3px solid var(--accent);padding-left:var(--sp-4);margin:var(--sp-3) 0;color:var(--text-faint);font-style:italic}.md table{display:block;width:100%;max-width:100%;border-collapse:collapse;font-size:.85rem;margin:var(--sp-3) 0;border-radius:var(--radius);overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border)}.md thead tr{background:var(--surface-2)}.md th{padding:8px 14px;text-align:left;color:var(--accent);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-strong);white-space:nowrap}.md td{padding:7px 14px;border-bottom:1px solid var(--border);color:var(--text-muted)}.md td:first-child{color:var(--text);font-weight:500}.md tbody tr:nth-child(2n){background:#27211866}.md tbody tr:last-child td{border-bottom:none}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.page{padding:var(--sp-3)}.stat-box{min-width:56px;padding:var(--sp-2) var(--sp-1)}.stat-box .mod{font-size:1.2rem}}