:root{--bg:#1a1a2e;--bg-card:#16213e;--text:#e0e0e0;--text-muted:#88a;--accent:#e94560;--accent-hover:#ff6b81;--choice-bg:#0f3460;--choice-hover:#1a4a7a;--choice-selected:#e94560;--shadow:0 -2px 10px #0000004d;--radius:12px;--max-width:640px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100dvh;margin:0;overflow:hidden}#root{width:100%;max-width:var(--max-width);flex-direction:column;height:100dvh;margin:0 auto;display:flex}.menu-screen{flex-direction:column;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.menu-screen h1{color:var(--text);margin-bottom:8px;font-size:1.75rem;font-weight:700}.menu-screen .subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.story-card{background:var(--bg-card);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--text);border:none;width:100%;margin-bottom:12px;padding:20px;font-family:inherit;font-size:1rem;transition:transform .15s,box-shadow .15s}.story-card:active{transform:scale(.98)}.story-card h2{color:var(--text);margin-bottom:6px;font-size:1.2rem;font-weight:600}.story-card p{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.story-card .author{color:var(--accent);font-size:.8rem}.game-screen{flex-direction:column;height:100%;display:flex}.game-header{flex-shrink:0;align-items:center;gap:12px;padding:16px 16px 8px;display:flex}.game-header h1{color:var(--text-muted);font-size:1rem;font-weight:600}.story-text-area{-webkit-overflow-scrolling:touch;flex:1;padding:16px 20px;overflow-y:auto}.story-text{color:var(--text);white-space:pre-line;font-size:1.05rem;line-height:1.7}.choices-panel{padding:12px 16px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:var(--bg);box-shadow:var(--shadow);flex-direction:column;flex-shrink:0;gap:8px;display:flex}.choice-btn{border-radius:var(--radius);background:var(--choice-bg);width:100%;min-height:48px;color:var(--text);cursor:pointer;text-align:left;border:1px solid #ffffff14;padding:12px 16px;font-family:inherit;font-size:.95rem;line-height:1.4;transition:background .2s,transform .1s}.choice-btn:active{transform:scale(.98)}.choice-btn:hover{background:var(--choice-hover)}.choice-btn.selected{background:var(--choice-selected);color:#fff}.typewriter-cursor{background:var(--accent,#7c6fe0);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:.6s steps(2,end) infinite blink;display:inline-block}@keyframes blink{0%{opacity:1}to{opacity:0}}.choices-panel.choices-hidden{opacity:0;pointer-events:none;transform:translateY(12px)}.choices-panel.choices-visible{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.end-screen{flex-direction:column;height:100%;padding:24px 20px;display:flex}.end-screen .ending-text{flex:1;padding-bottom:16px;font-size:1.05rem;line-height:1.7;overflow-y:auto}.end-divider{text-align:center;flex-shrink:0;padding:24px 0}.end-divider h2{color:var(--accent);margin-bottom:4px;font-size:1.5rem;font-weight:700}.end-divider p{color:var(--text-muted);font-size:.9rem}.end-actions{padding-bottom:max(0px, env(safe-area-inset-bottom));flex-direction:column;flex-shrink:0;gap:8px;display:flex}.btn-primary{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;width:100%;min-height:48px;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{border-radius:var(--radius);width:100%;min-height:48px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:background .2s}.btn-secondary:hover{background:var(--bg-card)}