:root{--bg:#0b0f14;--fg:#e6f0ff;--card:#131a22;--accent:#4ea1ff;--muted:#9bb0c7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Arial}.container{max-width:860px;margin:32px auto;padding:0 16px}h1,h3{margin:0 0 12px}.card{background:var(--card);padding:16px;border-radius:12px;border:1px solid #1e2a38;margin-bottom:12px}button{background:var(--accent);color:#00172b;border:none;padding:10px 14px;border-radius:10px;cursor:pointer}button[disabled]{opacity:.5;cursor:not-allowed}.scorebar{display:flex;gap:16px;align-items:center;margin-bottom:12px;opacity:.95}.timerbar{height:8px;background:#1b2733;border-radius:999px;overflow:hidden;margin-top:8px}.timerbar-fill{height:100%;background:var(--accent)}.chat{background:#0e141b;border:1px solid #1e2a38;border-radius:12px;padding:12px;min-height:160px;max-height:320px;overflow:auto;margin:12px 0}.msg{padding:8px 10px;margin:6px 0;max-width:80%;border-radius:10px}.msg.user{background:#1a2532;margin-left:auto}.msg.assistant{background:#122030;margin-right:auto}.inputRow{display:flex;gap:8px}.inputRow input{flex:1;background:#0c141d;border:1px solid #1e2a38;border-radius:10px;padding:10px;color:var(--fg)}.answerBtn{background:#36d39a;color:#001b12}.puzzle-card{margin-bottom:1rem;background:#131a22}.chat-card{background:#0f151d;border:1px solid #1c2835}.answerSection{display:flex;gap:.5rem;margin-top:1rem;align-items:center}.answerSection input{flex:2;padding:8px 12px;border-radius:8px;border:1px solid #243243;background:#0e141b;color:#e6f0ff}.animate-in{animation:fadeSlideIn .6s ease forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.startArea{text-align:center;margin-top:1rem}.startButton{padding:.75rem 1.5rem;font-size:1.1rem;border:none;border-radius:999px;background-color:#4ea1ff;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.startButton:hover{transform:scale(1.05)}.startButton:not(:disabled):hover{transform:translateY(-1px)}.startButton:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.4)}.msg.assistant.typing{display:flex;align-items:center;color:#999;font-style:italic;margin-top:.5rem}.dots{display:inline-flex;gap:4px;font-size:1.2rem;letter-spacing:2px}.dots span{animation:blink 1.2s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.end-experiment{position:fixed;top:20px;right:20px;background:#c62828;color:#fff;border:none;padding:.7rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;z-index:9999}.end-experiment:hover{background:#b71c1c}.avatar-chat-layout{display:flex;flex-direction:row;width:100vw;height:100vh;overflow:hidden;background-color:#000;background:#6e5d5c}.chat-pane{flex:1;background:#6e5d5c;overflow-y:auto;z-index:10;border-right:2px solid #222;display:flex;flex-direction:column}.avatar-pane{flex:1;position:relative;background:#6e5d5c}.avatar-pane canvas{width:100%!important;height:100%!important;display:block}@media(max-width:900px){.avatar-chat-layout{flex-direction:column}.chat-pane{border-right:none;border-bottom:2px solid #222;height:50vh}.avatar-pane{height:50vh}}