:root{--color-void: #0d0a18;--color-parchment: #f0e8cc;--color-parchment-deep: #16122a;--color-ink: #e5dbc5;--color-ink-soft: rgba(170,130,220,.28);--color-gold: #c9a840;--color-gold-bright: #e0bb50;--color-gold-dim: #7a6325;--color-triumph: #4a8a55;--color-mixed: #7a8b7e;--color-peril: #8b2635;--color-crimson: #8b2635;--color-mist: #7a8b7e;--color-border: rgba(130,100,200,.18);--color-border-bright: rgba(170,130,220,.38);--color-parchment-dim: #9a8c78;--color-parchment-muted: rgba(210,195,170,.55);--color-shadow: rgba(0,0,0,.6);--color-cream: #e8e2d0;--color-cream-dark: #d4ccb8;--color-discovery: #3a6fa8;--color-encounter: #8b2635;--color-prophecy: #6b4fa0;--color-trial: #c9a840;--color-mystery: #4a8a55;--font-display: "Cinzel", Georgia, serif;--font-body: "Crimson Text", Georgia, serif;--font-ui: "Cinzel", Georgia, serif;--type-xs: .75rem;--type-sm: .875rem;--type-md: 1rem;--type-lg: 1.25rem;--type-xl: 1.75rem;--type-xxl: 2.5rem;--type-hero: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--shadow-sm: 0 1px 3px var(--color-shadow);--shadow-md: 0 4px 16px var(--color-shadow);--shadow-lg: 0 8px 32px var(--color-shadow);--transition-quick: .12s ease-out;--transition-smooth: .28s ease-out;--transition-slow: .6s ease-out}@media (prefers-reduced-motion: reduce){:root{--transition-quick: 0ms;--transition-smooth: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}body{font-family:var(--font-body);background:var(--color-void);color:var(--color-ink);min-height:100vh;line-height:1.6;background-image:radial-gradient(ellipse 110% 50% at 50% 0%,#1e1640 0%,transparent 55%),radial-gradient(ellipse 80% 80% at 50% 50%,transparent 40%,rgba(0,0,0,.65) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.8}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gold-dim);border-radius:2px}*{scrollbar-width:thin;scrollbar-color:var(--color-gold-dim) transparent}:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.06em;color:var(--color-gold-bright);line-height:1.2;text-shadow:0 0 40px rgba(224,187,80,.2);text-wrap:balance}h1{font-size:var(--type-xl);letter-spacing:.09em}h2{font-size:var(--type-lg);color:var(--color-gold)}p{font-family:var(--font-body);font-size:var(--type-md);color:var(--color-parchment-dim)}strong{color:var(--color-ink);font-weight:600}a{color:var(--color-gold);text-decoration:none}a:hover{color:var(--color-gold-bright)}main{min-height:100vh;padding:var(--space-8) var(--space-8);max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}section{display:flex;flex-direction:column;gap:var(--space-4)}button{cursor:pointer;font-family:var(--font-ui);border:none;border-radius:var(--radius-md);transition:background var(--transition-quick),box-shadow var(--transition-quick),color var(--transition-quick),opacity var(--transition-quick)}button:disabled{opacity:.3;cursor:not-allowed}button[data-variant=primary]{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold-bright);font-size:var(--type-sm);letter-spacing:.18em;text-transform:uppercase}button[data-variant=primary][data-size=lg]{font-size:var(--type-md);letter-spacing:.22em}button[data-variant=primary]:not(:disabled):hover{background:#c8a8401a;box-shadow:0 0 20px #c8a84033;color:#f0cc7a}button[data-variant=primary]:not(:disabled):active{background:#c8a8402e}button[data-variant=secondary]{background:#ffffff08;border:1px solid var(--color-border);color:var(--color-parchment-dim);font-size:var(--type-sm);letter-spacing:.12em;text-transform:uppercase}button[data-variant=secondary]:not(:disabled):hover{border-color:#aa82dc80;color:var(--color-ink);background:#8264c814}button[data-variant=ghost]{background:transparent;border:none;color:var(--color-gold-dim);font-size:var(--type-sm);letter-spacing:.08em;text-transform:uppercase;padding-inline:var(--space-2)!important}button[data-variant=ghost]:not(:disabled):hover{color:var(--color-gold)}button:not([data-variant]){background:transparent;border:1px solid var(--color-border);color:var(--color-parchment-dim);font-size:var(--type-xs);padding:1px 6px;border-radius:var(--radius-sm)}button:not([data-variant]):hover{border-color:var(--color-crimson);color:var(--color-crimson)}input,textarea,select{font-family:var(--font-body);font-size:var(--type-md);color:var(--color-ink);background:#ffffff0a;border:1px solid var(--color-border-bright);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);width:100%;transition:border-color var(--transition-quick),box-shadow var(--transition-quick);caret-color:var(--color-gold)}input::placeholder,textarea::placeholder{color:#d2c3aa73!important;opacity:1}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px #c8a8401a}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23c9a840' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px;cursor:pointer}select option{background:#16122a;color:var(--color-ink)}label{font-family:var(--font-display);font-size:var(--type-xs);letter-spacing:.2em;color:var(--color-gold-dim);text-transform:uppercase;display:block;margin-bottom:var(--space-2)}form{display:flex;flex-direction:column;gap:var(--space-4);max-width:560px}progress{width:100%;height:5px;border:none;border-radius:var(--radius-sm);background:#8264c826;overflow:hidden}progress::-webkit-progress-bar{background:#8264c826}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--color-gold-dim),var(--color-gold-bright));box-shadow:0 0 8px #e0bb5080}progress::-moz-progress-bar{background:var(--color-gold)}ol,ul{padding-left:var(--space-6)}li{font-family:var(--font-body);font-size:var(--type-md);color:var(--color-parchment-dim);padding:var(--space-1) 0}li::marker{color:var(--color-gold-dim)}span:has(>button:not([data-variant])){display:inline-flex;align-items:center;gap:4px;background:#8264c814;border:1px solid var(--color-border);border-radius:2px;padding:2px 8px;font-family:var(--font-body);font-size:var(--type-sm);color:var(--color-parchment-dim)}[data-current]{background:var(--color-parchment-deep)!important;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}[data-current=true]{box-shadow:0 0 20px #aa82dc2e,var(--shadow-md)!important}[data-outcome=triumph]{border-color:var(--color-triumph)!important}[data-outcome=mixed]{border-color:var(--color-mist)!important}[data-outcome=peril]{border-color:var(--color-crimson)!important}[aria-label^=Die]{font-family:var(--font-display)!important;font-weight:700!important;border-radius:var(--radius-md)!important;border:2px solid var(--color-border-bright)!important;box-shadow:var(--shadow-md);transition:transform var(--transition-quick),box-shadow var(--transition-quick)}[aria-label^=Die]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 24px #aa82dc40!important}[aria-label^=Die][aria-busy=true]{animation:dieRoll .09s linear infinite}@keyframes dieRoll{0%{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(2deg)}75%{transform:translate(-1px,1px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}section[aria-label=Chronicle]{border-top:1px solid var(--color-border);padding-top:var(--space-4);max-height:42vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}section[aria-label=Chronicle]:before{content:"📖  THE CHRONICLE";font-family:var(--font-display);font-size:var(--type-xs);letter-spacing:.25em;color:var(--color-gold);display:block;margin-bottom:var(--space-2)}section[aria-label=Chronicle]>div{border-left:2px solid var(--color-border-bright);padding:var(--space-2) var(--space-3);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#8264c80a;animation:cSlide .3s ease-out}@keyframes cSlide{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:none}}section[aria-label=Chronicle]>div strong{font-family:var(--font-display);font-size:var(--type-xs);letter-spacing:.18em;color:var(--color-gold);text-transform:uppercase;display:block;margin-bottom:2px}section[aria-label=Chronicle]>div p{font-style:italic;color:var(--color-mist);font-size:var(--type-sm);margin-top:var(--space-1)}main[aria-busy=true] h1:after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-gold);margin-left:8px;vertical-align:middle;animation:genPulse 1.2s ease-in-out infinite}@keyframes genPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.6)}}main[aria-busy=true] ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2);counter-reset:chapters}main[aria-busy=true] ol li{counter-increment:chapters;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-parchment-deep);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:fadeInUp .4s ease-out both}main[aria-busy=true] ol li:before{content:counter(chapters,upper-roman);font-family:var(--font-display);font-size:var(--type-xs);color:var(--color-gold-dim);letter-spacing:.1em;flex-shrink:0}main[aria-busy=true] ol li:nth-child(1){animation-delay:0ms}main[aria-busy=true] ol li:nth-child(2){animation-delay:.12s}main[aria-busy=true] ol li:nth-child(3){animation-delay:.24s}main[aria-busy=true] ol li:nth-child(4){animation-delay:.36s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}main[aria-busy=true] section:last-of-type>div{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-parchment-deep);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--type-md);color:var(--color-parchment-dim)}main>section>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-parchment-deep);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--type-md);color:var(--color-parchment-dim);transition:border-color var(--transition-quick)}main>section>div:hover{border-color:#aa82dc66}main>div[style*=flex]{gap:var(--space-3)!important}main>div[style*=flex]>div{display:flex;flex-direction:column;gap:var(--space-2);min-width:100px}main>div[style*=margin]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#8264c80d;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:var(--radius-md)}main>form{background:var(--color-parchment-deep);border:1px solid var(--color-border-bright);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg),0 0 0 1px #8264c80f inset;position:relative}main>form:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(130,100,200,.07);border-radius:calc(var(--radius-lg) - 2px);pointer-events:none}main:has(>h1)>section>div{padding:var(--space-2) 0}hr{border:none;border-top:1px solid var(--color-border)}code,pre{font-family:monospace;background:#00000059;border-radius:var(--radius-sm);padding:2px 6px;font-size:var(--type-sm);color:var(--color-gold-dim)}