:root{--bg-void:#07070d;--bg-base:#0d0d18;--bg-surface:#12121f;--bg-raised:#1a1a2e;--bg-overlay:#20203a;--border-subtle:#ffffff0f;--border-mid:#ffffff1f;--border-gold:#c9a84c59;--border-red:#dc505059;--border-green:#48c87859;--gold:#c9a84c;--gold-light:#e0c070;--gold-dim:#c9a84c26;--red:#dc5050;--red-dim:#dc50501f;--green:#48c878;--green-dim:#48c8781f;--blue:#5888e0;--blue-dim:#5888e01f;--text-bright:#f0e8d8;--text-body:#c8bfa8;--text-muted:#7a7a99;--text-dim:#4a4a66;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--bg-void);color:var(--text-body);-webkit-font-smoothing:antialiased;min-height:100%;margin:0;font-family:Georgia,Times New Roman,serif;line-height:1.6}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-mid)}.font-display{letter-spacing:.03em;font-family:Georgia,serif}.font-mono{font-family:Courier New,Courier,monospace}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-family:system-ui,sans-serif;font-size:10px;font-weight:600}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card-raised{background:var(--bg-raised);border:1px solid var(--border-mid);border-radius:var(--radius-lg)}.card-gold{background:var(--gold-dim);border:1px solid var(--border-gold);border-radius:var(--radius-md)}.card-red{background:var(--red-dim);border:1px solid var(--border-red);border-radius:var(--radius-md)}.card-green{background:var(--green-dim);border:1px solid var(--border-green);border-radius:var(--radius-md)}.card-blue{background:var(--blue-dim);border-radius:var(--radius-md);border:1px solid #5888e04d}.btn{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;font-family:system-ui,sans-serif;font-size:12px;font-weight:700;transition:opacity .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--gold);color:#0d0d0f;padding:12px 28px;box-shadow:0 0 20px #c9a84c33}.btn-primary:hover:not(:disabled){background:var(--gold-light);box-shadow:0 0 28px #c9a84c59}.btn-ghost{background:var(--bg-raised);color:var(--text-body);border:1px solid var(--border-mid);padding:12px 28px}.btn-ghost:hover:not(:disabled){border-color:var(--border-gold);color:var(--text-bright)}.btn-sm{padding:6px 14px;font-size:11px}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.field{flex-direction:column;gap:6px;display:flex}.input{background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-bright);outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--border-gold);box-shadow:0 0 0 3px #c9a84c14}.input::placeholder{color:var(--text-dim)}.textarea{resize:none;font-family:inherit}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237a7a99' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.divider{background:var(--border-subtle);height:1px}.divider-gold{background:linear-gradient(90deg, transparent, var(--border-gold), transparent);height:1px}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:99px;align-items:center;padding:3px 8px;font-family:system-ui,sans-serif;font-size:10px;font-weight:600;display:inline-flex}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid var(--border-gold)}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid var(--border-green)}.badge-red{background:var(--red-dim);color:var(--red);border:1px solid var(--border-red)}.badge-muted{background:var(--bg-overlay);color:var(--text-muted);border:1px solid var(--border-subtle)}.hp-track{background:var(--bg-void);border-radius:99px;height:6px;overflow:hidden}.hp-fill{border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.stat-box{background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;padding:6px 4px;display:flex}.event-narration{border-bottom:1px solid var(--border-subtle);padding:16px 0 12px}.event-narration:last-child{border-bottom:none}.event-action{gap:12px;padding:10px 0;display:flex}.event-check-success{border-radius:var(--radius-md);background:var(--green-dim);border:1px solid var(--border-green);align-items:center;gap:10px;margin:4px 0;padding:8px 12px;display:flex}.event-check-fail{border-radius:var(--radius-md);background:var(--red-dim);border:1px solid var(--border-red);align-items:center;gap:10px;margin:4px 0;padding:8px 12px;display:flex}.event-system{text-align:center;padding:8px 0}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.3s ease-out both fadeUp}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor:after{content:"▋";color:var(--gold);margin-left:1px;animation:.9s step-end infinite blink}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.mic-ring:before{content:"";background:var(--red);border-radius:50%;animation:1s ease-out infinite pulseRing;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-raised) 50%, var(--bg-surface) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.glow-gold{box-shadow:0 0 24px #c9a84c26, 0 0 0 1px var(--border-gold)}.glow-inner{box-shadow:inset 0 1px #ffffff0f}.text-gradient{background:linear-gradient(135deg,#f0e8d8 0%,#c9a84c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scenario-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;text-align:left;width:100%;padding:14px 16px;transition:border-color .15s,background .15s}.scenario-card:hover{border-color:var(--border-mid);background:var(--bg-raised)}.scenario-card.selected{border-color:var(--border-gold);background:var(--gold-dim)}.feed-scroll{scroll-behavior:smooth;overflow-y:auto}@keyframes soundBarBounce{0%,to{height:4px}50%{height:14px}}[class^=sound-bar-]{background:var(--gold);border-radius:2px;width:3px;min-height:4px;animation:.7s ease-in-out infinite soundBarBounce}.sound-bar-1{animation-delay:0s}.sound-bar-2{animation-delay:.12s}.sound-bar-3{animation-delay:.24s}.sound-bar-4{animation-delay:.36s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vol-slider{appearance:none;cursor:pointer;background:var(--bg-overlay);border-radius:99px;outline:none;flex-shrink:0;width:72px;height:3px}.vol-slider::-webkit-slider-thumb{appearance:none;background:var(--thumb-color,var(--gold));cursor:pointer;border-radius:50%;width:11px;height:11px;transition:transform .12s,box-shadow .12s;box-shadow:0 0 #0000}.vol-slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--thumb-glow,#c9a84c40);transform:scale(1.25)}.vol-slider::-moz-range-thumb{background:var(--thumb-color,var(--gold));cursor:pointer;border:none;border-radius:50%;width:11px;height:11px;transition:transform .12s}.vol-slider::-moz-range-track{background:var(--bg-overlay);border-radius:99px;height:3px}.responsive-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:768px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.dice-container{z-index:10;pointer-events:none;width:120px;height:120px;animation:6s ease-in-out infinite float;position:absolute;top:-30px;right:-20px}@media (min-width:768px){.dice-container{width:180px;height:180px;animation:8s ease-in-out infinite float;top:-60px;right:-40px}}.hidden-mobile{display:none!important}@media (min-width:768px){.hidden-mobile{display:flex!important}}.show-mobile{display:flex!important}@media (min-width:768px){.show-mobile{display:none!important}}