[v-cloak]{display:none}body{background-color:#2c3e50;color:#ecf0f1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;padding-top:20px}.menu-container{background:#34495e;max-width:400px;margin:50px auto;padding:30px;border-radius:10px;box-shadow:0 4px 15px #0000004d}.menu-btn{display:block;width:250px;padding:15px;margin:20px auto;font-size:1.2rem;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:all .2s}.btn-computer{background-color:#27ae60;color:#fff}.btn-computer:hover{background-color:#2ecc71}.btn-online{background-color:#3498db;color:#fff}.btn-online:hover{background-color:#2980b9}.btn-online.connected{background-color:#3498db;color:#fff;cursor:pointer}.btn-online.connected:hover{background-color:#2980b9}.game-container{max-width:600px;margin:0 auto}.status-panel{background-color:#34495e;padding:10px 20px;border-radius:8px;margin-bottom:15px}.highlight{color:#f1c40f;font-weight:700}.thinking-text{color:#e67e22;font-weight:700;height:24px;line-height:24px;margin:5px 0!important;animation:blink 1s infinite}.btn-restart{background-color:#e74c3c;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}.chessboard{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(4,1fr);gap:8px;background-color:#8e44ad;padding:15px;border-radius:10px;box-shadow:0 8px 20px #00000080;margin:0 auto;width:560px}.chess-cell{background-color:#f39c12;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#000;cursor:pointer;box-shadow:inset 0 -4px #0003,0 3px 5px #0000004d;-webkit-user-select:none;user-select:none;transition:transform .1s}.chess-cell:active{transform:scale(.95)}.chess-cell.is-empty{background-color:#d35400;box-shadow:none;cursor:default}.chess-cell.is-empty span{display:none}.chess-cell.closed-piece{background-color:#7f8c8d;color:#fff}.chess-cell.red-piece{color:#c0392b;background-color:#f1c40f;border:2px solid #c0392b}.chess-cell.black-piece{color:#2c3e50;background-color:#ecf0f1;border:2px solid #2c3e50}.chess-cell.selected{outline:4px solid #3498db;animation:pulse 1s infinite}@keyframes blink{50%{opacity:.5}}@keyframes pulse{50%{transform:scale(1.05)}}.graveyard-container{margin:20px 0;text-align:center;background-color:#34495e;padding:15px;border-radius:8px}.graveyard.player-graveyard{margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.graveyard .g-title{font-weight:700;color:#ecf0f1;font-size:1.1rem;display:block;margin-bottom:8px}.graveyard .captured-list{min-height:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.graveyard .no-captured{color:#bdc3c7;font-size:.95rem}.graveyard .mini-piece{font-weight:800;font-size:1.2rem;background:#0003;padding:2px 10px;border-radius:20px;display:inline-block}.game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease forwards}.game-over-card{background:#34495e;padding:35px;border-radius:12px;text-align:center;box-shadow:0 10px 25px #00000080;border:2px solid #2c3e50;max-width:400px;width:85%;transform:scale(.9);animation:popUp .3s cubic-bezier(.175,.885,.32,1.275) forwards}.game-over-title{font-size:2.3rem;font-weight:900;margin-bottom:15px}.game-over-title.win-text{color:#2ecc71;text-shadow:0 0 10px rgba(46,204,113,.3)}.game-over-title.lose-text{color:#e74c3c;text-shadow:0 0 10px rgba(231,76,60,.3)}.game-over-msg{color:#ecf0f1;font-size:1.1rem;margin-bottom:25px}.game-over-actions{display:flex;justify-content:center;gap:15px;margin-top:10px}.btn-play-again,.btn-back-menu{border:none;padding:10px 20px;font-size:1.1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:transform .1s,background-color .2s}.btn-play-again{background-color:#27ae60;color:#fff}.btn-play-again:hover{background-color:#2ecc71}.btn-back-menu{background-color:#7f8c8d;color:#fff}.btn-back-menu:hover{background-color:#95a5a6}.btn-play-again:active,.btn-back-menu:active{transform:scale(.95)}.matching-container{max-width:400px;margin:50px auto;padding:20px}.matching-card{background:#34495e;padding:40px 30px;border-radius:12px;box-shadow:0 8px 25px #0006;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center}.matching-card h3{color:#f1c40f;font-size:1.3rem;margin:20px 0 10px}.matching-card p{color:#bdc3c7;font-size:.95rem;margin-bottom:25px;line-height:1.5}.btn-cancel-match{background-color:#e74c3c;color:#fff;border:none;padding:12px 35px;font-size:1.05rem;font-weight:700;border-radius:5px;cursor:pointer;box-shadow:0 4px 6px #0003;transition:transform .1s,background-color .2s}.btn-cancel-match:hover{background-color:#c0392b}.btn-cancel-match:active{transform:scale(.96)}.radar-scan{width:80px;height:80px;background:#3498db26;border:3px solid #3498db;border-radius:50%;position:relative;box-shadow:0 0 20px #3498db66}.radar-scan:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#3498db;border-radius:50%;transform:translate(-50%,-50%)}.radar-scan:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:3px solid #3498db;border-radius:50%;animation:radarRipple 1.6s cubic-bezier(.215,.61,.355,1) infinite}.pure-click-blocker{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:9999;cursor:wait}.game-status-bar{text-align:center;margin:15px auto;height:35px;line-height:35px;font-size:1.15rem;background:#1a202c;border-radius:6px;width:fit-content;padding:0 20px}.status-turn-text{color:#fff}.consent-banner{position:fixed;left:50%;bottom:18px;z-index:100000;width:min(920px,calc(100vw - 28px));transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;background:#0f172af0;border:1px solid rgba(236,240,241,.16);border-radius:8px;box-shadow:0 14px 32px #0000005c;text-align:left}.consent-banner__content{display:grid;gap:8px}.consent-banner__content p{margin:0;color:#ecf0f1;line-height:1.55;font-size:.95rem}.consent-banner__content a{color:#f1c40f;font-weight:700;width:fit-content}.consent-banner__actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.consent-button,.consent-settings-button{border:1px solid rgba(236,240,241,.22);border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s,border-color .2s,transform .1s}.consent-button{min-height:38px;padding:0 14px}.consent-button--primary{background:#27ae60;color:#fff;border-color:#2ecc718c}.consent-button--primary:hover{background:#2ecc71}.consent-button--secondary{background:#ffffff14;color:#ecf0f1}.consent-button--secondary:hover,.consent-settings-button:hover{background:#ffffff24;border-color:#ecf0f157}.consent-button:active,.consent-settings-button:active{transform:translateY(1px)}.consent-settings-button{position:fixed;right:16px;bottom:16px;z-index:99990;min-height:34px;padding:0 12px;background:#0f172ac7;color:#ecf0f1;font-size:.85rem}@media(max-width:720px){.consent-banner{align-items:stretch;flex-direction:column}.consent-banner__actions{justify-content:stretch}.consent-button{flex:1 1 160px}}@keyframes radarRipple{0%{transform:scale(1);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{transform:scale(.8)}to{transform:scale(1)}}