*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a12;--bg-chat: #0f0f1a;--gold: #c9a84c;--gold-dim: #8a6d2b;--gold-glow: rgba(201, 168, 76, .15);--text: #e8e0d0;--text-dim: #8a8070;--king-bg: #1a1520;--king-border: #2a2035;--player-bg: #1a2530;--player-border: #1e3040;--input-bg: #12121e;--danger: #c94c4c;--mercy-red: rgba(180, 40, 40, .12);--mercy-border: rgba(200, 60, 60, .4);--mercy-glow: rgba(200, 60, 60, .15);--success-green: #4caf50}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:"Noto Serif SC",Cinzel,Georgia,serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:720px;margin:0 auto;transition:all .5s ease}.app.mercy-mode{animation:mercyPulse 2s ease-in-out infinite}.app.mercy-mode:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#78141440;pointer-events:none;z-index:100;animation:redOverlayPulse 2s ease-in-out infinite}@keyframes mercyPulse{0%,to{filter:brightness(1)}50%{filter:brightness(.88)}}@keyframes redOverlayPulse{0%,to{opacity:.5}50%{opacity:.8}}.app.success-flash:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(201,168,76,.2) 0%,transparent 70%);pointer-events:none;z-index:100;animation:goldFlash 1.2s ease-out forwards}@keyframes goldFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.app.dead-mode{filter:grayscale(.6) brightness(.7)}.header{padding:16px 20px 12px;border-bottom:1px solid var(--king-border);background:linear-gradient(180deg,#12101a 0%,var(--bg) 100%);position:relative;z-index:10}.header-inner{display:flex;justify-content:space-between;align-items:center}.header-titles{flex-shrink:0}.title{font-family:Cinzel,serif;font-size:1.4rem;color:var(--gold);letter-spacing:2px;font-weight:700}.subtitle{font-size:.8rem;color:var(--text-dim);margin-top:2px}.header-right{display:flex;align-items:center;gap:12px}.patience-bar{display:flex;gap:2px;font-size:1.1rem}.patience-heart{transition:all .3s ease;display:inline-block}.patience-heart.dead{opacity:.3;transform:scale(.85)}.patience-heart.alive{animation:heartAlive .3s ease}.patience-heart.at-risk{animation:heartAtRisk .8s ease-in-out infinite}@keyframes heartAlive{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes heartAtRisk{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.4}}.locale-switch{display:flex;gap:4px}.locale-switch button{background:transparent;border:1px solid var(--king-border);color:var(--text-dim);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;font-family:inherit;transition:all .2s}.locale-switch button.active{border-color:var(--gold);color:var(--gold);background:var(--gold-glow)}.chat-area{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;background:var(--bg-chat)}.msg{display:flex;gap:10px;max-width:88%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.king-msg{align-self:flex-start}.player-msg{align-self:flex-end;flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;background:var(--king-bg);border:1px solid var(--gold-dim)}.msg-bubble{padding:12px 16px;border-radius:12px;line-height:1.7;font-size:.95rem}.msg-bubble p{margin-bottom:6px}.msg-bubble p:last-child{margin-bottom:0}.king-bubble{background:var(--king-bg);border:1px solid var(--king-border);border-radius:2px 12px 12px}.player-bubble{background:var(--player-bg);border:1px solid var(--player-border);border-radius:12px 2px 12px 12px;color:#d0dce8}.king-comment{color:var(--gold)}.king-story{color:var(--text);font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid var(--king-border)}.greeting-msg .king-bubble{border-color:var(--gold-dim);box-shadow:0 0 20px var(--gold-glow)}.error-bubble{color:var(--danger);font-style:italic}.angry-msg .msg-avatar{border-color:var(--danger);animation:angryShake .5s ease}.angry-bubble{border-color:var(--mercy-border)!important;background:linear-gradient(135deg,#1a1015,#201015)!important;box-shadow:0 0 15px var(--mercy-glow)}@keyframes angryShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.mercy-attempt-label{text-align:center;font-size:.8rem;color:var(--danger);opacity:.7;padding:4px 0;letter-spacing:1px}.mercy-msg .player-bubble{border-color:var(--mercy-border);background:linear-gradient(135deg,#1a2530,#201520)}.mercy-panel{position:relative;z-index:50;border-top:2px solid var(--danger);background:linear-gradient(180deg,#1a0a0a,#120a0a);animation:mercySlideIn .5s ease}@keyframes mercySlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mercy-panel-inner{padding:12px 20px;max-width:720px;margin:0 auto;display:flex;gap:12px;align-items:flex-start}.mercy-tag-row{flex-shrink:0}.mercy-tag{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px}.tag-reason{background:#c83c3c33;border:1px solid var(--mercy-border);color:#e88}.mercy-hint{font-size:.9rem;line-height:1.5;color:var(--text);font-style:italic;opacity:.9}.mercy-encourage{margin-top:6px;font-size:.8rem;color:var(--gold);font-style:italic}.mercy-result{text-align:center;padding:12px 20px;border-radius:8px;font-size:.95rem;animation:fadeIn .3s ease}.mercy-result.success{background:#4caf501f;border:1px solid rgba(76,175,80,.4);color:var(--success-green);animation:successBurst .6s ease-out,fadeIn .3s ease;position:relative;overflow:hidden}.mercy-result.success:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,rgba(201,168,76,.3) 0%,transparent 60%);animation:successGlow 1.5s ease-out forwards}.mercy-result.success:after{content:"u2728u2728u2728";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:sparkleFloat 1.5s ease-out forwards;pointer-events:none;opacity:0}@keyframes successBurst{0%{transform:scale(.8);box-shadow:0 0 #4caf5000}50%{transform:scale(1.03);box-shadow:0 0 30px #4caf5066}to{transform:scale(1);box-shadow:0 0 10px #4caf5026}}@keyframes successGlow{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2)}}@keyframes sparkleFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-80%) scale(1.2)}to{opacity:0;transform:translate(-50%,-120%) scale(.8)}}.mercy-result.fail{background:#c83c3c1f;border:1px solid var(--mercy-border);color:var(--danger);animation:failShake .5s ease}@keyframes failShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.death-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200;animation:deathFadeIn 1s ease}@keyframes deathFadeIn{0%{opacity:0}to{opacity:1}}.death-content{text-align:center;max-width:400px;padding:40px}.death-content h2{font-family:Cinzel,serif;font-size:2rem;color:var(--danger);margin-bottom:16px;animation:deathPulse 2s ease-in-out infinite}@keyframes deathPulse{0%,to{opacity:1}50%{opacity:.6}}.death-content p{color:var(--text-dim);font-size:1rem;line-height:1.6;margin-bottom:24px}.death-continue-btn{background:transparent;border:1px solid var(--gold-dim);color:var(--gold);padding:12px 32px;border-radius:8px;font-family:inherit;font-size:1rem;cursor:pointer;transition:all .3s}.death-continue-btn:hover{background:var(--gold-glow);border-color:var(--gold)}.mercy-input .input-field{border-color:var(--mercy-border);background:#1a0a0e}.mercy-input .input-field:focus{border-color:var(--danger);box-shadow:0 0 10px var(--mercy-glow)}.mercy-send{background:var(--danger)!important;font-size:1.2rem!important}.mercy-send:hover:not(:disabled){background:#d85555!important}.loading-bubble{padding:12px 20px}.dot-loader{display:inline-flex;gap:4px}.dot-loader span{width:6px;height:6px;border-radius:50%;background:var(--gold-dim);animation:bounce 1.2s infinite}.dot-loader span:nth-child(2){animation-delay:.2s}.dot-loader span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.starters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0}.starter-chip{background:var(--king-bg);border:1px solid var(--king-border);color:var(--gold);padding:8px 16px;border-radius:20px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s;line-height:1.4}.starter-chip:hover{border-color:var(--gold-dim);background:var(--gold-glow)}.input-bar{padding:12px 16px 8px;border-top:1px solid var(--king-border);background:var(--bg);position:relative;z-index:10}.input-inner{display:flex;gap:8px;align-items:flex-end}.input-field{flex:1;background:var(--input-bg);border:1px solid var(--king-border);border-radius:8px;padding:10px 14px;color:var(--text);font-family:inherit;font-size:.95rem;resize:none;outline:none;line-height:1.5;max-height:120px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--gold-dim)}.input-field::placeholder{color:var(--text-dim)}.input-field:disabled{opacity:.5}.send-btn{background:var(--gold-dim);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.send-btn:hover:not(:disabled){background:var(--gold)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.powered-by{text-align:center;font-size:.7rem;color:var(--text-dim);margin-top:6px;opacity:.5}.weapon-keyword{cursor:pointer;font-weight:600;border-radius:3px;padding:0 2px;transition:all .2s}.weapon-keyword.uncollected{color:#f0c050;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.weapon-keyword.uncollected:hover{background:#f0c05026;text-decoration-style:solid}.weapon-keyword.collected{color:var(--success-green);cursor:default;text-decoration:none}.weapon-counter{font-size:.85rem;color:var(--gold);background:var(--gold-glow);border:1px solid var(--gold-dim);border-radius:4px;padding:2px 8px;white-space:nowrap}.weapon-victory-banner{text-align:center;padding:12px 20px;border-radius:8px;font-size:.95rem;background:#4caf501f;border:1px solid rgba(76,175,80,.4);color:var(--success-green);animation:fadeIn .5s ease}.weapon-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#1a1520f2;border:1px solid var(--gold-dim);color:var(--gold);padding:8px 20px;border-radius:20px;font-size:.85rem;z-index:150;animation:toastIn .3s ease,toastOut .3s ease 1.7s forwards}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@media (max-width: 600px){.title{font-size:1.1rem}.msg{max-width:92%}.msg-bubble{font-size:.9rem;padding:10px 12px}.header-right{flex-direction:column;gap:6px;align-items:flex-end}.patience-bar{font-size:.9rem}}