:root{--void: #050505;--void-2: #0c0a0b;--blood: #8b0000;--blood-bright:#c41212;--ember: #ff2a2a;--ash: #b9b3b3;--ash-dim: #6f6a6a;--hair: #2a0a0a;--serif: "Cormorant Garamond", "Times New Roman", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--void);background-image:radial-gradient(ellipse at 50% 30%,#140d0e 0%,var(--void) 60%),radial-gradient(ellipse at 50% 120%,rgba(139,0,0,.18) 0%,transparent 55%);background-attachment:fixed;color:var(--ash);font-family:var(--serif);font-size:1.125rem;line-height:1.6;letter-spacing:.01em;min-height:100vh;display:flex;flex-direction:column;align-items:center}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:.6rem 1.2rem;background:var(--blood);color:#fff;text-decoration:none;letter-spacing:.08em;border:1px solid var(--ember);z-index:10}.skip-link:focus{top:.75rem}header{width:100%;text-align:center;padding:4rem 1rem 2rem}h1{margin:0;font-size:clamp(2.75rem,8vw,5rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--blood-bright);text-shadow:0 0 4px rgba(196,18,18,.55),0 0 22px rgba(139,0,0,.45),0 0 48px rgba(139,0,0,.25)}main#app{width:min(46rem,92vw);padding:1rem 0 5rem;outline:none}main#app:focus-visible{box-shadow:inset 0 0 0 1px var(--hair);border-radius:4px}h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);text-align:center;margin:0 0 2rem}h2:before,h2:after{content:"†";color:var(--blood);margin:0 .6em;opacity:.7}ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}button{width:100%;text-align:left;font-family:inherit;font-size:1.15rem;line-height:1.45;color:var(--ash);background:linear-gradient(180deg,var(--void-2) 0%,#070506 100%);border:1px solid var(--hair);border-left:3px solid var(--blood);padding:1.1rem 1.3rem;cursor:pointer;transition:border-color .16s ease,color .16s ease,box-shadow .16s ease,background .16s ease}button:hover{color:#fff;border-color:var(--blood-bright);border-left-color:var(--blood-bright);background:linear-gradient(180deg,#160d0e,#0a0607);box-shadow:0 0 18px #8b000059}:focus-visible{outline:2px solid var(--ember);outline-offset:2px}button:focus-visible{outline:2px solid var(--ember);outline-offset:2px;color:#fff;border-left-color:var(--ember);box-shadow:0 0 0 1px var(--ember),0 0 24px #ff2a2a66}button:active{background:linear-gradient(180deg,#200f10,#0a0607)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors: active){button{border:1px solid CanvasText}}.persona-list,.game-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.persona-card{display:flex;flex-direction:column;gap:.35rem;padding:1.3rem 1.4rem}.persona-name{font-size:1.5rem;letter-spacing:.06em;color:var(--blood-bright)}.persona-tagline{color:var(--ash);font-style:italic}.persona-cue{font-size:.95rem;color:var(--ash-dim);letter-spacing:.04em}.persona-card:hover .persona-name,.persona-card:focus-visible .persona-name{color:#fff}.name-form{display:flex;flex-direction:column;gap:.9rem;max-width:28rem;margin:0 auto}.name-form label{letter-spacing:.08em;color:var(--ash-dim);text-transform:uppercase;font-size:.95rem}.name-form input{font-family:inherit;font-size:1.3rem;color:var(--ash);background:#070506;border:1px solid var(--hair);border-bottom:2px solid var(--blood);padding:.8rem 1rem}.name-form input:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-bottom-color:var(--ember)}button.primary{border-left-color:var(--blood-bright);color:#fff;align-self:flex-start}.hub-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}button.ghost{width:auto;font-size:1rem;padding:.6rem 1rem;color:var(--ash-dim);border-left-color:var(--hair);background:transparent}button.ghost:hover,button.ghost:focus-visible{color:var(--ash);border-left-color:var(--blood)}.voice-bar{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--hair);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.voice-status{margin:0;color:var(--ash);min-height:1.5em}.voice-help{margin:0;font-size:.9rem;color:var(--ash-dim)}button.listen-toggle{width:auto;border:1px solid var(--blood);border-left:1px solid var(--blood);border-radius:999px;padding:.6rem 1.6rem;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}button.listen-toggle[aria-pressed=true]{color:#fff;border-color:var(--ember);box-shadow:0 0 18px #ff2a2a66}button.listen-toggle:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
body,button,h2,p,li,div{color:#b9b3b3}