body{min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(13,110,253,.11),transparent 30rem),radial-gradient(circle at 92% 20%,rgba(98,153,36,.12),transparent 28rem),#f4f6f8;color:#202936}.navbar{background:rgba(255,255,255,.92)!important;box-shadow:0 .2rem 1rem rgba(17,24,39,.06);backdrop-filter:blur(12px)}.navbar-brand{display:flex;align-items:center;gap:.75rem;font-weight:600}.navbar-brand img{border-radius:50%}.navbar .btn,.btn{border-radius:.75rem;font-weight:700}.stockfish-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.35rem;overflow:hidden;padding:clamp(1.4rem,4vw,2.25rem);color:#fff;border-radius:1.25rem;background:linear-gradient(125deg,#111827 0%,#17243c 62%,#173151 100%);box-shadow:0 1rem 2.5rem rgba(17,24,39,.18)}.stockfish-hero::after{content:"♞";position:absolute;z-index:-1;right:17%;bottom:-6.3rem;color:rgba(255,255,255,.04);font-size:18rem;line-height:1;transform:rotate(-8deg)}.stockfish-hero-icon{display:grid;place-items:center;width:84px;height:84px;border:3px solid rgba(255,255,255,.72);border-radius:1.3rem;background:linear-gradient(145deg,#fff,#dbe8fa);color:#17243c;font-size:3.2rem}.stockfish-eyebrow{margin-bottom:.3rem;color:#9fc3fa;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.stockfish-hero h1{margin:0;font-size:clamp(1.65rem,3vw,2.3rem)}.stockfish-hero p{max-width:48rem;margin:.55rem 0 0;color:#c7d4e4;line-height:1.6}.stockfish-member{display:grid;gap:.15rem;min-width:10rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:.85rem;background:rgba(255,255,255,.08);text-align:right}.stockfish-member small{color:#aebed1;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.stockfish-card{min-width:0;background:rgba(255,255,255,.97);border:1px solid #dce3eb;border-radius:1rem;padding:clamp(1rem,3vw,1.75rem);box-shadow:0 .65rem 1.5rem rgba(17,24,39,.07)}.stockfish-card h2{color:#17243c;font-weight:800}.stockfish-card h2::after{content:"";display:block;width:3rem;height:3px;margin-top:.55rem;border-radius:99rem;background:linear-gradient(90deg,#0d6efd,#629924)}.rating-summary{border-left:4px solid #629924;padding:.65rem .8rem;background:#f1f8ed;color:#315d19}.rating-summary span{display:block;color:#61715c;font-size:.76rem}.form-label{font-weight:700;color:#26364b}.form-control,.form-select{border-color:#d7dee7;border-radius:.75rem;background-color:#fbfcfe;padding:.7rem .85rem}.colour-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.colour-options label{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:3rem;border:1px solid #d7dee7;border-radius:.65rem;background:#f8fafc;cursor:pointer}.colour-options label:has(input:checked){border-color:#0d6efd;background:#eaf2ff;box-shadow:0 0 0 2px rgba(13,110,253,.1)}.engine-note,.licence-note{color:#617080;font-size:.76rem;line-height:1.5}.board-heading{min-height:2.5rem}.board-heading #turnBadge{display:inline-flex;align-items:center;justify-content:center;min-width:9.75rem;min-height:2rem;white-space:nowrap}.board-card{overflow-anchor:none}.game-board{overflow-anchor:none;display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,620px);aspect-ratio:1;border:6px solid #26364b;border-radius:.75rem;overflow:hidden;touch-action:manipulation;background:#b0b0b0;box-shadow:0 .8rem 1.8rem rgba(17,24,39,.2)}.board-square{position:relative;display:grid;place-items:center;overflow:hidden;border:0;border-radius:0;padding:0;line-height:1;user-select:none;touch-action:manipulation}.board-square:disabled{opacity:1}.board-square.light{background:#dce8c8}.board-square.dark{background:#78964f}.board-square:not(:disabled):hover,.board-square:not(:disabled):focus-visible{z-index:2;outline:0;box-shadow:inset 0 0 0 4px #0d6efd}.board-square.selected{z-index:2;box-shadow:inset 0 0 0 5px rgba(255,206,52,.95)}.board-square.target::after{content:"";position:absolute;z-index:3;width:24%;height:24%;border:2px solid #fff;border-radius:50%;background:#0d6efd;box-shadow:0 0 0 1px rgba(23,36,60,.7)}.board-square.capture::after{width:78%;height:78%;background:transparent;border:5px solid #0d6efd;box-shadow:0 0 0 2px rgba(255,255,255,.95)}.board-square .stockfish-piece-wrap.cg-wrap{position:absolute;inset:4%;z-index:2;display:block;width:92%;height:92%;padding:0;pointer-events:none}.board-square .stockfish-piece-wrap.cg-wrap piece.stockfish-piece{position:absolute;inset:0;display:block;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;transform:none!important}.board-coordinate{position:absolute;z-index:5;width:12px;height:12px;font:700 10px/10px Arial,sans-serif!important;text-align:center;pointer-events:none}.board-coordinate.rank{left:1px;top:2px}.board-coordinate.file{right:1px;bottom:0}.board-square.light .board-coordinate{color:#58703a}.board-square.dark .board-coordinate{color:#edf4e4}.status-box{display:flex;align-items:center;min-height:5rem;overflow-wrap:anywhere;border:1px solid #cfe0f8;border-left:4px solid #0d6efd;border-radius:.65rem;padding:.75rem 1rem;background:linear-gradient(90deg,#eaf2ff,#f7faff);color:#29466f;font-weight:600}.save-game-panel{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:1rem;border:1px solid #cfe4c4;border-radius:.75rem;background:#f3f9ef}.save-game-hint{flex:1 1 14rem;color:#50634a;font-size:.82rem;line-height:1.45}.control-row{display:flex;flex-wrap:wrap;gap:.6rem}.control-row .btn{flex:1 1 7rem}.moves-panel{min-height:150px;max-height:360px;overflow:auto;border:1px solid #dce3eb;border-radius:.75rem;padding:1rem;background:linear-gradient(180deg,#f8fafc,#f1f5f8)}.move-row{display:grid;grid-template-columns:2.5rem 1fr 1fr;gap:.5rem;padding:.28rem 0;border-bottom:1px solid #dde5ed}.move-number{color:#567089;font-weight:700}.promotion-dialog{max-width:min(92vw,28rem);border:0;border-radius:1rem;padding:1.25rem;box-shadow:0 1rem 3rem rgba(0,0,0,.3)}.promotion-dialog::backdrop{background:rgba(15,23,42,.68)}.promotion-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.promotion-option{min-height:3.5rem;border:1px solid #d7dee7;border-radius:.7rem;background:#fff;font-size:1rem}.licence-note a{color:#315d19;font-weight:700}@media(max-width:767px){.stockfish-hero{grid-template-columns:auto 1fr}.stockfish-member{grid-column:1/-1;width:100%;text-align:left}.stockfish-hero-icon{width:68px;height:68px;font-size:2.55rem}}@media(max-width:575px){.status-box{box-sizing:border-box;height:6.25rem;min-height:6.25rem;overflow-y:auto}.stockfish-hero{gap:1rem;padding:1.15rem;border-radius:.9rem}.stockfish-hero-icon{width:58px;height:58px;font-size:2.15rem}.stockfish-card{border-radius:.8rem}.game-board{border-width:4px;border-radius:.5rem}.colour-options{grid-template-columns:1fr}.moves-panel{min-height:110px;max-height:220px;padding:.65rem;font-size:.82rem}.move-row{grid-template-columns:2rem 1fr 1fr;gap:.3rem}.control-row .btn,#startGame{min-height:48px}input.form-control,.form-select{font-size:16px}}