.cursor-pointer{cursor:pointer}.hidden{display:none}span[data-bs-toggle="tooltip"]{font-weight:bold;cursor:pointer}.animatedTextarea{-webkit-transition:height .2s;-moz-transition:height .2s;transition:height .2s}table{font-size:85%}.btn-facebook{background:#3b579d;color:#fff}.btn-twitter{background:#2caae1;color:#fff}.btn-linkedin{background:#0177b5;color:#fff}.btn-reddit{background:#ff4500;color:#fff}.btn-email{background:#333;color:#fff}.btn-facebook:hover,.btn-facebook:focus{background:#2d4278;color:#fff}.btn-twitter:hover,.btn-twitter:focus{background:#1b8dbf;color:#fff}.btn-reddit:hover,.btn-reddit:focus{background:#ff6700;color:#fff}.btn-linkedin:hover,.btn-linkedin:focus{background:#015682;color:#fff}.btn-email:hover,.btn-email:focus{background:#444;color:#fff}.btn-social-icon{color:#fff!important}.overflow-auto-custom{overflow-x:auto}.strikeout{background-color:#ffb6c1;text-decoration:line-through}.back-to-top{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;transition:.4s;width:60px;height:60px;background-color:#808080;color:#fff;font-size:0;line-height:0;position:fixed;bottom:-200px;right:20px;z-index:9999}.back-to-top:before{content:"^";display:block;font-size:20px;line-height:1;position:relative;top:0;transition:top .2s linear}.back-to-top:hover{background-color:#909090;color:#fff}.back-to-top:hover:before{top:-5px}.back-to-top.show{bottom:20px}:root{--bg-color:#f8f9fa;--text-color:#1a202c;--primary-gradient:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);--secondary-gradient:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--accent-gradient:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);--navbar-bg:rgba(255,255,255,.9);--navbar-color:#2d3748;--navbar-expanded-bg:rgba(248,249,250,.98);--navbar-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--footer-bg:#fff;--footer-color:#4a5568;--footer-shadow:0 -4px 6px -1px rgba(0,0,0,.05);--link-color:#1e40af;--link-hover-color:#1e3a8a;--footer-link-color:#718096;--footer-link-hover-color:#1e40af;--content-box-bg:#fff;--content-box-border:rgba(0,0,0,.06);--content-box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--btn-primary-bg:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);--btn-primary-border:transparent;--btn-primary-hover-bg:linear-gradient(135deg,#1e3a8a 0%,#172554 100%);--btn-primary-hover-border:transparent;--btn-secondary-bg:linear-gradient(135deg,#cbd5e0 0%,#a0aec0 100%);--btn-secondary-border:transparent;--btn-secondary-hover-bg:linear-gradient(135deg,#b8c4d0 0%,#8795a7 100%);--btn-secondary-hover-border:transparent;--display-color:#1a202c;--heading-color:#2d3748;--chessboard-dark:#d4a574;--chessboard-light:#f0dcc4;--chessboard-border:#8b6f47;--chessboard-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--knight-color:#2d3748;--knight-visited-color:#a0aec0;--knight-current-color:#1e40af;--knight-shadow:0 4px 6px -1px rgba(0,0,0,.1);--possible-move-bg:rgba(30,64,175,.2);--possible-move-hover-bg:rgba(30,64,175,.4);--possible-move-border:rgba(30,64,175,.6);--invalid-move-outline:#f56565;--modal-header-bg:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);--modal-backdrop:rgba(0,0,0,.5);--chessboard-container-bg:#fff;--chessboard-container-border:rgba(0,0,0,.06);--input-text-color:#2d3748;--input-bg-color:#fff;--input-border-color:#e2e8f0;--input-focus-border-color:#1e40af;--input-focus-box-shadow-color:rgba(30,64,175,.25);--input-placeholder-color:#94a3b8;--muted-color:#718096;--footer-text-color:#4a5568;--footer-muted-color:#a0aec0;--content-link-color:#1e40af;--content-link-hover-color:#1e3a8a;--link-underline-color:rgba(30,64,175,.3);--content-link-underline-color:rgba(30,64,175,.3);--move-number-color:#2d3748;--move-number-current-color:#fff;--h2-border-color:transparent;--h2-accent-gradient:linear-gradient(90deg,#1e3a8a 0%,#1e40af 100%);--navbar-color-rgb:45,55,72;--navbar-toggler-color:#2d3748;--navbar-toggler-bg:#fff;--logo-image:url('/images/knight-light.svg?v=S9Hi-3ytBMy4_3eQd31YM11R6tU');--bs-body-bg:var(--bg-color);--bs-body-color:var(--text-color);--bs-heading-color:var(--heading-color);--bs-secondary-color:var(--muted-color);--bs-border-color:var(--content-box-border);--bs-card-bg:var(--content-box-bg);--bs-modal-bg:var(--content-box-bg)}[data-theme="dark"]{--bg-color:#0f172a;--text-color:#e2e8f0;--primary-gradient:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);--secondary-gradient:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);--accent-gradient:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);--navbar-bg:rgba(30,41,59,.9);--navbar-color:#f1f5f9;--navbar-expanded-bg:rgba(30,41,59,.98);--navbar-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);--footer-bg:#1e293b;--footer-color:#cbd5e1;--footer-shadow:0 -4px 6px -1px rgba(0,0,0,.3);--link-color:#60a5fa;--link-hover-color:#93c5fd;--footer-link-color:#94a3b8;--footer-link-hover-color:#60a5fa;--content-box-bg:#1e293b;--content-box-border:rgba(255,255,255,.08);--content-box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2);--btn-primary-bg:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);--btn-primary-border:transparent;--btn-primary-hover-bg:linear-gradient(135deg,#1e40af 0%,#2563eb 100%);--btn-primary-hover-border:transparent;--btn-secondary-bg:linear-gradient(135deg,#475569 0%,#64748b 100%);--btn-secondary-border:transparent;--btn-secondary-hover-bg:linear-gradient(135deg,#334155 0%,#475569 100%);--btn-secondary-hover-border:transparent;--display-color:#f1f5f9;--heading-color:#e2e8f0;--chessboard-dark:#7c5d3f;--chessboard-light:#c9a87c;--chessboard-border:#5a4532;--chessboard-shadow:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.3);--knight-color:#e2e8f0;--knight-visited-color:#64748b;--knight-current-color:#60a5fa;--knight-shadow:0 4px 6px -1px rgba(0,0,0,.3);--possible-move-bg:rgba(96,165,250,.2);--possible-move-hover-bg:rgba(96,165,250,.4);--possible-move-border:rgba(96,165,250,.6);--invalid-move-outline:#f87171;--modal-header-bg:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);--modal-backdrop:rgba(0,0,0,.7);--chessboard-container-bg:#1e293b;--chessboard-container-border:rgba(255,255,255,.08);--input-text-color:#e2e8f0;--input-bg-color:#334155;--input-border-color:#475569;--input-focus-border-color:#60a5fa;--input-focus-box-shadow-color:rgba(96,165,250,.25);--input-placeholder-color:#64748b;--muted-color:#94a3b8;--footer-text-color:#cbd5e1;--footer-muted-color:#64748b;--content-link-color:#60a5fa;--content-link-hover-color:#93c5fd;--link-underline-color:rgba(96,165,250,.3);--content-link-underline-color:rgba(96,165,250,.3);--move-number-color:#e2e8f0;--move-number-current-color:#fff;--h2-border-color:transparent;--h2-accent-gradient:linear-gradient(90deg,#1e3a8a 0%,#1e40af 100%);--navbar-color-rgb:241,245,249;--navbar-toggler-color:#f1f5f9;--navbar-toggler-bg:#334155;--logo-image:url('/images/knight-dark.svg?v=S9Hi-3ytBMy4_3eQd31YM11R6tU');--bs-body-bg:var(--bg-color);--bs-body-color:var(--text-color);--bs-heading-color:var(--heading-color);--bs-secondary-color:var(--muted-color);--bs-border-color:var(--content-box-border);--bs-card-bg:var(--content-box-bg);--bs-modal-bg:var(--content-box-bg)}body{background-color:var(--bg-color)!important;color:var(--text-color)!important;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}h2{border-bottom:0;padding-bottom:15px;margin-bottom:25px;position:relative}h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--h2-accent-gradient);border-radius:3px}.theme-logo{content:var(--logo-image)}.navbar{background-color:var(--navbar-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--navbar-shadow);border-bottom:1px solid var(--content-box-border);transition:all .3s ease}.navbar-brand,.nav-link{color:var(--navbar-color)!important;background-image:none}.footer{background-color:var(--footer-bg);color:var(--footer-text-color);box-shadow:var(--footer-shadow)}a:not(.btn){color:var(--link-color);text-decoration:none;transition:color .3s ease,background-size .3s ease;background-image:linear-gradient(transparent calc(100% - 2px),var(--link-underline-color) 2px);background-repeat:no-repeat;background-size:0% 100%}a:not(.btn):hover,a:not(.btn):focus{color:var(--link-hover-color);background-size:100% 100%}.content-box a:not(.btn),main a:not(.btn){color:var(--content-link-color);font-weight:500;background-image:linear-gradient(transparent calc(100% - 2px),var(--content-link-underline-color) 2px);text-decoration:none}.content-box a:not(.btn):hover,.content-box a:not(.btn):focus,main a:not(.btn):hover,main a:not(.btn):focus{color:var(--content-link-hover-color);text-decoration:none}.footer a{color:var(--footer-link-color)}.footer a:hover,.footer a:focus{color:var(--footer-link-hover-color)}.navbar-brand,.nav-link{background-image:none}.navbar-brand:hover,.navbar-brand:focus,.nav-link:hover,.nav-link:focus{background-image:none}.btn-primary{background:var(--btn-primary-bg);border:var(--btn-primary-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.btn-primary:hover{background:var(--btn-primary-hover-bg);border:var(--btn-primary-hover-border);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.btn-secondary{background:var(--btn-secondary-bg);border:var(--btn-secondary-border);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);border:var(--btn-secondary-hover-border);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.display-4{color:var(--display-color)}.chessboard .square:nth-child(even){background-color:var(--chessboard-dark)}.chessboard .square:nth-child(odd){background-color:var(--chessboard-light)}#chessboard.chessboard,#demoChessboard.chessboard{border:4px solid var(--chessboard-border);background-color:var(--chessboard-border);box-shadow:var(--chessboard-shadow)}.square.current::before{background-color:var(--knight-current-color);filter:drop-shadow(var(--knight-shadow))}.square.visited::before,.square.current::before{content:'';position:absolute;top:5%;left:5%;width:90%;height:90%;-webkit-mask-image:url('/images/knight-light.svg?v=S9Hi-3ytBMy4_3eQd31YM11R6tU');mask-image:url('/images/knight-light.svg?v=S9Hi-3ytBMy4_3eQd31YM11R6tU');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:all .3s ease}.square.visited::before{background-color:var(--knight-visited-color);filter:drop-shadow(var(--knight-shadow))}.square.current::before{background-color:var(--knight-current-color)}.square.possible-move::after{background-color:var(--possible-move-bg);border:2px solid var(--possible-move-border);border-radius:50%;width:40%;height:40%;top:30%;left:30%}.square.possible-move:hover::after{background-color:var(--possible-move-hover-bg);transform:scale(1.1)}.square.invalid{outline:3px solid var(--invalid-move-outline);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;z-index:10}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.modal-header{background:var(--modal-header-bg);color:#fff}.chessboard-container{background-color:var(--chessboard-container-bg);border:1px solid var(--chessboard-container-border);box-shadow:var(--content-box-shadow);border-radius:12px}.form-control{color:var(--input-text-color);background-color:var(--input-bg-color);border-color:var(--input-border-color);transition:all .3s ease}.form-control::placeholder{color:var(--input-placeholder-color);opacity:.7}.form-control:focus{color:var(--input-text-color);background-color:var(--input-bg-color);border-color:var(--input-focus-border-color);box-shadow:0 0 0 .25rem var(--input-focus-box-shadow-color)}.form-floating>.form-control,.form-floating>.form-control-plaintext{color:var(--input-text-color)}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-control-plaintext~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem);color:var(--input-placeholder-color)}.form-floating>label{color:var(--input-placeholder-color)}.form-select{color:var(--input-text-color);background-color:var(--input-bg-color);border-color:var(--input-border-color)}.form-select:focus{border-color:var(--input-focus-border-color);box-shadow:0 0 0 .25rem var(--input-focus-box-shadow-color)}.footer-link{color:var(--footer-link-color);text-decoration:none;transition:color .3s ease}.footer-link:hover,.footer-link:focus{color:var(--footer-link-hover-color);text-decoration:underline}.square .move-number{color:var(--move-number-color);font-weight:600}.square.current .move-number{color:var(--move-number-current-color)}.navbar-toggler{color:var(--navbar-toggler-color);background-color:var(--navbar-toggler-bg);border-color:var(--navbar-toggler-color)}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28var(--navbar-toggler-color), 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}html,body{height:100%;font-size:14px}@media(min-width:768px){html{font-size:16px}}@media(min-width:400px){html{font-size:14px}}@media(min-width:992px){.navbar-nav{margin-top:0}.nav-item{margin:0 .5rem}}@media(max-width:991.98px){.navbar-collapse{background-color:var(--navbar-bg);padding:1.5rem;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);border:1px solid var(--content-box-border);position:absolute;top:100%;right:1rem;left:1rem;z-index:1000;animation:slideDown .3s ease-out}}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body{display:flex;flex-direction:column;min-height:100vh;margin-bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(30,58,138,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(30,64,175,.03) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(14,165,233,.03) 0%,transparent 50%);background-attachment:fixed}[data-theme="dark"] body{background-image:radial-gradient(circle at 20% 50%,rgba(30,58,138,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(30,64,175,.05) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(14,165,233,.05) 0%,transparent 50%)}.content-wrapper{flex:1 0 auto;display:flex;flex-direction:column}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 3px var(--input-focus-box-shadow-color);outline:0}.display-4{text-shadow:2px 2px 8px rgba(0,0,0,.1);font-weight:700;letter-spacing:-1px}.play-now-btn{font-size:1.5rem;padding:18px 45px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px rgba(30,64,175,.3),0 8px 10px -6px rgba(30,64,175,.2);border-radius:12px;font-weight:600;position:relative;overflow:hidden}.play-now-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.play-now-btn:hover::before{left:100%}.play-now-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px -5px rgba(30,64,175,.4),0 10px 15px -8px rgba(30,64,175,.3)}.play-now-btn:active{transform:translateY(-1px)}.content-box,.game-controls,.how-to-play{padding:30px;box-shadow:var(--content-box-shadow);border-radius:16px;margin-bottom:30px;background-color:var(--content-box-bg);border:1px solid var(--content-box-border);transition:all .3s ease}.content-box:hover,.game-controls:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-2px)}.game-controls h2,.how-to-play h2{padding-bottom:15px;margin-bottom:25px}.how-to-play ol{counter-reset:item;list-style-type:none;padding-left:20px}.how-to-play li{position:relative;padding-left:45px;margin-bottom:20px;line-height:1.6}.how-to-play li:before{content:counter(item);counter-increment:item;position:absolute;left:0;top:0;width:32px;height:32px;background:var(--primary-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;box-shadow:0 2px 8px rgba(30,64,175,.3)}.chessboard-container{position:relative;width:100%;margin:0 auto;padding:25px;box-shadow:var(--content-box-shadow);border-radius:16px;transition:all .3s ease}.chessboard-container:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.15)}#chessboard.chessboard,#demoChessboard.chessboard{display:grid;gap:0;width:100%;aspect-ratio:1/1;box-shadow:var(--chessboard-shadow);border:5px solid var(--chessboard-border);background-color:var(--chessboard-border);border-radius:8px;overflow:hidden}.chessboard-svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.square{width:100%;height:0;padding-bottom:100%;position:relative;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:bold;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}.square::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.square .move-number{position:absolute;top:25%;font-size:13px;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.square:hover{opacity:.85;transform:scale(.98)}.square.possible-move:hover{background-color:rgba(30,64,175,.15)}.move-history-table{max-height:120px;overflow-y:auto;border-radius:8px}.move-history-table::-webkit-scrollbar{width:8px}.move-history-table::-webkit-scrollbar-track{background:var(--content-box-bg);border-radius:4px}.move-history-table::-webkit-scrollbar-thumb{background:var(--muted-color);border-radius:4px}.move-history-table::-webkit-scrollbar-thumb:hover{background:var(--link-color)}.footer{flex-shrink:0;border-top:0;box-shadow:var(--footer-shadow);padding:0;margin-top:auto;background-color:var(--footer-bg);color:var(--footer-color);position:relative}.footer-wave{position:relative;top:0;left:0;width:100%;overflow:hidden;line-height:0}.footer-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px;fill:var(--footer-bg);transform:rotateY(180deg)}[data-theme="dark"] .footer-wave svg{fill:var(--footer-bg)}.footer-content{padding:3rem 0 1.5rem}.footer-brand{max-width:320px}.footer-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.footer-brand h5{color:var(--heading-color);font-size:1.25rem}.footer-brand p{font-size:.9rem;line-height:1.6}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;transition:all .3s ease;text-decoration:none;box-shadow:0 2px 8px rgba(30,64,175,.2)}.social-link:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 4px 12px rgba(30,64,175,.4);color:#fff}.footer-heading{color:var(--heading-color);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-bottom:.5rem}.footer-heading::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--primary-gradient);border-radius:2px}.footer-links{margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links .footer-link{color:var(--footer-link-color);text-decoration:none;transition:all .3s ease;display:inline-block;position:relative;font-size:.9rem}.footer-links .footer-link::before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width .3s ease}.footer-links .footer-link:hover{color:var(--footer-link-hover-color);transform:translateX(3px)}.footer-links .footer-link:hover::before{width:100%}.footer-divider{border-top:1px solid var(--content-box-border);opacity:.5}.footer-copyright,.footer-tagline{font-size:.875rem;color:var(--footer-color)}.footer-tagline .bi-heart-fill{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}}.btn-outline-light{color:var(--text-color);border-color:var(--content-box-border);background:transparent;transition:all .3s ease}.btn-outline-light:hover{background:var(--primary-gradient);border-color:transparent;color:#fff;transform:translateY(-2px)}@media(max-width:768px){.footer-wave svg{height:40px}.footer-content{padding:2rem 0 1rem}.footer-brand{text-align:center;max-width:100%}.social-links{justify-content:center}}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--link-color);color:#fff;padding:10px 15px;z-index:100;transition:top .3s ease;border-radius:0 0 8px 0;font-weight:600}.skip-to-content:focus{top:0}a:focus,button:focus,input:focus,select:focus{outline:3px solid var(--link-color)!important;outline-offset:2px!important}[aria-current="page"]{font-weight:bold!important;position:relative}[aria-current="page"]::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:70%;height:2px;background:var(--primary-gradient)}#downloadSvgBtn:disabled{opacity:.5;cursor:not-allowed}.text-muted{font-size:.875em;color:var(--muted-color)}.badge{padding:.4em .8em;font-weight:600;border-radius:8px;letter-spacing:.3px}.form-select,.form-control{border-radius:8px;padding:.6rem 1rem;border-width:1px}.form-check-input{width:3rem;height:1.5rem;border-radius:2rem;cursor:pointer}.form-check-input:checked{background:var(--primary-gradient);border-color:transparent}.table{border-radius:8px;overflow:hidden}.table-sm td,.table-sm th{padding:.5rem}@media(max-width:768px){.chessboard-container{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:15px}#chessboard{touch-action:manipulation}.square{touch-action:manipulation}.content-box,.game-controls,.how-to-play{padding:20px}}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}main{animation:fadeIn .5s ease-out}.content-box{animation:slideInUp .6s ease-out}.navbar{animation:slideInDown .4s ease-out}.chessboard-container{animation:scaleIn .6s ease-out}.game-controls{animation:slideInUp .7s ease-out}.stat-card{animation:slideInUp .5s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.content-box,.game-controls,.chessboard-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.15);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active::before{width:300px;height:300px}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.play-now-btn{animation:pulse 2s ease-in-out infinite}.play-now-btn:hover{animation:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}100%{background-position:1000px 0}}.btn-primary::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover::after{left:100%}@keyframes skeleton-loading{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}.d-flex.gap-2{gap:.75rem!important}.dropdown-menu{border-radius:12px;border:1px solid var(--content-box-border);box-shadow:0 10px 25px -5px rgba(0,0,0,.15);padding:.5rem 0;animation:slideDown .2s ease-out}.dropdown-item{padding:.6rem 1.25rem;transition:all .2s ease;border-radius:8px;margin:.2rem .5rem}.dropdown-item:hover{background-color:rgba(var(--navbar-color-rgb),.08);transform:translateX(3px)}.dropdown-divider{margin:.5rem 0;opacity:.5}.footer-links li{animation:slideInUp .5s ease-out;animation-fill-mode:both}.footer-links li:nth-child(1){animation-delay:.05s}.footer-links li:nth-child(2){animation-delay:.1s}.footer-links li:nth-child(3){animation-delay:.15s}.footer-links li:nth-child(4){animation-delay:.2s}.footer-links li:nth-child(5){animation-delay:.25s}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}