:root{--color-bg:#0d0b0a;--color-bg-elevated:#1a1512;--color-bg-elevated-2:#241d17;--color-border:#4a3b2a;--color-border-strong:#6b5233;--color-text:#d8c9a3;--color-text-muted:#9c8b6a;--color-accent:#8a1f1f;--color-accent-hover:brown;--color-gold:#b8944f;--color-success:#5a7247;--font-heading:"Cinzel", serif;--font-body:"EB Garamond", Georgia, serif;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--radius:2px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100vh;margin:0}body{background:var(--color-bg);background-image:radial-gradient(ellipse at top, #221b16 0%, var(--color-bg) 60%);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:1.125rem;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);color:var(--color-gold);letter-spacing:.04em;margin:0 0 var(--space-3);font-weight:500}h1{text-transform:uppercase;border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3);font-size:1.9rem}h2{text-transform:uppercase;font-size:1.2rem}p{margin:0 0 var(--space-3)}a{color:var(--color-gold);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.page{max-width:640px;padding:var(--space-4);margin:0 auto}.stack{gap:var(--space-3);flex-direction:column;display:flex}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-3)}.card:hover{border-color:var(--color-border-strong)}.input,textarea,select{background:var(--color-bg-elevated-2);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;color:var(--color-text);font-family:var(--font-body);padding:var(--space-2) var(--space-3);font-size:1rem}.input:focus,textarea:focus,select:focus{border-color:var(--color-gold);outline:none}textarea{resize:vertical}label{color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.9rem;display:block}.btn{white-space:nowrap;background:var(--color-bg-elevated-2);border:1px solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-text);font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2) var(--space-4);cursor:pointer;flex-shrink:0;font-size:.85rem;transition:border-color .15s,color .15s;display:inline-block}.btn:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-gold)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#f0e6d2}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#f0e6d2}.option-row{background:var(--color-bg-elevated-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;display:block}.option-row:has(input:checked){border-color:var(--color-gold)}.option-row input{margin-right:var(--space-2);accent-color:var(--color-accent)}.badge{font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius);border:1px solid var(--color-border-strong);color:var(--color-text-muted);padding:.15rem .5rem;font-size:.7rem;display:inline-block}.badge-published{color:var(--color-success);border-color:var(--color-success)}.badge-draft{color:var(--color-gold);border-color:var(--color-gold)}.player-badge{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);text-align:center;font-size:.85rem}.link-btn{color:var(--color-gold);font-family:var(--font-body);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}@keyframes medallion-place{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.medallion-tray{gap:var(--space-2);padding:var(--space-3);margin-bottom:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;min-height:4rem;display:flex}.medallion{object-fit:cover;border:2px solid var(--color-border-strong);filter:sepia(15%)saturate(85%);border-radius:50%;width:48px;height:48px;animation:.25s ease-out medallion-place}.medallion-mine{border-color:var(--color-gold);box-shadow:0 0 8px var(--color-gold)}.medallion-placeholder{background:var(--color-bg-elevated-2);border:2px solid var(--color-border);border-radius:50%;width:48px;height:48px}.option-card{background:var(--color-bg-elevated-2);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);margin-bottom:var(--space-3);cursor:pointer;transition:border-color .15s}.option-card:hover,.option-card-mine{border-color:var(--color-gold)}.option-medallions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;min-height:48px;display:flex}.character-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.character-grid{grid-template-columns:repeat(2,1fr)}}.character-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.character-portrait{aspect-ratio:3/4;object-fit:cover;filter:sepia(15%)saturate(85%);border-bottom:1px solid var(--color-border);width:100%;display:block}.character-portrait-placeholder{aspect-ratio:3/4;background:var(--color-bg-elevated-2);width:100%;color:var(--color-text-muted);font-family:var(--font-heading);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.character-body{padding:var(--space-3)}.character-meta{font-size:.9rem}.muted{color:var(--color-text-muted)}.text-center{text-align:center}