@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-void:#0d0a18;--color-tomb:#1a1429;--color-deep:#241b3a;--color-gold:#c9a840;--color-gold-bright:#e8cc6a;--color-crimson:#8b2635;--color-crimson-bright:#c0384a;--color-mist:#9b9aa8;--color-parchment:#e8dfc8;--ink:#efe9da;--ink-dim:#b5aec0;--surface-0:#0d0a18;--surface-1:#1c1530;--surface-2:#2a2044;--surface-3:#382b58;--tier-triumph:#4a9d6b;--tier-mixed:#9b9aa8;--tier-peril:#c0384a;--border-default:1px solid #c9a8402e;--border-strong:1px solid #c9a84061;--radius-sm:4px;--radius-md:8px;--radius-pill:999px;--shadow-md:0 6px 24px #00000073;--shadow-glow-gold:0 0 0 2px #c9a840b3, 0 0 18px #c9a84073;--font-display:"Cinzel", "Iowan Old Style", Georgia, serif;--font-serif:"Crimson Text", Georgia, "Times New Roman", serif;--font-sans:"Avenir Next", "Segoe UI", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.82rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.7rem;--track-eyebrow:.14em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--ease-quick:cubic-bezier(.4, 0, .2, 1);--ease-smooth:cubic-bezier(.65, 0, .35, 1);--ease-dramatic:cubic-bezier(.87, 0, .13, 1);--dur-quick:.12s;--dur-smooth:.28s;--dur-slow:.6s;--class-warrior:#c0563a;--class-mage:#7a5fd0;--class-rogue:#5a8f5a;--class-healer:#d8a0b8;--class-soldier:#a08858;--class-mystic:#58a8b8;--class-scholar:#c8b878;--class-scout:#78a858;--class-outcast:#885070;--class-beast:#b07840}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 70% -10%, #7a5fd01a, transparent 60%), radial-gradient(900px 500px at 10% 110%, #c9a8400f, transparent 60%), var(--color-void);color:var(--ink);font-family:var(--font-serif);font-size:16px}button{font:inherit;cursor:pointer}::selection{background:#c9a84059}.panel{background:var(--surface-1);border:var(--border-default);border-radius:var(--radius-md);padding:var(--space-5)}.card{background:linear-gradient(180deg, var(--surface-1), var(--surface-2));border:var(--border-strong);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-md)}.eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--color-gold)}.btn{border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-family:var(--font-display);letter-spacing:.06em;transition:transform var(--dur-quick) var(--ease-quick), box-shadow var(--dur-quick) var(--ease-quick), opacity var(--dur-quick);border:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-gold);color:var(--color-void)}.btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 16px #c9a84059}.btn-secondary{background:var(--surface-2);color:var(--ink);border:var(--border-strong)}.btn-ghost{color:var(--ink-dim);background:0 0}.btn-ghost:hover{color:var(--ink);background:var(--surface-1)}.btn-danger{background:var(--color-crimson);color:var(--ink)}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--surface-2);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--track-eyebrow);text-transform:uppercase;display:inline-flex}.chip--triumph{color:#8fd6ab;background:#4a9d6b2e;border:1px solid #4a9d6b80}.chip--mixed{color:var(--color-mist);background:#9b9aa826;border:1px solid #9b9aa866}.chip--peril{color:#f0899a;background:#c0384a29;border:1px solid #c0384a8c}.chip--gold{color:var(--color-gold-bright);background:#c9a84029;border:1px solid #c9a84073}.track{border-radius:var(--radius-pill);background:var(--surface-2);height:8px;position:relative;overflow:hidden}.track__fill{height:100%;transition:width var(--dur-smooth) var(--ease-smooth);background:var(--color-gold)}.input,.textarea{background:var(--surface-1);border:var(--border-default);border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-4);color:var(--ink);font-family:var(--font-serif);font-size:var(--text-md)}.input:focus-visible,.textarea:focus-visible,.btn:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.narrative{font-family:var(--font-serif);color:var(--ink);text-indent:1.5em;max-width:68ch;font-size:1rem;font-style:italic;line-height:1.78}.scene-desc{color:var(--ink-dim);max-width:68ch;font-style:italic;line-height:1.65}.companion-beat{max-width:68ch;font-size:.93rem;line-height:1.6}.bridge{border-left:2px dashed var(--color-mist);color:var(--ink-dim);padding-left:12px;font-size:.95rem;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px var(--accent,var(--color-gold))}50%{box-shadow:0 0 20px var(--accent,var(--color-gold))}}@keyframes diceTumble{0%{filter:blur();transform:rotate(0)translateY(0)scale(1)}30%{filter:blur(1px);transform:rotate(220deg)translateY(-14px)scale(1.12)}60%{filter:blur(1.5px);transform:rotate(480deg)translateY(-4px)scale(1.05)}85%{filter:blur(.5px);transform:rotate(700deg)translateY(2px)scale(.98)}to{filter:blur();transform:rotate(720deg)translateY(0)scale(1)}}@keyframes diceSlam{0%{transform:scale(1.25)}60%{transform:scale(.94)}to{transform:scale(1)}}@keyframes glHeartbeat{0%,to{opacity:.75}50%{opacity:1;text-shadow:0 0 10px var(--color-crimson-bright)}}@keyframes glDownedPulse{0%,to{box-shadow:0 0 0 1px #c0384a80}50%{box-shadow:0 0 0 3px #c0384ae6}}@keyframes glPulseRed{0%{opacity:.22}to{opacity:0}}@keyframes glCampfire{0%,to{box-shadow:0 0 24px #c98c4040}50%{box-shadow:0 0 44px #c98c4073}}@keyframes typedBlink{50%{opacity:0}}.anim-rise{animation:rise var(--dur-smooth) var(--ease-smooth) both}.anim-fade{animation:fadeIn var(--dur-smooth) var(--ease-smooth) both}.die{width:84px;height:84px;font-family:var(--font-display);background:var(--surface-2);border:var(--border-strong);color:var(--ink);transition:background var(--dur-smooth), color var(--dur-smooth), border-color var(--dur-smooth);border-radius:14px;place-items:center;font-size:2.2rem;display:grid}.die--rolling{animation:diceTumble 1s var(--ease-dramatic)}.die--settled{animation:diceSlam .3s var(--ease-dramatic)}.die--triumph{border-color:var(--tier-triumph);color:#b9f0d0;background:#4a9d6b40}.die--mixed{border-color:var(--tier-mixed);background:#9b9aa82e}.die--peril{border-color:var(--tier-peril);color:#ffc2cc;background:#c0384a40}.toast-host{z-index:90;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{animation:floatUp var(--dur-smooth) var(--ease-smooth);background:var(--surface-2);border:var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);max-width:320px;padding:10px 14px}.toast--error,.toast--peril{border-color:var(--tier-peril)}.toast--success,.toast--triumph{border-color:var(--color-gold)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}