*,*:before,*:after{box-sizing:border-box}:root{--font-story: "IM Fell English", Georgia, "Times New Roman", serif;--font-title: "Cinzel", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--bg: #0a0c09;--surface: rgba(14, 19, 12, .92);--surface-2: rgba(20, 28, 18, .97);--border: rgba(195, 165, 85, .12);--border-glow: rgba(195, 165, 85, .35);--text: #e6dfc8;--muted: #998e76;--accent: #c8973c;--accent-dim: rgba(200, 151, 60, .15);--accent-glow: rgba(200, 151, 60, .25);--danger: #bf5048;--safe: #5a9e70;--narrator-clr: #ddd4b8;--player-clr: #8dbba0;--scene-clr: #7a9ea8;--radius-lg: 20px;--radius: 14px;--radius-sm: 8px;--shadow: 0 8px 40px rgba(0,0,0,.55), 0 2px 8px rgba(0,0,0,.3);--shadow-sm: 0 2px 12px rgba(0,0,0,.4);font-size:16px;color:var(--text)}html,body{margin:0;min-height:100%;background:var(--bg)}body{background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(170,120,30,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 110%,rgba(60,100,70,.12) 0%,transparent 60%),#0a0c09;min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer}p,h1,h2,h3{margin:0}.theme-futurista{--bg: #080c14;--surface: rgba(10, 16, 26, .93);--surface-2: rgba(14, 22, 36, .98);--border: rgba(80, 180, 220, .12);--border-glow: rgba(80, 180, 220, .4);--accent: #4ab4d8;--accent-dim: rgba(74, 180, 216, .12);--accent-glow: rgba(74, 180, 216, .2);--narrator-clr: #b8d8e8;--player-clr: #78b8e0;--scene-clr: #6090b8;--text: #d4e8f0;--muted: #6888a0}.theme-futurista body,.theme-futurista .shell{background:radial-gradient(ellipse 70% 40% at 10% 0%,rgba(30,80,140,.2) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(20,140,180,.1) 0%,transparent 60%),#080c14}.theme-sombrio{--bg: #090910;--surface: rgba(12, 12, 20, .93);--surface-2: rgba(16, 16, 28, .98);--border: rgba(160, 140, 200, .1);--border-glow: rgba(160, 140, 200, .3);--accent: #a896c8;--accent-dim: rgba(168, 150, 200, .12);--accent-glow: rgba(168, 150, 200, .2);--narrator-clr: #ccc4dc;--player-clr: #9890b8;--scene-clr: #787098;--text: #d0cce0;--muted: #7870a0}.shell{width:min(1380px,100%);margin:0 auto;padding:20px 16px 32px}.shell-onboarding{display:grid;gap:20px;min-height:100dvh;overflow-y:auto}.shell-game{display:grid;grid-template-rows:auto 1fr;gap:14px;height:100dvh;max-height:100dvh;overflow:hidden;padding-bottom:16px}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 28px;align-items:center}.hero-copy{min-width:0}.eyebrow{font-family:var(--font-ui);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin-bottom:8px}h1{font-family:var(--font-title);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:600;line-height:1.15;margin-bottom:8px;letter-spacing:.02em}.lede{font-family:var(--font-ui);color:var(--muted);font-size:.9rem;line-height:1.55}.hero-note{display:grid;gap:5px;padding:16px 20px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);font-family:var(--font-ui);font-size:.82rem;white-space:nowrap}.hero-note p{color:var(--muted)}.hero-note p strong{color:var(--text);font-weight:600}.onboarding-panel{padding:32px 36px}.onboarding-form{display:grid;gap:22px}.onboarding-form label{display:grid;gap:8px}.onboarding-form label>span,.genre-fieldset legend,.command-form>label{font-family:var(--font-ui);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}input,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff0a;padding:14px 18px;color:var(--text);font-family:var(--font-story);font-size:1rem;line-height:1.6;resize:vertical;transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus{outline:none;border-color:var(--border-glow);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}.genre-fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.genre-option{display:block;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff06;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .12s ease}.genre-option:hover{background:#ffffff0b;transform:translate(3px)}.genre-option input[type=radio]{display:none}.genre-option strong{display:block;font-family:var(--font-title);font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:3px}.genre-option span{font-family:var(--font-story);font-size:.9rem;color:var(--muted);font-style:italic}.genre-option.selected{border-color:var(--border-glow);background:var(--accent-dim)}.genre-option.selected strong{color:var(--accent)}.gender-fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gender-fieldset legend{font-family:var(--font-ui);font-size:.85rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block;width:100%}.gender-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 10px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff06;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .12s ease;text-align:center}.gender-option:hover{background:#ffffff0b;transform:translateY(-2px)}.gender-option input[type=radio]{display:none}.gender-option strong{display:block;font-family:var(--font-title);font-size:.9rem;font-weight:600;color:var(--text)}.gender-option.selected{border-color:var(--border-glow);background:var(--accent-dim)}.gender-option.selected strong{color:var(--accent)}.form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}button{font-family:var(--font-ui);font-size:.85rem;font-weight:600;letter-spacing:.05em;border:1px solid var(--border-glow);border-radius:var(--radius);color:var(--accent);background:var(--accent-dim);padding:11px 22px;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}button:hover:not(:disabled){transform:translateY(-2px);background:var(--accent-glow);box-shadow:0 4px 20px var(--accent-dim)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.4;cursor:default}button[type=submit]{font-family:var(--font-title);font-size:.9rem;letter-spacing:.08em;padding:13px 28px}.game-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.section-head{margin-bottom:4px}.section-head h2{font-family:var(--font-title);font-size:.85rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.section-head p{font-family:var(--font-ui);font-size:.77rem;color:var(--muted);margin-top:2px}.health-card{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff06}.health-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-family:var(--font-ui);font-size:.8rem}.health-meta span{color:var(--muted)}.health-meta strong{color:var(--text);font-weight:600}.health-bar{height:8px;border-radius:99px;overflow:hidden;background:#ffffff12}.health-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--danger),var(--accent));transition:width .5s ease}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff06;font-family:var(--font-ui)}.stat span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:2px}.stat strong{font-size:.9rem;font-weight:600;color:var(--text)}.equipment{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff06}.equipment h3{font-family:var(--font-title);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.equipment p{font-family:var(--font-ui);font-size:.82rem;color:var(--muted);line-height:1.6}.equipment p strong{color:var(--text);font-weight:600}.resources{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff06}.resources h3{font-family:var(--font-title);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.resource{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;font-family:var(--font-ui)}.resource span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:1px}.resource strong{font-size:.88rem;font-weight:600;color:var(--text)}.story-panel{display:flex;flex-direction:column;gap:12px;padding:20px;min-height:0;overflow:hidden}.scene-box{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff06}.scene-box span{display:block;font-family:var(--font-ui);font-size:.68rem;text-transform:uppercase;letter-spacing:.18em;color:var(--scene-clr);margin-bottom:6px;font-weight:600}.scene-box p{font-family:var(--font-story);font-size:1.1rem;color:var(--muted);font-style:italic;line-height:1.6}.story-log{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px;flex:1 1 0;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.story-log::-webkit-scrollbar{width:4px}.story-log::-webkit-scrollbar-track{background:transparent}.story-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.entry{border-radius:var(--radius);padding:14px 18px;border-left:3px solid transparent;border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;animation:entryAppear .38s ease forwards;flex-shrink:0;overflow:visible}@keyframes entryAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.entry-narrador{background:#ffffff08;border-color:var(--border);border-left-color:var(--accent)}.entry-narrador .entry-label{color:var(--accent)}.entry-narrador .entry-text{font-family:var(--font-story);font-size:1.2rem;line-height:1.8;color:var(--narrator-clr);font-style:italic}.entry-voce{background:rgba(var(--player-clr-raw, 90, 160, 120),.06);border-color:#64b48c33;border-left-color:var(--player-clr);margin-left:24px}.entry-voce .entry-label{color:var(--player-clr)}.entry-voce .entry-text{font-family:var(--font-ui);font-size:1.02rem;line-height:1.6;color:var(--text)}.entry-cena{background:#ffffff05;border-color:#789ea826;border-left-color:var(--scene-clr);padding:10px 16px}.entry-cena .entry-label{color:var(--scene-clr)}.entry-cena .entry-text{font-family:var(--font-story);font-size:1rem;line-height:1.65;color:var(--muted);font-style:italic}.entry-text{overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.entry-label{font-family:var(--font-ui);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;max-height:88px;overflow-y:auto;scrollbar-width:none}.suggestions::-webkit-scrollbar{display:none}.suggestion{font-family:var(--font-story);font-size:.88rem;font-weight:400;letter-spacing:0;padding:8px 16px;border:1px solid var(--border);border-radius:99px;background:#ffffff08;color:var(--muted);transition:color .16s,border-color .16s,background .16s,transform .12s}.suggestion:hover:not(:disabled){color:var(--accent);border-color:var(--border-glow);background:var(--accent-dim);transform:translateY(-1px)}.command-form{display:grid;gap:10px}.command-form>label{display:block;font-family:var(--font-ui);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.command-form textarea{min-height:60px;max-height:120px;resize:none;font-size:1rem}.command-actions{display:flex;align-items:center;gap:14px}.command-actions span{font-family:var(--font-ui);font-size:.78rem;color:var(--muted)}.pending-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius);background:var(--accent-dim);border:1px solid var(--border-glow);font-family:var(--font-story);font-size:.92rem;font-style:italic;color:var(--accent);animation:entryAppear .3s ease}.pending-dots{display:inline-flex;gap:4px}.pending-dots span{width:5px;height:5px;border-radius:99px;background:var(--accent);animation:dotPulse 1.4s infinite ease-in-out}.pending-dots span:nth-child(2){animation-delay:.2s}.pending-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.error{font-family:var(--font-ui);font-size:.85rem;color:#ff9a92;padding:10px 14px;border-radius:var(--radius-sm);background:#bf50481a;border:1px solid rgba(191,80,72,.25);margin:0}.hero-onboarding{display:grid;grid-template-columns:1fr auto;gap:24px;padding:40px 44px;align-items:center;position:relative;overflow:hidden}.hero-onboarding:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 100% at 100% 50%,var(--accent-dim) 0%,transparent 70%);pointer-events:none}.hero-onboarding h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin-bottom:14px}.hero-onboarding .lede{font-size:1rem;max-width:520px}.hero-rules{display:grid;gap:12px;padding:20px 24px;border-radius:var(--radius);background:#ffffff08;border:1px solid var(--border);font-family:var(--font-ui);font-size:.82rem;min-width:220px}.hero-rules p{color:var(--muted);line-height:1.5;padding-left:16px;position:relative}.hero-rules p:before{content:"—";position:absolute;left:0;color:var(--accent)}.hero{grid-template-columns:1fr auto auto}.hero-game-actions{display:flex;flex-direction:column;gap:8px;align-self:center}.btn-save-game,.btn-exit-game{font-family:var(--font-ui);font-size:.78rem;font-weight:600;letter-spacing:.06em;padding:9px 18px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;color:var(--muted);transition:color .15s,border-color .15s,background .15s,transform .12s;white-space:nowrap}.btn-save-game:hover{color:var(--accent);border-color:var(--border-glow);background:var(--accent-dim);transform:translateY(-1px)}.btn-exit-game:hover{color:#ff9a92;border-color:#bf504866;background:#bf504814;transform:translateY(-1px)}.saves-section{padding:24px 28px}.saves-title,.new-adventure-title{font-family:var(--font-title);font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.new-adventure-title{margin-bottom:20px}.slot-grid{display:grid;gap:10px}.slot-card{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff06;text-align:left;font-family:var(--font-ui);transition:border-color .16s,background .16s,transform .12s}button.slot-card{cursor:pointer;width:100%;color:inherit}button.slot-card:hover{border-color:var(--border-glow);background:var(--accent-dim);transform:translate(3px)}.slot-num{font-family:var(--font-title);font-size:1.1rem;font-weight:600;color:var(--accent);text-align:center;width:36px;flex-shrink:0}.autosave-badge{font-size:1.3rem}.slot-empty{grid-template-columns:36px 1fr;opacity:.45}.slot-empty-label{font-family:var(--font-story);font-style:italic;font-size:.9rem;color:var(--muted)}.slot-info{display:grid;gap:2px;min-width:0}.slot-info strong{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-info span{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-info time{font-size:.74rem;color:var(--muted);opacity:.7}.slot-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-continue{font-family:var(--font-ui);font-size:.8rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-glow);background:var(--accent-dim);color:var(--accent);cursor:pointer;white-space:nowrap;transition:background .15s,transform .12s}.btn-continue:hover{background:var(--accent-glow);transform:translate(2px)}.btn-delete-slot{font-size:.8rem;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;opacity:.6;transition:opacity .15s,color .15s,border-color .15s}.btn-delete-slot:hover{opacity:1;color:#ff9a92;border-color:#bf504866}.slot-overwrite{font-family:var(--font-ui);font-size:.74rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.slot-autosave{border-color:var(--border-glow);background:var(--accent-dim)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-panel{width:min(540px,100%);padding:28px 32px;display:grid;gap:16px;animation:slideUp .22s ease}.overlay-panel-sm{width:min(400px,100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.overlay-head{display:flex;justify-content:space-between;align-items:center}.overlay-head h2{font-family:var(--font-title);font-size:1.1rem;letter-spacing:.06em;color:var(--text)}.btn-close-overlay{font-size:1rem;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.btn-close-overlay:hover{color:var(--text);border-color:var(--border-glow)}.overlay-hint{font-family:var(--font-story);font-style:italic;font-size:.95rem;color:var(--muted);margin:0}.save-feedback{font-family:var(--font-ui);font-size:.88rem;font-weight:600;color:var(--safe);margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:#5a9e701f;border:1px solid rgba(90,158,112,.3);animation:entryAppear .3s ease}.exit-actions{display:grid;gap:10px}.btn-danger{border-color:#bf504866!important;color:#ff9a92!important;background:#bf504814!important}.btn-danger:hover:not(:disabled){background:#bf504829!important;box-shadow:none!important}.btn-ghost{border-color:var(--border)!important;color:var(--muted)!important;background:transparent!important}.btn-ghost:hover:not(:disabled){background:#ffffff0a!important;box-shadow:none!important}@media (max-width: 900px){.hero{grid-template-columns:1fr auto}.hero-note{display:none}.hero-game-actions{flex-direction:row}.hero-onboarding{grid-template-columns:1fr}.hero-rules{display:none}.game-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden}.sidebar,.scene-box{display:none}}@media (max-width: 600px){.shell{padding:12px 10px 20px}.hero{padding:18px}.onboarding-panel{padding:20px 18px}.story-panel,.sidebar{padding:14px}h1{font-size:1.8rem}.gender-fieldset{grid-template-columns:repeat(3,1fr)}}.character-portrait{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 16px;border-bottom:1px solid var(--border);margin-bottom:4px}.portrait-frame{width:100px;height:100px;border-radius:50%;border:2px solid var(--border-glow);overflow:hidden;box-shadow:0 0 20px var(--accent-glow),0 4px 12px #00000080;background:#0006;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.badge-img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.7));opacity:.92;transition:transform .2s ease,opacity .2s ease}.badge-img:hover{transform:scale(1.12);opacity:1}.monster-img{display:block;width:80px;height:80px;object-fit:contain;float:right;margin:0 0 8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000059;padding:4px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.6));animation:monsterAppear .4s ease}@keyframes monsterAppear{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.entry-narrador:after{content:"";display:table;clear:both}.btn-speak{display:inline-flex;align-items:flex-end;gap:2px;height:13px;width:17px;background:none;border:none;cursor:pointer;padding:0;margin-left:8px;opacity:.4;transition:opacity .2s ease;vertical-align:middle;position:relative;top:-1px}.btn-speak:hover,.btn-speak.is-speaking{opacity:1}.wave-bar{width:3px;background:var(--accent);border-radius:2px;transition:height .15s ease;flex-shrink:0}.wave-bar:nth-child(1){height:4px}.wave-bar:nth-child(2){height:9px}.wave-bar:nth-child(3){height:5px}.btn-speak.is-speaking .wave-bar:nth-child(1){animation:waveUp .65s ease-in-out infinite alternate}.btn-speak.is-speaking .wave-bar:nth-child(2){animation:waveUp .65s ease-in-out .18s infinite alternate}.btn-speak.is-speaking .wave-bar:nth-child(3){animation:waveUp .65s ease-in-out .36s infinite alternate}@keyframes waveUp{0%{height:3px}to{height:13px}}.btn-voice-game{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:.8rem;font-family:var(--font-ui);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-voice-game:hover{background:var(--accent-dim);border-color:var(--border-glow);color:var(--accent)}.hero-voice-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.hero-voice-bars span{width:3px;background:currentColor;border-radius:2px}.hero-voice-bars span:nth-child(1){height:4px}.hero-voice-bars span:nth-child(2){height:9px}.hero-voice-bars span:nth-child(3){height:5px}.hero-voice-bars.is-speaking span:nth-child(1){animation:waveUp .65s ease-in-out infinite alternate}.hero-voice-bars.is-speaking span:nth-child(2){animation:waveUp .65s ease-in-out .18s infinite alternate}.hero-voice-bars.is-speaking span:nth-child(3){animation:waveUp .65s ease-in-out .36s infinite alternate}.voice-config-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff05;flex-wrap:wrap}.voice-config-label{font-size:.85rem;font-family:var(--font-ui);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.voice-config-current{font-family:var(--font-story);font-style:italic;color:var(--text);flex:1;min-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-voice-choose{background:none;border:1px solid var(--border);color:var(--muted);padding:5px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s}.btn-voice-choose:hover{border-color:var(--border-glow);color:var(--accent);background:var(--accent-dim)}.voice-list{display:flex;flex-direction:column;gap:6px;max-height:55vh;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.voice-group-label{font-size:.72rem;font-family:var(--font-ui);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 2px;padding-bottom:4px;border-bottom:1px solid var(--border)}.voice-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff05;cursor:pointer;transition:background .14s,border-color .14s}.voice-item:hover{background:#ffffff0d;border-color:#c3a55533}.voice-selected{border-color:var(--border-glow)!important;background:var(--accent-dim)!important}.voice-check{width:18px;text-align:center;font-size:.9rem;color:var(--accent);font-weight:700;flex-shrink:0}.voice-info{flex:1;min-width:0}.voice-name{display:block;font-family:var(--font-story);font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-lang{display:block;font-family:var(--font-ui);font-size:.72rem;color:var(--muted);margin-top:1px}.btn-voice-preview{background:none;border:1px solid var(--border);color:var(--muted);width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:background .14s,color .14s,border-color .14s}.btn-voice-preview:hover{background:var(--accent-dim);border-color:var(--border-glow);color:var(--accent)}.voice-empty{color:var(--muted);font-family:var(--font-story);font-style:italic;font-size:.9rem;text-align:center;padding:20px 10px;line-height:1.6}.btn-export-game{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:.8rem;font-family:var(--font-ui);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn-export-game:hover{background:var(--accent-dim);border-color:var(--border-glow);color:var(--accent)}.export-overlay{align-items:flex-start!important;padding:24px 16px}.export-panel{width:min(780px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;padding:28px 28px 24px!important}.export-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:4px}.export-toolbar{display:flex;align-items:center;gap:8px}.btn-export-dl{padding:8px 18px;border-radius:var(--radius-sm);border:1px solid var(--border-glow);background:var(--accent-dim);color:var(--accent);font-family:var(--font-ui);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.btn-export-dl:hover{background:#c8973c40;border-color:var(--accent)}.export-preview-wrap{flex:1;overflow-y:auto;margin-top:14px;border-radius:var(--radius);border:1px solid var(--border);background:#fdfaf4;color:#2a2018;font-family:IM Fell English,Georgia,Times New Roman,serif;font-size:16px;line-height:1.85;padding:40px 48px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}@media (max-width: 600px){.export-preview-wrap{padding:20px 18px}}.export-book-header{text-align:center;padding-bottom:32px;border-bottom:2px solid #c8a96a;margin-bottom:36px}.export-series{font-family:Cinzel,Georgia,serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#8a7050;margin:0 0 10px}.export-title{font-family:Cinzel,Georgia,serif;font-size:2rem;font-weight:600;color:#1a1208;margin:0 0 8px;line-height:1.2}.export-chapter{font-family:Cinzel,Georgia,serif;font-size:.88rem;color:#7a6040;letter-spacing:.06em;margin:0}.export-ornament{margin-top:20px;color:#c8a96a;font-size:1.1rem;letter-spacing:.4rem}.export-story-body{outline:none;min-height:200px}.export-story-body:focus{outline:2px dashed rgba(200,151,60,.3);outline-offset:6px;border-radius:4px}.export-preview-wrap .narration{margin:0 0 1.2em;text-align:justify;-webkit-hyphens:auto;hyphens:auto;color:#2a2018}.export-preview-wrap .first-narration:first-letter{font-family:Cinzel,Georgia,serif;font-size:3.2em;font-weight:600;float:left;line-height:.75;margin:6px 8px -4px 0;color:#7a5020}.export-preview-wrap .scene-sep{text-align:center;margin:36px 0 30px;color:#8a7050;position:relative}.export-preview-wrap .scene-sep:before,.export-preview-wrap .scene-sep:after{content:"";display:block;height:1px;background:linear-gradient(to right,transparent,#c8a96a 30%,#c8a96a 70%,transparent);margin-bottom:10px}.export-preview-wrap .scene-sep:after{margin-top:10px;margin-bottom:0}.export-preview-wrap .scene-sep span{font-family:Cinzel,Georgia,serif;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7050;background:#fdfaf4;padding:0 12px}.export-preview-wrap .player-act{margin:1.2em 0;padding:8px 18px;border-left:3px solid #c8a96a;color:#6a5030;font-style:italic}.export-footer-note{margin-top:48px;padding-top:18px;border-top:1px solid #d8c8a0;text-align:center;font-size:.78rem;color:#9a8060;font-style:italic}.xp-card{margin-bottom:.6rem}.xp-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:4px}.xp-meta strong{color:var(--accent)}.xp-bar{height:6px;background:#ffffff12;border-radius:99px;overflow:hidden}.xp-bar>span{display:block;height:100%;background:linear-gradient(90deg,#7b9e4a,#b8d66e);border-radius:99px;transition:width .5s ease}.quest-offer-card{margin-top:.8rem;padding:.9rem 1rem;background:#c8973c14;border:1px solid rgba(200,151,60,.3);border-radius:var(--radius-sm);animation:fadeSlide .4s ease both}.quest-offer-header{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.4rem}.quest-offer-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}.quest-offer-title{display:block;font-size:.9rem;font-family:var(--font-title);color:var(--accent)}.quest-offer-giver{display:block;font-size:.72rem;color:var(--muted)}.quest-offer-desc{margin:0 0 .5rem;font-size:.82rem;color:var(--text);line-height:1.5}.quest-offer-rewards{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.65rem}.quest-reward{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:99px}.xp-reward{background:#7b9e4a33;color:#b8d66e}.gold-reward{background:#c8973c33;color:var(--accent)}.item-reward{background:#648cc833;color:#9bc4e8}.quest-offer-actions{display:flex;gap:.5rem}.btn-quest-accept{padding:.35rem .9rem;font-size:.8rem;background:var(--accent);color:#0a0c09;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:background .15s}.btn-quest-accept:hover{background:#e0a840}.btn-quest-log-game{padding:.4rem .85rem;font-size:.8rem;background:#7b9e4a26;color:#b8d66e;border:1px solid rgba(123,158,74,.25);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background .15s}.btn-quest-log-game:hover{background:#7b9e4a40}.btn-quest-log-game.has-quests{background:#7b9e4a33;border-color:#7b9e4a73}.quest-count-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#7b9e4a;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%}.quest-section-title{font-family:var(--font-title);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .5rem}.quest-section-done{color:#96969699}.quest-log-card{padding:.8rem 1rem;border-radius:var(--radius-sm);margin-bottom:.6rem;border:1px solid var(--border)}.quest-active{background:#c8973c0f;border-color:#c8973c33}.quest-done{background:#ffffff06;opacity:.7}.quest-log-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.quest-status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.quest-done .quest-status-dot{background:var(--muted)}.quest-log-title{flex:1;font-family:var(--font-title);font-size:.85rem;color:var(--text)}.quest-badge-active{font-size:.68rem;padding:2px 8px;background:#c8973c26;color:var(--accent);border-radius:99px;white-space:nowrap}.quest-badge-done{font-size:.68rem;padding:2px 8px;background:#5a9e7026;color:var(--safe);border-radius:99px;white-space:nowrap}.quest-log-desc{margin:0 0 .4rem;font-size:.8rem;color:var(--muted);line-height:1.4}.quest-log-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem}.quest-meta-giver{font-size:.7rem;color:var(--muted);font-style:italic}.quest-meta-rewards{display:flex;flex-wrap:wrap;gap:.3rem}.quest-empty{text-align:center;color:var(--muted);font-style:italic;font-size:.85rem;margin:1.5rem 0}.quest-toast{position:fixed;bottom:2rem;right:2rem;z-index:500;display:flex;align-items:flex-start;gap:.8rem;padding:1rem 1.2rem;background:#0e180cf5;border:1px solid rgba(90,158,112,.5);border-radius:var(--radius);box-shadow:0 8px 32px #0009;max-width:340px;animation:toastIn .35s cubic-bezier(.22,1,.36,1) both}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quest-toast-icon{font-size:1.4rem;color:var(--safe);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#5a9e7026;border-radius:50%;flex-shrink:0;font-weight:700}.quest-toast-body{display:flex;flex-direction:column;gap:2px}.quest-toast-body strong{font-family:var(--font-title);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--safe)}.quest-toast-body span{font-size:.85rem;color:var(--text)}.quest-toast-rewards{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:4px}.items-section{margin-top:.8rem}.items-section h3{font-size:.75rem;font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.item-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.4rem .2rem;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:default;position:relative;transition:border-color .15s}.item-card:hover{border-color:var(--border-glow)}.item-img{width:40px;height:40px;object-fit:contain;image-rendering:auto}.item-placeholder{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--muted)}.item-name{font-size:.62rem;color:var(--muted);text-align:center;line-height:1.2;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-qty{position:absolute;top:2px;right:4px;font-size:.65rem;color:var(--accent);font-weight:700}.avatar-picker-panel{max-width:820px;margin:0 auto}.avatar-picker-head{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.avatar-picker-head h2{margin:0;font-size:1.25rem}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;margin:1rem 0 1.5rem;max-height:60vh;overflow-y:auto;padding:.25rem}.avatar-choice{background:var(--card-bg, #1a1a2e);border:2px solid transparent;border-radius:10px;padding:6px;cursor:pointer;transition:border-color .15s,transform .1s;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-choice img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.avatar-choice:hover{border-color:var(--accent, #a78bfa);transform:scale(1.05)}.avatar-chosen{border-color:var(--accent, #a78bfa)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #a78bfa) 30%,transparent)}.gender-custom-label{margin-top:-.25rem;padding-left:.5rem;border-left:2px solid var(--accent, #a78bfa)}.gender-custom-label em{font-size:.8rem;color:var(--muted, #888)}