*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#09090f;--bg-secondary:#0f0f1a;--bg-card:#131320;--bg-card-hover:#1a1a2c;--gold:#c9a84c;--gold-light:#e0c070;--gold-dim:#6a5828;--text-primary:#efe7d7;--text-secondary:#9a8870;--text-muted:#4a4035;--border:#1a1a2e;--mood-calm:#4a9460;--mood-uneasy:#c4a030;--mood-flustered:#c87030;--mood-cracked:#c83030}html,body{width:100%;height:100%;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Georgia,serif;line-height:1.65}#root{flex-direction:column;height:100%;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:2px}.title-screen{background:radial-gradient(ellipse at top, #12101e 0%, var(--bg-primary) 70%);justify-content:center;align-items:center;min-height:100%;padding:32px 16px;display:flex;overflow-y:auto}.title-screen__content{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:520px;display:flex}.title-screen__badge{letter-spacing:4px;color:var(--gold);border:1px solid var(--gold-dim);border-radius:2px;padding:4px 14px;font-family:Courier New,monospace;font-size:11px}.title-screen__title{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.title-screen__title-kr{color:var(--gold-light);letter-spacing:6px;text-shadow:0 0 40px #c9a84c4d;font-size:48px;font-weight:700;line-height:1}.title-screen__title-sub{color:var(--text-secondary);letter-spacing:8px;font-size:16px;font-style:italic}.title-screen__divider{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);width:100%;height:1px}.title-screen__scenario{background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--gold-dim);flex-direction:column;gap:16px;width:100%;padding:24px;display:flex}.title-screen__scenario-header{align-items:baseline;gap:12px;display:flex}.title-screen__scenario-tag{letter-spacing:3px;color:var(--gold);font-family:Courier New,monospace;font-size:10px}.title-screen__scenario-title{color:var(--text-primary);font-size:20px;font-style:italic}.title-screen__target{grid-template-columns:1fr 1fr;gap:10px;display:grid}.title-screen__target-item{background:var(--bg-secondary);border:1px solid var(--border);flex-direction:column;gap:2px;padding:10px;display:flex}.title-screen__target-label{letter-spacing:2px;color:var(--text-muted);font-family:Courier New,monospace;font-size:10px}.title-screen__target-value{color:var(--gold-light);font-size:13px}.title-screen__desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.title-screen__api{flex-direction:column;gap:8px;width:100%;display:flex}.title-screen__api-header{justify-content:space-between;align-items:center;display:flex}.title-screen__api-label{letter-spacing:2px;color:var(--text-secondary);font-family:Courier New,monospace;font-size:11px}.title-screen__api-saved{color:var(--mood-calm);font-size:11px;font-style:italic}.title-screen__api-row{gap:6px;display:flex}.title-screen__api-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;padding:0 12px;font-size:14px;transition:border-color .2s}.title-screen__api-toggle:hover{border-color:var(--gold-dim)}.title-screen__api-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);letter-spacing:1px;padding:12px 14px;font-size:14px;transition:border-color .2s}.title-screen__api-input:focus{border-color:var(--gold-dim)}.title-screen__api-error{color:var(--mood-cracked);font-size:12px}.title-screen__api-note{color:var(--text-muted);font-size:11px;font-style:italic}.title-screen__btn{background:linear-gradient(135deg, #8a6020, var(--gold));color:#0a0808;letter-spacing:4px;border:none;width:100%;padding:16px;font-size:15px;font-weight:700;transition:opacity .2s,transform .1s}.title-screen__btn:hover{opacity:.9}.title-screen__btn:active{transform:scale(.99)}.game-screen{background:var(--bg-primary);flex-direction:column;height:100%;display:flex}.game-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.game-header__back{color:var(--text-muted);letter-spacing:1px;border:1px solid var(--border);white-space:nowrap;background:0 0;padding:6px 10px;font-size:12px;transition:color .2s,border-color .2s}.game-header__back:hover{color:var(--gold);border-color:var(--gold-dim)}.game-header__center{text-align:center;flex:1}.game-header__title{letter-spacing:3px;color:var(--gold);font-size:14px;line-height:1}.game-header__subtitle{color:var(--text-muted);letter-spacing:1px;margin-top:2px;font-size:11px}.game-header__turns{flex-shrink:0;align-items:center;gap:8px;display:flex}.turn-counter{color:var(--gold);background:var(--bg-card);border:1px solid var(--gold-dim);white-space:nowrap;padding:4px 10px;font-family:Courier New,monospace;font-size:13px}.turn-counter--danger{color:var(--mood-cracked);border-color:var(--mood-cracked);animation:1.2s ease-in-out infinite pulse-danger}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.6}}.item-toggle-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;padding:4px 10px;font-size:12px;transition:color .2s,border-color .2s}.item-toggle-btn:hover{color:var(--gold);border-color:var(--gold-dim)}.mood-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:8px 20px;display:flex}.mood-bar--hidden{justify-content:center}.mood-lock{color:var(--text-muted);letter-spacing:1px;font-size:12px;font-style:italic}.mood-bar__label{white-space:nowrap;align-items:baseline;gap:8px;display:flex}.mood-bar__title{letter-spacing:2px;color:var(--text-muted);font-family:Courier New,monospace;font-size:10px}.mood-bar__state{font-size:13px;font-weight:700;transition:color .5s}.mood-bar__track{flex:1;gap:3px;height:6px;display:flex}.mood-bar__segment{background:var(--border);border-radius:1px;flex:1;height:100%;transition:background-color .5s}.mood-bar__segment--active{opacity:.9}.mood-bar__desc{color:var(--text-muted);white-space:nowrap;font-size:11px;font-style:italic}.hint-banner{border-bottom:1px solid var(--gold-dim);background:#c9a84c0f;flex-shrink:0;align-items:flex-start;gap:10px;padding:10px 20px;display:flex}.hint-banner__icon{flex-shrink:0;margin-top:1px;font-size:14px}.hint-banner__text{color:var(--gold-light);font-size:13px;font-style:italic;line-height:1.5}.game-main{flex:1;display:flex;overflow:hidden}.chat-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-message{align-items:flex-start;gap:12px;max-width:85%;animation:.3s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message--user{flex-direction:row-reverse;align-self:flex-end}.chat-message--ai{align-self:flex-start}.chat-message__avatar{background:var(--bg-card);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.chat-message--ai .chat-message__avatar{border-color:var(--gold-dim)}.chat-message__bubble{background:var(--bg-card);border:1px solid var(--border);max-width:100%;padding:12px 16px}.chat-message--user .chat-message__bubble{background:#12122a;border-color:#252545}.chat-message--ai .chat-message__bubble{border-left:2px solid var(--gold-dim)}.chat-message__name{letter-spacing:2px;color:var(--gold);margin-bottom:6px;font-family:Courier New,monospace;font-size:10px}.chat-message__text{color:var(--text-primary);white-space:pre-wrap;font-size:14px;line-height:1.7}.chat-loading{background:var(--bg-card);border:1px solid var(--border);border-left:2px solid var(--gold-dim);align-self:flex-start;gap:6px;padding:16px;display:flex}.chat-loading__dot{background:var(--gold-dim);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot-bounce}.chat-loading__dot:nth-child(2){animation-delay:.2s}.chat-loading__dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chat-input-area{border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;padding:12px 16px}.chat-input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;padding:10px 14px;font-size:14px;line-height:1.6;transition:border-color .2s}.chat-input:focus{border-color:var(--gold-dim)}.chat-input::placeholder{color:var(--text-muted)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.chat-input-count{color:var(--text-muted);font-family:Courier New,monospace;font-size:11px}.chat-send-btn{background:linear-gradient(135deg, #6a4810, var(--gold));color:#0a0808;letter-spacing:2px;border:none;padding:8px 20px;font-size:13px;font-weight:700;transition:opacity .2s}.chat-send-btn:hover:not(:disabled){opacity:.85}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}.item-panel-wrapper{border-left:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;width:260px;overflow-y:auto}.item-panel{padding:16px}.item-panel__title{letter-spacing:3px;color:var(--gold);border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:10px;font-family:Courier New,monospace;font-size:11px}.item-panel__items{flex-direction:column;gap:12px;display:flex}.item{background:var(--bg-card);border:1px solid var(--border);flex-direction:column;gap:8px;padding:12px;transition:border-color .2s;display:flex}.item--used{opacity:.5}.item--active{border-color:var(--gold-dim)}.item__header{align-items:flex-start;gap:10px;display:flex}.item__icon{flex-shrink:0;font-size:18px;line-height:1}.item__name{color:var(--text-primary);font-size:13px;line-height:1.3}.item__desc{color:var(--text-secondary);margin-top:2px;font-size:11px}.item__hint{color:var(--gold-light);border-top:1px solid var(--border);padding-top:8px;font-size:12px;font-style:italic;line-height:1.5}.item__btn{background:var(--bg-secondary);color:var(--gold);letter-spacing:1px;border:1px solid var(--gold-dim);text-align:center;padding:6px 10px;font-size:11px;transition:background .2s,opacity .2s}.item__btn:hover:not(:disabled){background:#c9a84c1a}.item__btn:disabled{opacity:.4;cursor:not-allowed}.result-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.4s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{background:var(--bg-card);border:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px;padding:40px 32px;animation:.4s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-modal__icon{font-size:56px;line-height:1}.result-modal__icon--won{animation:.6s celebrate}@keyframes celebrate{0%{transform:scale(.5)rotate(-10deg)}60%{transform:scale(1.1)rotate(5deg)}to{transform:scale(1)rotate(0)}}.result-modal__title{letter-spacing:2px;font-size:24px}.result-modal__title--won{color:var(--gold-light)}.result-modal__title--lost{color:var(--text-secondary)}.result-modal__desc{color:var(--text-secondary);white-space:pre-line;font-size:14px;line-height:1.7}.result-modal__badge{border:1px solid var(--gold-dim);background:#c9a84c14;flex-direction:column;align-items:center;gap:4px;width:100%;padding:16px 32px;display:flex}.result-modal__badge-label{letter-spacing:3px;color:var(--text-muted);font-family:Courier New,monospace;font-size:10px}.result-modal__badge-code{color:var(--gold-light);letter-spacing:6px;text-shadow:0 0 20px #e0c07066;font-family:Courier New,monospace;font-size:28px}.result-modal__btn{background:linear-gradient(135deg, #6a4810, var(--gold));color:#0a0808;letter-spacing:3px;border:none;width:100%;padding:14px;font-size:13px;font-weight:700;transition:opacity .2s}.result-modal__btn:hover{opacity:.85}.result-modal__tip{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.6}.result-modal__tip strong{color:var(--gold)}@media (width<=600px){.item-panel-wrapper{display:none}.game-header__title{letter-spacing:2px;font-size:11px}.chat-message{max-width:95%}.mood-bar__desc{display:none}.title-screen__title-kr{font-size:36px}.result-modal{padding:28px 20px}}