:root{--ink: #1a1410;--parch: #f5f0e8;--parch2: #ede5d0;--ember: #c44a1a;--ember2: #e8721a;--gold: #b8860b;--gold2: #d4a017;--muted: #7a6e5f;--border: rgba(90, 70, 40, .18);--font-heading: "Cinzel", serif;--font-body: "EB Garamond", serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{background-color:var(--ink);color:var(--parch);font-family:var(--font-body);font-size:18px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--gold);letter-spacing:.05em}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none}input,textarea{font-family:var(--font-body);font-size:18px}.parch-bg{background-color:var(--parch);color:var(--ink)}.card{background:white;border:.5px solid var(--border);border-radius:14px;overflow:hidden}.card-accent{border-left:3px solid var(--ember)}.btn-primary{background-color:var(--ink);color:var(--gold2);padding:14px 32px;border-radius:30px;font-size:15px;letter-spacing:.08em;text-transform:uppercase}.btn-primary:hover{background-color:#2a2018}.btn-ghost{background:transparent;color:var(--muted);padding:10px 20px;border-radius:30px;font-size:14px;letter-spacing:.05em}.rune-divider{text-align:center;color:var(--muted);letter-spacing:.4em;font-size:14px;padding:8px 0}.story-text{font-family:var(--font-body);font-style:italic;line-height:1.8;color:var(--ink)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:fadeIn 1s ease forwards}@keyframes pulse-rune{0%,to{opacity:.4}50%{opacity:1}}.rune-pulse{animation:pulse-rune 1.8s ease-in-out infinite}.nav-bar{position:fixed;bottom:0;left:0;right:0;height:64px;background-color:var(--ink);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:8px 16px;border:none;background:none}.nav-item .nav-icon{font-size:18px;color:var(--muted);font-family:sans-serif;line-height:1}.nav-item .nav-label{font-family:var(--font-heading);font-size:9px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.nav-item.active .nav-icon,.nav-item.active .nav-label{color:var(--gold)}.notif-dot{width:6px;height:6px;background:var(--ember);border-radius:50%;display:inline-block;margin-left:2px;vertical-align:top;margin-top:1px}