*{margin:0;border:0px;padding:0}body{background-image:url(/assets/background-BQBVAv4g.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000;min-height:100vh;display:flex;justify-content:center;align-items:center}.square{height:100%;width:100%;display:flex;justify-content:center;align-items:center;padding:10%;box-sizing:border-box}.interactive{cursor:pointer}.black_square{background-color:#769656}.white_square{background-color:#eeeed2}.selected{background-color:#f7f769}.valid_move{background-image:radial-gradient(circle,rgba(0,0,0,.2) 20%,transparent 25%)}.capture_hint{background-image:radial-gradient(circle,transparent 50%,rgba(200,0,0,.4) 55%)}.check{background-color:#e94c4c!important}.chess_piece{height:100%;width:100%;pointer-events:none}.board-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;position:relative;width:100vw;height:100vh}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(80vw,80vh);height:min(80vw,80vh);box-shadow:-10px 10px 10px 5px #00000080;border:2px solid #36322e}.exit-btn{position:absolute;top:10px;left:10px;z-index:10;background-color:#0003;border-radius:10px;border:none;outline:none;cursor:pointer;color:#000;font-size:clamp(1rem,5vw,2rem);line-height:1;font-weight:700;padding:10px;width:auto;height:auto;transition:transform .2s ease,color .2s ease}.exit-btn:hover{background-color:#0000004d;transform:none}.exit-btn:active{transform:scale(.95)}.promotion-modal{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:20;border-radius:4px}.promotion-options{background-color:#323232e6;padding:10px;border-radius:8px;display:flex;gap:10px;box-shadow:0 4px 15px #00000080}.promotion-option{width:60px;height:60px;cursor:pointer;background-color:#ffffff1a;border-radius:4px;transition:transform .2s,background-color .2s;display:flex;justify-content:center;align-items:center;padding:5px}.promotion-option:hover{background-color:#ffffff4d;transform:scale(1.1)}.game-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1rem,4vw,2rem);padding:clamp(1.5rem,5vw,3rem);background-color:#0000004d;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 4px 30px #0000001a;width:min(90vw,500px);box-sizing:border-box}.menu-title{font-size:clamp(2rem,10vw,3rem);color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center}.menu-options{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.menu-btn{padding:15px 30px;font-size:1.2rem;cursor:pointer;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;transition:transform .2s,background-color .2s;text-align:center;width:100%;max-width:250px}.menu-btn:hover{background-color:#357abd;transform:translateY(-2px)}.menu-sub-title{color:#ddd;font-size:1.5rem;margin-bottom:.5rem}.color-selection{display:flex;gap:1rem;width:100%;justify-content:center;flex-wrap:wrap}.color-selection .menu-btn{flex:1 1 120px;max-width:250px}.back-btn{margin-top:1rem;background-color:transparent;border:2px solid #666;color:#ccc}.back-btn:hover{background-color:#ffffff1a;transform:none}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw}