.alert{position:relative;display:inline-flex;align-items:center;padding:0 .5rem 0 .75rem;border-radius:8px;font-size:.8rem;text-align:center;transition:opacity .3s ease,transform .3s ease;box-shadow:0 2px 4px #0003}.alert .message{margin:.4rem .75rem .4rem .25rem}.alert--info{background-color:#add8e6;border:2px solid #4682b4}.alert--warning{background-color:#fffacd;border:2px solid #ffd700}.alert--error{background-color:#ffb6c1;border:2px solid #ff6347}.alert--success{background-color:#90ee90;border:2px solid #32cd32}.alert-dismiss{background:none;border:none;font-size:1.2rem;margin-bottom:.1rem;font-weight:700;color:inherit;cursor:pointer}.alert-dismiss:hover{color:#333}.copy-link-button{position:fixed;top:15px;right:20px;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;box-shadow:0 2px 5px #0000001a;z-index:1000;transition:all .2s ease}.copy-link-button:hover{background-color:#f5f5f5;box-shadow:0 3px 8px #00000026}.copy-link-button svg{flex-shrink:0}.game-form{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.game-preferences-container,.game-details-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem}.game-details-container{gap:1rem;margin-top:.5rem}.game-form .username-field,.game-form .game-id-field{padding:0 .5rem;border:1px solid #ccc;border-radius:4px;height:35px}.game-preferences-form-component{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}.game-preferences-form-component .label{font-size:.8rem;margin-bottom:.2rem}.board-setup-select,.color-preference-select,.engine-difficulty-select{padding:0 .5rem;border:1px solid #ccc;border-radius:4px;text-align-last:center;background-color:#fff;height:30px;font-size:16px}.game-form .game-preferences-form-component input[type=number]{width:50px;padding:0 .25rem;border:1px solid #ccc;border-radius:4px;text-align:center;font-size:.9rem;height:30px}.game-form .game-preferences-form-component input[type=checkbox]{width:24px;height:24px;margin:3px 0;cursor:pointer}.board-history-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px;margin-bottom:10px}.board-history-controls button{padding:5px 10px;border:1px solid #ccc;border-radius:5px;padding:.4rem 1rem;background-color:#f0f0f0;cursor:pointer}.board-history-controls button:disabled{opacity:.5;cursor:not-allowed}.board-history-controls span{font-size:.9rem}.captured-pieces{display:flex;justify-content:flex-start;align-items:center;padding:0 .5rem;min-height:48px}.image-container{display:flex;justify-content:center;width:30px}.captured-pieces img{width:40px;height:40px;margin:.2rem 0 .1rem}@media (max-width: 600px){.image-container{width:27px}.captured-pieces img{width:35px;height:35px}.captured-pieces{min-height:47px}}@media (max-width: 500px){.image-container{width:23px}.captured-pieces img{width:30px;height:30px}.captured-pieces{min-height:38px}}@media (max-width: 400px){.image-container{width:19px}.captured-pieces img{width:25px;height:25px}.captured-pieces{min-height:32px}}.captured-pieces .score{margin-left:.5rem}@media (max-width: 400px){.captured-pieces .score{font-size:.8rem}}.board{display:inline-block;max-width:900px;border:2px solid #634832}.board.game-over{position:relative}.board-row{display:flex}.board .square{display:flex;justify-content:center;align-items:center;max-width:var(--piece-diameter);max-height:var(--piece-diameter);-webkit-user-select:none;user-select:none;position:relative}.board .square img{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.board .square .position-label{position:absolute;font-size:.7rem;font-weight:500}.board .square .rank-label{left:2px;top:1px}.board .square .file-label{right:3px;bottom:1px}@media (max-width: 700px){.board .square .position-label{font-size:.6rem}}@media (max-width: 600px){.board .square .position-label{font-size:.55rem}}@media (max-width: 500px){.board .square .position-label{font-size:.5rem}.board .square .file-label{right:2px}}@media (max-width: 400px){.board .square .position-label{font-size:.45rem}}@media (max-width: 375px){.board .square .position-label{font-size:.4rem}}.piece{touch-action:none}body.dragging-piece{cursor:none}body:not(.dragging-piece) .square--moveable{cursor:pointer}.piece.dragging{visibility:hidden}.square--previous-move-light-square{background:#f5f580!important}.square--previous-move-dark-square{background:#b9ca42!important}.square--selected{background:#ff0!important}.square--pre-move{outline:3px dashed rgb(232,59,59);outline-offset:-3px}.square--pre-move--from{animation:preMoveGlow 1.5s ease-in-out infinite}@keyframes preMoveGlow{0%,to{box-shadow:inset 0 0 #e83b3b00}50%{box-shadow:inset 0 0 32px #e83b3b99}}.square--possible-move:after{content:"";position:absolute;width:33%;height:33%;background:radial-gradient(circle,#00000040,#0003);border-radius:50%;pointer-events:none}.floating-piece{background:#ffd000a0!important;border-radius:25%;box-shadow:0 0 10px 5px #ff0c}@media (min-width: 600px){.floating-piece{background:unset!important;border-radius:unset;box-shadow:unset}}.board .board-row .square{background-color:#779556}.rank-count-odd .board-row:nth-child(odd) .square:nth-child(2n),.rank-count-odd .board-row:nth-child(2n) .square:nth-child(odd){background-color:#ebecd0}.rank-count-even .board-row:nth-child(odd) .square:nth-child(odd),.rank-count-even .board-row:nth-child(2n) .square:nth-child(2n){background-color:#ebecd0}.game-over-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#1e1e1ea6;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none}.game-over-message{color:#fff;font-size:2.2rem;font-weight:700;text-align:center;background:#00000059;border-radius:18px;padding:2rem 2.5rem;box-shadow:0 2px 16px #00000040;pointer-events:auto}.player-time{background:#000;color:#fff;font-size:1.3rem;padding:.25rem .6rem;margin-right:.6rem;border-radius:5px}.player-time--low{background:red}@media (max-width: 500px){.player-time{font-size:1.1rem;padding:.2rem .5rem}}.game-container{flex:1 0 48%}.game-container .status-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;min-height:30px}.game-container .status-container{gap:.25rem .5rem;min-height:65px;margin-bottom:.5rem}.game-container .game-id-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.7rem}.game-container .game-buttons{display:flex;gap:.5rem}.game-container .leave-game-button,.game-container .resign-button{color:#fff;background-color:red;border:none;border-radius:5px;padding:2px 9px 3px;cursor:pointer}.game-container .leave-game-button:hover,.game-container .resign-button:hover{background-color:#d80101}.game-container .resign-confirm{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.game-container .resign-confirm-inner{background-color:#fff;padding:20px;border-radius:8px;text-align:center;max-width:300px;width:100%}.game-container .resign-confirm-buttons{display:flex;justify-content:space-around;margin-top:20px}.game-container .resign-confirm-yes{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.game-container .resign-confirm-no{border:1px solid slategray;padding:8px 16px;border-radius:4px;cursor:pointer}.game-container .status-container .pill{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.8rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.game-container .status-container .pill--faded{opacity:.5}.game-container .status-container .pill--pink{background-color:#ffb6c1;border:2px solid #ff69b4}.game-container .status-container .pill--red{background-color:#ffcccb;border:2px solid #ff4500}.game-container .status-container .pill--blue{background-color:#add8e6;border:2px solid #4682b4}.game-container .status-container .pill--green{background-color:#90ee90;border:2px solid #32cd32}.game-container .status-container .pill--gray{background-color:#d3d3d3;border:2px solid #a9a9a9}.game-area{display:inline-block;margin:0 auto}.player-status-row{display:flex;justify-content:space-between;align-items:center}.game-container .chess-board-container{display:inline-flex;justify-content:center;align-items:center;border:9px solid transparent;border-radius:8px;transition:border-color 1s ease}.game-container .chess-board-container.is-player-turn{border-color:#713c0b}.app-container{padding-bottom:3rem}.app-container .title-container{margin:2.7rem 0 1rem}.app-container .app-messages-container{position:fixed;width:100%;padding:0 .5rem;top:5px;left:50%;transform:translate(-50%);z-index:1000}.app-container .title-container .hero-image{max-height:150px;border-radius:8px;box-shadow:0 3px 5px #0000001a}.app-container .title-container .hero-image:hover{cursor:pointer}@media (max-width: 600px){.app-container .title-container .hero-image{max-height:100px}}.sub-title-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1.5rem;padding:0 .5rem}.main-action-button{display:inline-block;background:linear-gradient(90deg,#4f8cff,#1cb5e0);color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:500;padding:.5rem 1.05rem;cursor:pointer;transition:background .18s,box-shadow .18s,transform .12s;vertical-align:middle}.main-action-button--secondary{background:linear-gradient(90deg,#3cb371,#8cc751)}.main-action-button:hover,.main-action-button:focus{background:linear-gradient(90deg,#1cb5e0,#4f8cff)}.main-action-button--secondary:hover,.main-action-button--secondary:focus{background:linear-gradient(90deg,#8cc751,#3cb371)}.main-action-button:disabled{background:#ccc;color:#666;cursor:not-allowed;transition:none}.form-container{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;padding:0 1rem}.options-bar{background-color:#fff;cursor:pointer;border-top:2px dashed black;border-bottom:2px dashed black;margin:1.6rem auto 1rem;padding:.3rem;font-size:.9rem}.options-bar:hover{background-color:#f0f0f0}.games-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:3rem;gap:3rem;padding:0 .1rem}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%}:root{--font: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--piece-diameter: 70px;--piece-diameter-small: 60px;--piece-diameter-smaller: 52px;--piece-diameter-smallest: 45px;font-family:var(--font);text-align:center;background-color:#f5f3e7;font-size:16px}input[type=text],input[type=number]{font-size:16px}