@import"https://fonts.googleapis.com/css2?family=Literata:ital,wght@0,400;0,600;0,700;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Literata,Georgia,Times New Roman,serif;background:#faf8f4;color:#2a2a2a}.chat-container{display:flex;flex-direction:column;height:100dvh;max-width:700px;margin:0 auto}.chat-header{padding:.75rem 1rem;background:#faf8f4;border-bottom:2px solid #2a2a2a;text-align:center}.header-top{display:flex;align-items:center;justify-content:center;gap:.5rem}.upload-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.2rem;opacity:.5;transition:opacity .15s}.upload-btn:hover{opacity:1}.chat-header h1{font-size:1.3rem;color:#2a2a2a;letter-spacing:.05em}.anleitung{margin-top:.4rem;font-size:.85rem;text-align:left}.anleitung summary{cursor:pointer;text-align:center;color:#666;font-style:italic;font-size:.8rem}.anleitung summary:hover{color:#2a2a2a}.anleitung-body{margin-top:.4rem;padding:.5rem .75rem;background:#f5f2ec;border-radius:.5rem;line-height:1.5}.anleitung-body p{margin:.3rem 0}.anleitung-body ul{padding-left:1.2rem;margin:.3rem 0}.npc-roster{display:flex;justify-content:center;gap:.5rem;margin-top:.3rem;font-size:1.3rem}.npc-emoji{cursor:default;transition:transform .15s}.npc-emoji:hover{transform:scale(1.3)}.fantasy-selector{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem}.fantasy-selector label{font-size:1.2rem;font-weight:600;color:#4a3728}.fantasy-selector select{font-family:inherit;font-size:1.1rem;padding:.5rem 1rem;border:2px solid #c9b99a;border-radius:8px;background:#fff;color:#2a2a2a;cursor:pointer}.start-btn{font-family:inherit;font-size:1.1rem;padding:.6rem 1.5rem;background:#4a3728;color:#faf8f4;border:none;border-radius:8px;cursor:pointer;font-weight:600}.start-btn:hover{background:#5c4a3a}.new-game-btn{font-family:inherit;font-size:.85rem;padding:.3rem .7rem;background:transparent;color:#4a3728;border:1.5px solid #c9b99a;border-radius:6px;cursor:pointer}.new-game-btn:hover{background:#f0ebe3}.loading-overlay{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;text-align:center;color:#666;font-style:italic;font-size:1.2rem}.loading-track{width:80%;max-width:400px;height:.6rem;background:#e8e4dd;border-radius:.3rem;overflow:hidden}.loading-fill{height:100%;background:#2a2a2a;border-radius:.3rem}.loading-fill-animated{animation:loading-progress 90s linear forwards}@keyframes loading-progress{0%{width:0}to{width:98%}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.glueck-bar{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.glueck-label{font-size:.75rem;color:#666;white-space:nowrap}.glueck-track{flex:1;height:.6rem;background:#e8e4dd;border-radius:.3rem;overflow:hidden}.glueck-fill{height:100%;background:#2a2a2a;border-radius:.3rem;transition:width .6s ease}.glueck-value{font-size:.85rem;min-width:5ch}.glueck-kommentar-msg{font-size:.85rem;color:#666;font-style:italic;text-align:right;padding:.2rem 1rem 0 0}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.message{display:flex;align-items:flex-end;gap:.4rem}.message.assistant{justify-content:flex-start}.message.user{justify-content:flex-end}.glueck-badge{font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:.5rem;white-space:nowrap;flex-shrink:0;margin-bottom:.3rem}.glueck-badge.positive{color:#2d7a3a;background:#e6f4ea}.glueck-badge.negative{color:#a33;background:#fde8e8}.glueck-badge.neutral{color:#888;background:#f0ece4}.bubble{max-width:85%;padding:.75rem 1rem;border-radius:1rem;line-height:1.7;white-space:pre-wrap;font-size:1.05rem}.message.assistant .bubble{background:#fff;border:1px solid #d5d0c8;border-radius:1rem 1rem 1rem .25rem}.message.assistant .bubble p{margin:.4rem 0}.message.assistant .bubble p:first-child{margin-top:0}.message.assistant .bubble p:last-child{margin-bottom:0}.message.assistant .bubble strong{color:#1a1a1a}.message.assistant .bubble ul,.message.assistant .bubble ol{padding-left:1.2rem;margin:.4rem 0}.message.user .bubble{background:#2a2a2a;color:#faf8f4;border-radius:1rem 1rem .25rem;font-weight:500}.hinweis-bar{padding:.5rem 1rem;background:#f0ece4;border-top:1px solid #d5d0c8;color:#444;font-size:.95rem;text-align:center;font-style:italic}.chat-input{display:flex;gap:.5rem;padding:.75rem 1rem;background:#faf8f4;border-top:1px solid #d5d0c8}.hinweis-bar+.chat-input{border-top:none}.chat-input input{flex:1;padding:.75rem 1rem;border:1px solid #d5d0c8;border-radius:.75rem;background:#fff;color:#2a2a2a;font-family:inherit;font-size:1.05rem;outline:none}.chat-input input:focus{border-color:#2a2a2a}.chat-input button{padding:.75rem 1.5rem;border:1px solid #2a2a2a;border-radius:.75rem;background:#2a2a2a;color:#faf8f4;font-family:inherit;font-weight:700;font-size:1rem;cursor:pointer}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.illustration{max-width:85%;border-radius:.75rem;margin:.25rem 0 .5rem;border:1px solid #d5d0c8}.illustration-placeholder{max-width:85%;width:300px;height:200px;border-radius:.75rem;margin:.25rem 0 .5rem;background:linear-gradient(110deg,#e8e4dd 30%,#f0ece4,#e8e4dd 70%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}