*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#1a1a1a;color:#e0e0e0;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#111;border-bottom:1px solid #333;flex-shrink:0}.app-header h1{font-size:1.2rem;font-weight:600;letter-spacing:.02em}.reset-btn{background:#333;color:#ccc;border:1px solid #444;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:.85rem}.reset-btn:hover{background:#444;color:#fff}.app-body{display:flex;flex:1;overflow:hidden;gap:0}.board-panel{display:flex;flex-direction:column;align-items:center;padding:24px 20px;gap:16px;background:#222;border-right:1px solid #333;flex-shrink:0}.move-list{display:flex;flex-wrap:wrap;gap:4px 8px;width:480px;font-size:.85rem;color:#aaa}.move-token{padding:2px 6px;border-radius:4px;cursor:default}.move-token.active{background:#3a5a3a;color:#90ee90;font-weight:600}.board-controls{display:flex;gap:12px;width:480px}.board-controls button{flex:1;padding:8px;background:#333;color:#ccc;border:1px solid #444;border-radius:6px;cursor:pointer;font-size:.9rem}.board-controls button:hover:not(:disabled){background:#444;color:#fff}.board-controls button:disabled{opacity:.35;cursor:default}.chat-panel{display:flex;flex-direction:column;flex:1;overflow:hidden}.message-list{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.board-hint{color:#555;font-size:.85rem;text-align:center;margin:6px 0 10px}.privacy-notice{color:#777;font-size:.75rem;margin:0 20px 12px;flex-shrink:0}.privacy-notice summary{cursor:pointer;text-align:center}.privacy-notice p{margin-top:6px;line-height:1.4}.privacy-notice a{color:#8ab48a;display:inline-block;margin-top:6px}.privacy-notice code{overflow-wrap:anywhere}.empty-hint{color:#555;font-style:italic;text-align:center;margin-top:40px}.message{display:flex;flex-direction:column;gap:4px;max-width:720px}.message.user{align-self:flex-end;align-items:flex-end}.message.assistant{align-self:flex-start}.message-role{font-size:.75rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.message-content{background:#2a2a2a;padding:10px 14px;border-radius:8px;line-height:1.6;font-size:.95rem}.message.user .message-content{background:#1e3a1e;color:#c8e6c8}.message-content p{margin:0;white-space:pre-wrap}.message-content p+p{margin-top:8px}.message-content ul,.message-content ol{padding-left:20px;margin:6px 0}.message-content li{margin:2px 0}.message-content h1,.message-content h2,.message-content h3{margin:8px 0 4px;font-size:1rem}.message-content strong{color:#fff}.message-content em{color:#aaa}.thinking,.thinking p{color:#666!important;font-style:italic}.chat-input-row{display:flex;gap:8px;padding:16px 20px;border-top:1px solid #333;background:#1e1e1e;flex-shrink:0}.chat-input-row input{flex:1;padding:10px 14px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#e0e0e0;font-size:.95rem;outline:none}.chat-input-row input:focus{border-color:#4a8a4a}.chat-input-row input::placeholder{color:#555}.chat-input-row button{padding:10px 20px;background:#2d5a2d;color:#c8e6c8;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600}.chat-input-row button:hover:not(:disabled){background:#3a6e3a}.chat-input-row button:disabled{opacity:.35;cursor:default}