*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0b;--bg2:#161613;--bg3:#1e1e1a;--text:#e8dcc8;--text-dim:#9a9080;--accent:#f0c040;--border:#2e2c26;--radius:8px}body{background:var(--bg);color:var(--text);justify-content:center;min-height:100vh;padding:1rem;font-family:Georgia,Times New Roman,serif;display:flex}#app{width:100%;max-width:640px;animation:.25s fadein}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;padding:2.5rem 0 1.5rem}.lang-switcher{justify-content:flex-end;gap:.25rem;margin-bottom:.5rem;display:flex}.lang-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:.08em;background:0 0;border-radius:4px;padding:.2rem .55rem;font-family:monospace;font-size:.72rem;transition:border-color .12s,color .12s}.lang-btn:hover{color:var(--text);border-color:var(--text-dim)}.lang-btn.active{border-color:var(--accent);color:var(--accent)}.logo{letter-spacing:.15em;color:var(--accent);font-size:2.2rem;font-weight:400}.subtitle{color:var(--text-dim);margin-top:.3rem;font-size:.95rem;font-style:italic}.prompt{text-align:center;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem;font-family:monospace;font-size:.75rem}.hero-grid{flex-direction:column;gap:.875rem;display:flex}.hero-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:inherit;font:inherit;text-align:left;align-items:center;gap:0;width:100%;padding:0;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.hero-card:hover,.hero-card:focus-visible{border-color:var(--accent);background:var(--bg3);outline:none}.hero-img{object-fit:cover;flex-shrink:0;width:110px;height:110px}.hero-body{flex-direction:column;gap:.3rem;padding:1rem 1.25rem;display:flex}.hero-name{color:var(--accent);font-size:1.05rem;font-weight:700}.hero-role{color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-family:monospace;font-size:.72rem}.hero-tagline{color:var(--text);font-size:.88rem;font-style:italic;line-height:1.4}.story-nav{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:1.75rem;padding:.75rem 0 1.5rem;display:flex}.nav-btn{color:var(--text-dim);cursor:pointer;font:inherit;letter-spacing:.04em;background:0 0;border:none;padding:0;font-family:monospace;font-size:.82rem}.nav-btn:hover{color:var(--text)}.story-title{color:var(--text-dim);text-align:right;flex:1;font-size:.88rem;font-style:italic}.scene-imgs{border-radius:var(--radius);margin-bottom:1.75rem;overflow:hidden}.scene-imgs img{width:100%;display:block}.scene{margin-bottom:2rem}.scene-text{margin:0 0 .6rem;font-size:1.05rem;line-height:1.8}.scene-text:last-child{margin-bottom:0}.scene-text q{quotes:none;font-style:italic}.scene-text em{color:var(--text-dim);font-style:italic}.scene hr{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.dialog{border-left:3px solid var(--accent);flex-direction:column;gap:.15rem;margin:.9rem 0;padding:.35rem .9rem;display:flex}.speaker{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-family:monospace;font-size:.68rem;font-weight:700}.dialog q{quotes:none;font-size:1.05rem;font-style:italic;line-height:1.7}.scene--question:before{content:"Task";background:var(--accent);color:var(--bg);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;margin-bottom:.75rem;padding:.15rem .5rem;font-family:monospace;font-size:.68rem;font-weight:700;display:inline-block}.scene--ending .scene-text{color:var(--text-dim);font-style:italic}.choices{flex-direction:column;gap:.75rem;display:flex}.choice-btn{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;font:inherit;text-align:left;width:100%;padding:.9rem 1.25rem;font-size:.95rem;line-height:1.45;transition:border-color .12s,background .12s}.choice-btn:hover,.choice-btn:focus-visible{border-color:var(--accent);background:var(--bg3);outline:none}.results-area{margin-top:2.5rem}.results{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding-top:2.5rem;animation:.4s fadein;display:flex}.results-stars{color:var(--accent);letter-spacing:.35em;font-size:1.6rem}.results-percent{color:var(--accent);font-family:monospace;font-size:4rem;line-height:1}.results-msg{max-width:380px;font-size:1rem;font-style:italic;line-height:1.55}.results-detail{color:var(--text-dim);font-family:monospace;font-size:.75rem}.replay-btn{text-align:center;min-width:160px;margin-top:.75rem}.loading{text-align:center;color:var(--text-dim);padding:4rem;font-family:monospace;font-size:.85rem;font-style:italic}.error-msg{text-align:center;color:#c04040;padding:2rem;font-style:italic}