:root{--primary-bg:#0b0f19;--secondary-bg:#111827;--text-color:#f3f4f6;--border-color:#cfb16833;--accent-color:#cfb168;--shadow:0 8px 32px 0 #0000005e;--slider-bg:#374151;--modal-backdrop:#000c;--transition-speed:.3s;--nav-height:80px;--glass-bg:#111827b3;--glass-border:#ffffff0d}body.light-theme{--primary-bg:#f9fafb;--secondary-bg:#fff;--text-color:#1f2937;--border-color:#cfb1684d;--accent-color:#cfb168;--shadow:0 4px 6px -1px #0000001a;--slider-bg:#e5e7eb;--glass-bg:#fffc;--glass-border:#cfb1681a}html{scroll-behavior:smooth}body{background-color:var(--primary-bg);color:var(--text-color);padding-top:var(--nav-height);transition:background-color var(--transition-speed), color var(--transition-speed);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body.body-no-scroll{overflow:hidden}.navbar{background-color:var(--secondary-bg);width:100%;box-shadow:var(--shadow);box-sizing:border-box;z-index:1000;height:var(--nav-height);justify-content:space-between;align-items:center;padding:0 5%;display:flex;position:fixed;top:0;left:0}.nav-brand{letter-spacing:-.5px;font-size:1.8em;font-weight:800}.brand-accent{color:var(--accent-color);text-shadow:0 0 10px #cfb16866}.nav-links{align-items:center;margin:0;padding:0;list-style:none;display:flex}.nav-links li a{color:var(--text-color);border-radius:6px;margin:0 5px;padding:10px 15px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.nav-links li a:hover,.nav-links li a.active{color:var(--accent-color);background-color:#cfb1681a}.hamburger-menu{display:none}.main-section{min-height:calc(100vh - var(--nav-height));justify-content:center;align-items:flex-start;padding:20px;display:flex}.game-container{grid-template-columns:250px minmax(400px,500px) 300px 230px;justify-content:center;gap:15px;width:100%;max-width:1400px;margin:0 auto;display:grid}.players-column{flex-direction:column;justify-content:space-between;gap:20px;display:flex}.board-column{justify-content:center;align-items:center;display:flex}.board-wrapper{width:100%;max-width:500px;position:relative}.controls-column{flex-direction:column;gap:10px;display:flex}.grid-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.controls-layout{flex-direction:column;gap:15px;display:flex}.primary-action-btn{justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:5px;display:flex;padding:15px!important;font-size:1.1em!important}.secondary-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.compact-action-btn{text-transform:uppercase;letter-spacing:.5px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;border:1px solid var(--border-color)!important;box-shadow:none!important;color:var(--text-color)!important;background:#ffffff08!important;padding:12px 8px!important;font-size:.75em!important}.compact-action-btn:hover{transform:translateY(-2px);border-color:var(--accent-color)!important;color:var(--accent-color)!important;background:#cfb1681a!important}.compact-action-btn svg{opacity:.8}.compact-action-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.history-column{flex-direction:column;gap:20px;display:flex}@media (width<=1350px){.game-container{grid-template-columns:250px minmax(350px,500px) 250px}.history-column{flex-direction:row;grid-column:1/-1}}@media (width<=900px){.game-container{grid-template-columns:1fr}.players-column{flex-direction:row;justify-content:space-around}}#miTablero [data-square],#previewBoardPieces [data-square]{position:relative}.clock-display{text-align:center;background-color:var(--primary-bg);box-shadow:var(--shadow);border:2px solid #0000;border-radius:8px;padding:10px 20px;font-family:monospace;font-size:2.5em;font-weight:700;transition:border-color .3s,background-color .3s,transform .12s}.clock-display.active-clock{border-color:var(--accent-color);background-color:var(--secondary-bg);transform:scale(1.02)}.info-box{background-color:var(--secondary-bg);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.info-box h3{background-color:var(--primary-bg);border-bottom:1px solid var(--border-color);margin:0;padding:10px 20px}.info-box p{margin:0;padding:15px 20px}#pgn{word-wrap:break-word;max-height:150px;font-family:monospace;overflow-y:auto}.section-title{text-align:center;width:100%;color:var(--text-color);margin-bottom:30px;font-size:2.2em}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:16px;width:100%;max-width:1000px;padding:40px}.glass-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:12px;padding:25px;transition:transform .3s,box-shadow .3s}.glass-card:hover{border-color:#cfb1684d;transform:translateY(-5px);box-shadow:0 10px 25px #0003}.analysis-container{flex-direction:column;align-items:center;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;display:grid}.chart-container{text-align:center;flex-direction:column;align-items:center;display:flex}.chart-header{align-items:center;gap:10px;margin-bottom:15px;display:flex}.chart-header h3{margin:0;font-size:1.2em}.chart-icon{font-size:1.5em}.chart-container img{border-radius:8px;max-width:100%;height:auto;margin-bottom:15px}.chart-description{color:#ffffffb3;font-size:.9em;line-height:1.5}.about-container{flex-direction:column;align-items:center;display:flex}.about-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;width:100%;display:grid}.about-card h3{color:var(--accent-color);margin-top:15px;margin-bottom:10px}.about-card p{font-size:.95em;line-height:1.6}.card-icon{margin-bottom:10px;font-size:2.5em}.fade-up-element{opacity:0;animation:.6s forwards fadeUp;transform:translateY(20px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}button,.action-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(90deg,#8a6d3b 0%,#cfb168 100%);border:none;border-radius:8px;padding:12px 20px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #cfb1684d}button:hover,.action-btn:hover{background-image:linear-gradient(90deg,#cfb168 0%,#8a6d3b 100%);transform:scale(1.05);box-shadow:0 6px 20px #cfb16866}button:active,.action-btn:active{transform:scale(.95)}#confirmThemeButton{background-image:linear-gradient(90deg,#cfb168 0%,#8a6d3b 51%,#cfb168 100%);box-shadow:0 4px 15px #cfb16866}#confirmThemeButton:hover{background-position:100%}.action-buttons,.options{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.modal{z-index:2000;background-color:var(--modal-backdrop);width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{background-color:var(--secondary-bg);border:1px solid var(--border-color);width:80%;max-width:600px;box-shadow:var(--shadow);border-radius:10px;margin:10% auto;padding:20px;position:relative}.close-button{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;position:absolute;top:10px;right:20px}.preview-board{width:300px;height:150px;margin:10px auto;overflow:hidden}.time-control-options{justify-content:center;gap:20px;margin-bottom:10px;display:flex}.time-control-options label{cursor:pointer;-webkit-user-select:none;user-select:none}.custom-time-inputs{background-color:var(--primary-bg);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.time-input{text-align:center;border:1px solid var(--border-color);background:var(--secondary-bg);width:60px;color:var(--text-color);border-radius:4px;padding:5px;font-family:monospace;font-size:1em}.hidden{display:none}.move-dot{pointer-events:none;opacity:.98;background-color:#14141426;border-radius:50%;width:35%;height:35%;transition:transform .12s,opacity .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body[data-dot-theme=blue] .move-dot{background-color:#007bff80}body[data-dot-theme=red] .move-dot{background-color:#dc354580}body[data-dot-theme=green] .move-dot{background-color:#28a74580}.dot-color-btn.selected{border-color:var(--accent-color);box-shadow:0 0 5px var(--accent-color)}.white-1e1d7{background-color:#f0d9b5}.black-3c85d{background-color:#b58863}body[data-board-theme=grayscale] .white-1e1d7,.modal-content[data-board-theme=grayscale] .white-1e1d7{background-color:#e1e1e1}body[data-board-theme=grayscale] .black-3c85d,.modal-content[data-board-theme=grayscale] .black-3c85d{background-color:#aaa}body[data-board-theme=blue] .white-1e1d7,.modal-content[data-board-theme=blue] .white-1e1d7{background-color:#dee3e6}body[data-board-theme=blue] .black-3c85d,.modal-content[data-board-theme=blue] .black-3c85d{background-color:#8ca2ad}body[data-board-theme=green] .white-1e1d7,.modal-content[data-board-theme=green] .white-1e1d7{background-color:#ffd}body[data-board-theme=green] .black-3c85d,.modal-content[data-board-theme=green] .black-3c85d{background-color:#86a666}.color-btn.selected{border-color:var(--accent-color);box-shadow:0 0 5px var(--accent-color)}#miTablero [data-square],#previewBoardPieces [data-square]{transition:box-shadow .12s}@media (width<=768px){.hamburger-menu{cursor:pointer;z-index:1100;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;padding:0;display:flex}.hamburger-bar{background-color:var(--text-color);width:100%;height:3px;transition:all var(--transition-speed) ease-in-out;border-radius:2px;display:block}.nav-links{background-color:var(--secondary-bg);width:70%;max-width:300px;height:100%;box-shadow:var(--shadow);transition:transform var(--transition-speed) ease-in-out;z-index:1050;flex-direction:column;justify-content:center;position:fixed;top:0;left:0;transform:translate(-100%)}.nav-links.active{transform:translate(0)}.nav-links li{text-align:center;width:100%}.nav-links li a{border-top:1px solid var(--border-color);padding:20px}.nav-links li:last-child{border-bottom:1px solid var(--border-color)}.theme-switch-wrapper{justify-content:center;padding:20px}.hamburger-menu.active .hamburger-bar:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-menu.active .hamburger-bar:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.about-content{flex-direction:column}.modal-content{width:90%}}img{max-width:100%;height:auto;display:block}.text-center{text-align:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.theme-switch-wrapper{align-items:center;display:flex}.theme-switch{width:60px;height:34px;display:inline-block;position:relative}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--slider-bg);border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-color);border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(26px)}.slider .theme-icon{pointer-events:none;transition:all .4s;position:absolute;top:50%;transform:translateY(-50%)}.slider .theme-icon img{width:20px;height:20px}.slider .theme-icon{left:6px}input:checked+.slider .theme-icon{left:34px}.player-info{border-radius:8px;align-items:center;gap:15px;width:100%;padding:10px 15px;display:flex}.player-details h3{color:var(--accent-color);margin:0 0 5px;font-size:1.1em}.player-details p{color:var(--text-color);opacity:.8;margin:0;font-size:.85em}.avatar{border:1px solid var(--border-color);background-color:#cfb1681a;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.thinking-indicator{color:var(--accent-color);margin-top:5px;font-size:.8em;font-style:italic;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.clock-display{color:#fff;background-color:#262421;border:1px solid #0000;border-radius:4px;margin-left:auto;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:1.4em;font-weight:700;transition:all .2s}body.light-theme .clock-display{color:#333;background-color:#e1e1e1}.clock-display.active-clock{color:#000;background-color:#fff;box-shadow:0 0 15px #fff3}body.light-theme .clock-display.active-clock{background-color:var(--accent-color);color:#fff}.clickable-card{cursor:pointer;transition:transform .3s}.clickable-card:hover{transform:translateY(-5px)}.chart-wrapper{border-radius:8px;margin-bottom:1rem;position:relative;overflow:hidden}.chart-overlay{opacity:0;color:#fff;background:#cfb16833;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.clickable-card:hover .chart-overlay{opacity:1}#chartModal .modal-content{border:1px solid var(--accent-color);max-width:900px;padding:2rem}.close-modal{color:var(--text-color);cursor:pointer;font-size:2rem;position:absolute;top:10px;right:20px}.modal-body{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.modal-body img{border-radius:8px;max-width:100%}.modal-body p{text-align:center;color:var(--text-color);font-size:1.1rem;line-height:1.6}