.chess-content{min-height:calc(100vh - 3.75rem);display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem 3rem;gap:1rem}.chess-content h1{font-size:2rem;margin-bottom:.25rem}.chess-rules{max-width:37.5rem;color:#cfcfcf;font-size:.95rem;line-height:1.5}.chess-back{color:#9fd3ff;text-decoration:none;font-size:.95rem}.chess-back:hover{text-decoration:underline}.chess-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;max-width:32rem}.chess-control{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:#cfcfcf}.chess-control select{background-color:#2b2b2b;border:.0625rem solid #555;color:#f1f1f1;padding:.3rem .5rem;border-radius:.5rem;font-size:.9rem;cursor:pointer}.chess-control select:hover{border-color:#888}.chess-layout{display:flex;flex-direction:column;align-items:center;gap:.5rem}.chess-board-wrap{display:grid;grid-template-columns:1.25rem min(88vw,32rem);grid-template-rows:min(88vw,32rem) 1.25rem}.chess-ranks{grid-column:1;grid-row:1;display:grid;grid-template-rows:repeat(8,1fr)}.chess-files span,.chess-ranks span{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#999}.chess-files{grid-column:2;grid-row:2;display:grid;grid-template-columns:repeat(8,1fr)}.chess-board{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:.125rem solid #555;border-radius:.25rem;overflow:hidden}.square{display:flex;align-items:center;justify-content:center;font-size:clamp(1.3rem, 5.5vw, 2.6rem);cursor:pointer;position:relative;user-select:none;line-height:1}.square.dark{background-color:#3d3d3d}.square.light{background-color:#6e6e6e}.square.last-move{background-image:linear-gradient(rgba(224,185,60,.28),rgba(224,185,60,.28))}.square.selected{box-shadow:inset 0 0 0 .2rem #e0b93c}.square.legal::after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:rgba(224,185,60,.75);pointer-events:none}.square.legal-capture{box-shadow:inset 0 0 0 .2rem rgba(224,60,60,.85)}.square.legal-capture::after{display:none}.piece-white{color:#f5f5f5;text-shadow:0 0 .09rem #000,0 0 .18rem #000}.piece-black{color:#111;text-shadow:0 0 .09rem #ccc}.chess-status{min-height:2.6rem;display:flex;flex-direction:column;gap:.15rem}.chess-status .status-line{font-weight:600;font-size:1.05rem}.chess-status .message-line{font-size:.9rem;color:#bbb}.chess-new-game{background-color:#2b2b2b;border:.0625rem solid #555;color:#f1f1f1;padding:.5rem 1rem;border-radius:.625rem;cursor:pointer;font-size:1rem}.chess-new-game:hover{box-shadow:0 0 0 .125rem rgba(255,255,255,.15)}.promo-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:2000}.promo-overlay.show{display:flex}.promo-box{background:#2b2b2b;border:.0625rem solid #555;border-radius:.625rem;padding:1rem;display:flex;gap:.75rem}.promo-box button{font-size:2rem;background:#3d3d3d;border:.0625rem solid #555;border-radius:.5rem;padding:.5rem .75rem;cursor:pointer;color:#f5f5f5}.promo-box button:hover{background:#4b4b4b}@media (max-width:37.5rem){.chess-content h1{font-size:1.6rem}}