:root{--bg-color: #050510;--text-color: #e0e0e0;--accent-color: #7b2cbf;--accent-glow: #9d4edd;--glass-bg: rgba(20, 20, 40, .85);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", system-ui, -apple-system, sans-serif;--sidebar-width: 400px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);height:100vh;width:100vw;overflow:hidden}#root{height:100%;width:100%;display:flex;flex-direction:column}.game-container{display:flex;height:100%;width:100%;overflow:hidden}.image-panel{flex:1;position:relative;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center}.story-image{width:100%;height:100%;object-fit:cover;transition:opacity .5s ease-in-out}.story-image.loading{opacity:.5;filter:blur(10px)}.sidebar-panel{width:var(--sidebar-width);min-width:350px;background:var(--bg-color);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;padding:2rem;overflow-y:auto;gap:2rem;box-shadow:-5px 0 20px #00000080;z-index:10}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem}.text-gradient{background:linear-gradient(135deg,#fff,#a0a0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}button:active{transform:scale(.98)}.choice-btn{width:100%;padding:1rem;text-align:left;background:#1e1e3c80;color:#fff;font-size:.95rem;border:1px solid var(--glass-border);border-radius:8px;margin-bottom:.8rem;transition:all .2s ease}.choice-btn:hover:not(:disabled){background:#7b2cbf66;border-color:var(--accent-glow);transform:translate(5px)}.choice-btn:disabled{opacity:.5;cursor:wait}.input-group{display:flex;gap:.5rem;margin-top:1rem}.custom-input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;padding:.8rem;border-radius:8px;outline:none;font-size:.95rem;transition:border-color .2s}.custom-input:focus{border-color:var(--accent-glow)}.send-btn{background:var(--accent-color);color:#fff;border-radius:8px;width:50px;display:flex;align-items:center;justify-content:center;transition:background .2s}.send-btn:hover{background:var(--accent-glow)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.spinner-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;padding:1rem 2rem;border-radius:50px;display:flex;align-items:center;gap:1rem;border:1px solid var(--accent-color);z-index:20;pointer-events:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.game-container{flex-direction:column}.image-panel{flex:.4;min-height:300px}.sidebar-panel{flex:.6;width:100%;border-left:none;border-top:1px solid var(--glass-border)}}