.chessboard-wrapper{width:min(100%,90vh,500px);aspect-ratio:1 / 1;margin:0 auto;border:1px solid #8cbeff;border-radius:5px;overflow:hidden}.chessboard{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;height:100%}.chess-square{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.chess-piece{width:100%;height:100%}.chess-square.light{background:#ededd1}.chess-square.dark{background:#779556}.piece-rotated{transform:rotate(180deg)}.pgn-panel{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid #ddd;border-radius:5px;background:#fafafa}.pgn-list{flex:1;min-height:0;overflow-y:auto;list-style:none;margin:0;padding:.5rem}.pgn-row{display:flex;gap:.4rem;font-size:.85rem;padding:.1rem 0}.pgn-move-number{color:#888;min-width:1.6rem}.pgn-move{min-width:3rem}.pgn-save-btn{margin:.5rem;padding:.4rem;border:none;border-radius:4px;background:#1c4777;color:#fff;cursor:pointer}.pgn-save-btn:disabled{background:#ccc;cursor:not-allowed}.time-panel{display:flex;flex-direction:column;gap:.4rem}.time-select{padding:.3rem;border-radius:4px;border:1px solid #ccc}.time-clocks{display:flex;flex-direction:column-reverse;gap:.4rem}.clock{padding:.4rem;text-align:center;font-variant-numeric:tabular-nums;font-size:1.1rem;border-radius:4px;background:#eee;color:#333}.clock.active{background:#1c4777;color:#fff}.start-button-on{background:#1c4777;color:#eee;padding:8px 15px;border-radius:10px}.start-button-on:hover{transform:translateY(-3px);transition:ease-in .2s;cursor:pointer}.start-button-off{background:#1c4777;color:#eeeeeea8;padding:8px 15px;border-radius:10px}.analysis-arrows-container{display:flex;justify-content:center;align-items:center;gap:24px}.analysis-arrow-btn{background:none;border:none;cursor:pointer;font-size:2rem;color:#333;padding:0;transition:color .2s}.analysis-arrow-btn:hover:not(.disabled){color:#1976d2}.analysis-arrow-btn.disabled,.analysis-arrow-btn:disabled{color:#ccc;cursor:not-allowed}.home-page{display:flex;flex-direction:column;font-family:Trebuchet MS,Arial,sans-serif;width:100%;height:100%}.header-home{background-color:#15314d;color:#fff;padding:1rem;text-align:center;font-size:2rem}.header-home a{text-decoration:none;color:#fff;font-weight:700}.header-home a:hover{color:#9bffd0}.footer-home{background-color:#333;color:#fff;padding:1rem;text-align:center}.links-container-home{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center;margin:auto 0}.links-grid-home{display:flex;margin:.5rem;list-style:none}.link-item-home{display:flex;justify-content:center;align-items:center;background-color:#173d57;border:1px solid #ccc;border-radius:8px;padding:2rem;text-align:center;text-decoration:none;color:#fff;font-size:1.2rem;transition:background-color .3s ease,transform .2s ease;width:100%;height:10rem;gap:.4rem}.link-item-home:hover{background-color:#0f2a3d;transform:scale(1.01);color:#fff}@media (max-width: 769px){.links-container-home{align-items:center}.link-item-home{height:7rem}}.dom-menu-container{flex-shrink:0;width:100%}.dom-menu-ul{display:flex;flex-direction:row;justify-content:space-around;margin:0;padding:0;width:100%}.dom-menu-item{flex:1;font-weight:450;list-style-type:none;cursor:pointer}.dom-menu-item a,.dom-menu-toggle{text-decoration:none;color:#1c4777;transition:background-color .3s ease-in,border-color .3s ease;display:flex;flex-direction:column;align-items:center;padding:1rem 0;border:1px solid rgba(92,92,92,.1);border-top-left-radius:.2rem;border-top-right-radius:.2rem;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.dom-menu-item a:hover,.dom-menu-toggle:hover{background:linear-gradient(to right,#598dc7,#7fb0e1);color:#fff}.dom-menu-icon,.dom-menu-toggle svg{width:1.5rem;height:auto;margin-bottom:.5rem}@media screen and (max-width: 769px){.dom-menu-item a,.dom-menu-toggle{width:100%;font-size:.5rem;flex-direction:column}.dom-menu-item a svg,.dom-menu-toggle svg{font-size:.8rem;margin-bottom:.2rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100vh;height:100dvh;overflow:hidden}.app-layout{display:flex;flex-direction:column;height:100%}.app-content{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-page{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;padding:.5rem;overflow:hidden}.game-board-area{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.game-sidebar{display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:0;width:clamp(140px,22vw,220px)}@media (max-width: 769px){.game-page{flex-direction:column;align-items:stretch;padding:0}.game-sidebar{flex-direction:row;width:100%;height:auto;max-height:30vh;flex:0 0 auto}.game-sidebar>*{flex:1;min-width:0}}