:root{--bg-color:#0f172a;--sidebar-bg:#1e293b;--panel-bg:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--border-color:#334155;--board-border:#475569}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);height:100vh;overflow:hidden}.app-container{display:grid;grid-template-columns:300px 1fr 350px;height:100vh}.sidebar{background-color:var(--sidebar-bg);padding:20px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px;overflow-y:auto}.logo h1{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.api-key-section{display:flex;flex-direction:column;gap:8px}.api-key-section label{font-size:.875rem;color:var(--text-secondary)}.api-key-section input{background-color:var(--bg-color);border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;color:var(--text-primary);font-family:monospace}select{background-color:var(--bg-color);border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;color:var(--text-primary);font-family:inherit;width:100%;cursor:pointer}select:focus{outline:0;border-color:var(--accent-color)}.settings-box{background-color:var(--bg-color);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.settings-box h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.settings-box label{font-size:.875rem;color:var(--text-secondary);display:block;margin-bottom:5px}.toggle-container label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary)}.hint{font-size:.75rem;color:var(--text-secondary)}.game-info{flex-grow:1;display:flex;flex-direction:column;gap:15px}.pgn-box,.status-box{background-color:var(--bg-color);padding:15px;border-radius:8px;border:1px solid var(--border-color)}.pgn-box h3,.status-box h3{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}#pgn{font-family:monospace;font-size:.875rem;max-height:200px;overflow-y:auto;white-space:pre-wrap}.controls{display:flex;gap:10px}.controls-group{display:flex;flex-direction:column;gap:8px}.btn{padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s;flex:1}.btn.primary{background-color:var(--accent-color);color:#fff}.btn.primary:hover{background-color:var(--accent-hover)}.btn.secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn.secondary:hover{background-color:var(--border-color)}.btn.danger{background-color:#dc2626;color:#fff}.btn.danger:hover{background-color:#b91c1c}.main-content{display:flex;justify-content:center;align-items:center;padding:20px;background-color:var(--bg-color);position:relative}.chat-panel{background-color:var(--panel-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{padding:20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.chat-header h2{font-size:1.25rem;font-weight:600}.chat-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;min-height:0}.message{padding:12px;border-radius:8px;max-width:90%;line-height:1.5;font-size:.9375rem}.message.system{background-color:var(--bg-color);color:var(--text-secondary);align-self:center;text-align:center;font-style:italic}.message.user{background-color:var(--accent-color);color:#fff;align-self:flex-end}.message.ai{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);align-self:flex-start}.chat-input-area{padding:20px;border-top:1px solid var(--border-color);display:flex;gap:10px;flex-shrink:0}textarea{flex-grow:1;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;padding:10px;color:var(--text-primary);resize:none;height:60px;font-family:inherit}textarea:focus{outline:0;border-color:var(--accent-color)}.quick-actions{padding:0 20px 20px;display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.chip{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:16px;font-size:.8125rem;cursor:pointer;transition:all .2s}.chip:hover{border-color:var(--accent-color);color:var(--accent-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:1024px){.app-container{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow-y:auto}.sidebar{flex-direction:row;align-items:center;padding:10px 20px;border-right:none;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.api-key-section,.game-info{display:none}.chat-panel{height:400px;border-left:none;border-top:1px solid var(--border-color)}.main-content{padding:10px;flex-direction:column}.eval-container{height:30px;width:100%;max-width:600px;margin-right:0;margin-bottom:10px;flex-direction:row}.eval-bar-wrapper{flex-direction:row}.eval-fill{height:100%;transition:width .5s ease}.eval-fill.black{width:50%;height:100%}.eval-fill.white{width:50%;height:100%}.eval-score{top:0;left:50%;width:auto;height:100%;transform:translateX(-50%);padding:0 5px;display:flex;align-items:center}}.eval-container{height:600px;width:30px;margin-right:20px;display:flex;flex-direction:column}.eval-bar-wrapper{background-color:#333;height:100%;width:100%;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;position:relative;border:1px solid var(--border-color)}.eval-fill{width:100%;transition:height .5s ease}.eval-fill.black{background-color:#4b5563;height:50%}.eval-fill.white{background-color:#e2e8f0;height:50%}.eval-score{position:absolute;top:50%;left:0;width:100%;text-align:center;font-size:.75rem;font-weight:700;color:#777;transform:translateY(-50%);background-color:rgba(255,255,255,.8);padding:2px 0;z-index:10}.highlight-source{background-color:rgba(255,255,0,.4)}.highlight-single{background-color:rgba(59,130,246,.6)!important;box-shadow:inset 0 0 10px rgba(0,0,0,.3)}.highlight-move{position:relative}.highlight-move::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background-color:rgba(0,0,0,.2);border-radius:50%;pointer-events:none}#myBoard{touch-action:none;width:100%;max-width:600px}#game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px)}#game-over-overlay.hidden{display:none}.game-over-modal{background-color:var(--panel-bg);border:2px solid var(--accent-color);padding:30px 40px;border-radius:12px;text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.5);animation:popIn .3s ease-out forwards}#game-over-title{font-size:2.5rem;font-weight:700;margin-bottom:15px;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.game-over-hint{color:var(--text-secondary);font-size:.95rem}@keyframes popIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}