@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Rajdhani:wght@500;600;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--surface:#1e4533;--surface2:#245040;--border:#2d6b4a;--border2:#1e4533;--accent:#5dde8a;--accent2:#27a85a;--gold:#f0a500;--gold2:#ffd166;--green:#3fb950;--red-piece:#e05c5c;--red-piece-light:#ff8080;--red-piece-dark:#922;--white-piece:#e8e0d0;--white-piece-light:#fff;--white-piece-dark:#b0a898;--light-sq:#c9a96e;--dark-sq:#6b3f1e;--board-border:#8b5e2a;--text:#e6edf3;--text-muted:#9dc9b0;--danger:#f85149;--online:#3fb950;--radius:12px}.checkers-game-page{align-items:center;background:transparent;color:var(--text);display:flex;flex-direction:column;font-family:Nunito,sans-serif;min-height:100vh;overflow-x:hidden}.checkers-game-iframe-container{background:transparent;height:100vh;position:relative;width:100%}#checkers-game-page,.checkers-game-iframe-container{box-shadow:none!important;filter:none!important}#checkers-game-page:after,#checkers-game-page:before{box-shadow:none!important;display:none!important}.checkers-waiting-screen{align-items:center;background:var(--bg);display:flex;flex-direction:column;height:100vh;justify-content:center}.checkers-waiting-spinner{animation:spin 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:60px;margin-bottom:20px;width:60px}.checkers-waiting-text{color:var(--text);font-size:1.2rem;font-weight:600}.checkers-waiting-text .dots{display:inline-flex;gap:4px;margin-left:6px}.checkers-waiting-text .dots span{animation:checkersDotPulse 1.2s ease-in-out infinite;background:var(--gold);border-radius:4px;display:inline-block;height:5px;opacity:.3;width:5px}.checkers-waiting-text .dots span:nth-child(2){animation-delay:.2s}.checkers-waiting-text .dots span:nth-child(3){animation-delay:.4s}@keyframes checkersDotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.checkers-game-room__preloader{align-items:center;background:rgba(26,58,42,.95);display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.checkers-game-room__preloader:before{animation:spin 1s linear infinite;border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);content:"";height:60px;width:60px}.checkers-game-room__preloader-text{color:var(--text);font-size:1.1rem;font-weight:600;text-align:center}@keyframes spin{to{transform:rotate(1turn)}}.header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none;display:flex;filter:none;justify-content:space-between;padding:10px 20px;position:sticky;top:0;width:100%;z-index:50}.header-logo{color:var(--gold2);font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.1em}.header-bet{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:20px;display:flex;font-size:.78rem;font-weight:700;gap:6px;padding:5px 14px}.bet-coin{color:var(--gold);font-size:1rem}.header-balance{color:var(--text-muted);font-size:.78rem}.header-balance span{color:var(--gold2);font-weight:700}.game-layout{flex-direction:column;gap:8px;max-width:520px;padding:12px 10px 20px}.game-layout,.player-card{align-items:center;display:flex;width:100%}.player-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;gap:12px;min-height:90px;padding:10px 14px;position:relative;transition:border-color .3s}.player-card.active-turn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent2),0 0 18px rgba(88,222,138,.15)}.avatar-wrap{flex-shrink:0;position:relative}.avatar{align-items:center;background:var(--surface2);border:2px solid var(--border);border-radius:50%;display:flex;font-size:1.4rem;height:46px;justify-content:center;overflow:hidden;transition:border-color .3s;width:46px}.player-card.active-turn .avatar{border-color:var(--accent)}.avatar img{height:100%;object-fit:cover;width:100%}.online-dot{background:var(--online);border:2px solid var(--surface);border-radius:50%;bottom:2px;height:11px;position:absolute;right:2px;width:11px}.player-info{flex:1;min-width:0}.player-name{font-size:.95rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-sub{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;gap:6px;margin-top:2px}.rating-badge{background:rgba(248,193,57,.15);border-radius:10px;color:var(--gold2);font-size:.68rem;font-weight:700;padding:1px 7px}.piece-indicator{border:2px solid hsla(0,0%,100%,.2);border-radius:50%;flex-shrink:0;height:22px;width:22px}.piece-indicator.red{background:radial-gradient(circle at 35% 35%,#555,#111);border-color:#444}.piece-indicator.white{background:radial-gradient(circle at 35% 35%,#fff,#b0a898);border-color:#ccc}.timer-bar-wrap{position:relative;width:100%}.timer-bar-wrap.hidden{visibility:hidden}.timer-bar-track{background:var(--border);border-radius:2px;height:4px;margin-top:4px;overflow:hidden;width:100%}.timer-bar-fill{background:var(--green);border-radius:2px;height:100%;transition:width 1s linear,background-color .5s}.timer-text{color:var(--accent);font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.05em;position:absolute;right:0;top:-18px;transition:color .3s}.timer-text.warning{color:var(--danger)}.timer-extra{color:var(--gold);display:none;font-size:.62rem;margin-left:4px}.timer-extra.visible{display:inline}.reserve-time-display{background:rgba(240,165,0,.12);border:1px solid rgba(240,165,0,.4);border-radius:8px;color:var(--gold2);font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.03em;margin-top:4px;padding:5px 10px;text-align:center;visibility:visible;width:100%}.reserve-time-display.show{visibility:visible}.must-jump-overlay{background:rgba(20,0,0,.85);border:2px solid #f85149;border-radius:16px;box-shadow:0 0 32px rgba(248,81,73,.5);color:#f85149;font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:900;left:50%;letter-spacing:.05em;opacity:0;padding:14px 32px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .15s;z-index:999}.must-jump-overlay.show{opacity:1}.captures-row{display:flex;flex-wrap:wrap;gap:3px}.cap-piece{border-radius:50%;height:12px;opacity:.7;width:12px}.cap-piece.red{background:#222;border:1px solid #555}.cap-piece.white{background:#ddd;border:1px solid #aaa}.board-container{align-items:center;display:flex;flex-direction:column;width:100%}#canvas{border-radius:6px;cursor:pointer;display:block;touch-action:manipulation}.board-shadow-wrap{border:3px solid var(--board-border);border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.7),0 0 0 1px rgba(139,94,42,.3);overflow:hidden}.draw-timer-wrap{background:rgba(248,81,73,.12);border:1px solid var(--danger);border-radius:8px;color:var(--danger);display:none;font-size:.78rem;font-weight:700;padding:7px 14px;text-align:center;width:100%}.draw-timer-wrap.show{display:block}.action-bar{display:flex;gap:8px;width:100%}.act-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex:1;flex-direction:column;font-family:Nunito,sans-serif;font-size:.72rem;font-weight:700;gap:3px;letter-spacing:.03em;padding:8px 4px;transition:background .2s,border-color .2s,color .2s}.act-btn:hover{background:var(--surface2);border-color:var(--accent);color:var(--text)}.act-btn .icon{font-size:1.1rem}.act-btn.resign-btn:hover{border-color:var(--danger);color:var(--danger)}.act-btn.extra-time-btn{background:linear-gradient(135deg,rgba(240,165,0,.12),rgba(240,165,0,.06));border-color:rgba(240,165,0,.5);color:var(--gold2)}.act-btn.extra-time-btn:hover{background:rgba(240,165,0,.22);border-color:var(--gold);color:var(--gold2)}.act-btn.extra-time-btn:disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.chat-bar{display:flex;gap:6px;overflow-x:auto;padding:2px 0;width:100%}.chat-bar::-webkit-scrollbar{display:none}.emoji-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;cursor:pointer;flex-shrink:0;font-size:1rem;padding:5px 10px;transition:transform .15s,border-color .2s;white-space:nowrap}.emoji-btn:hover{border-color:var(--accent);transform:scale(1.15)}.emoji-btn.cooldown,.msg-btn.cooldown,.paid-btn.cooldown{cursor:not-allowed;opacity:.35;pointer-events:none}.msg-btn{background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:.68rem;font-weight:700;padding:5px 12px;transition:background .2s,color .2s;white-space:nowrap}.msg-btn:hover{background:var(--surface2);color:var(--text)}.floating-emoji{animation:floatUp 2.2s ease-out forwards;filter:drop-shadow(0 0 8px rgba(255,255,255,.8)) drop-shadow(0 2px 6px rgba(0,0,0,.6));font-size:3.5rem;pointer-events:none;position:fixed;z-index:999}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1;transform:translateY(-10px) scale(1.2)}80%{opacity:.9}to{opacity:0;transform:translateY(-160px) scale(1)}}.chat-cooldown-bar{background:var(--border);border-radius:2px;display:none;height:3px;margin-top:2px;overflow:hidden;width:100%}.chat-cooldown-bar.active{display:block}.chat-cooldown-fill{background:var(--gold);border-radius:2px;height:100%;transition:width 5s linear;width:100%}.chat-message-overlay{animation:msgFadeInOut 2.8s ease forwards;background:rgba(30,69,51,.92);border:2px solid var(--accent2);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.5);color:#fff;font-size:1.05rem;font-weight:800;left:50%;max-width:240px;padding:10px 22px;pointer-events:none;position:fixed;text-align:center;top:40%;transform:translateX(-50%);z-index:998}@keyframes msgFadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(10px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}75%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.tomato-splash{animation:tomatoSplash 1.2s ease forwards;background:radial-gradient(ellipse at center,rgba(220,50,20,.55) 0,transparent 70%);inset:0;pointer-events:none;position:fixed;z-index:997}@keyframes tomatoSplash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.tomato-particle{animation:tomatoFly 1s ease-out forwards;font-size:2.2rem;pointer-events:none;position:fixed;z-index:998}@keyframes tomatoFly{0%{opacity:1;transform:translate(0) scale(1) rotate(0deg)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5) rotate(1turn)}}.heart-particle{animation:heartRise 2s ease-out forwards;font-size:1.8rem;pointer-events:none;position:fixed;z-index:998}@keyframes heartRise{0%{opacity:.9;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-200px) scale(1.5)}}.paid-emoji-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:none;padding:8px 12px;width:100%}.paid-emoji-panel.show{display:block}.paid-emoji-title{color:var(--gold2);font-size:.68rem;font-weight:800;letter-spacing:.05em;margin-bottom:6px}.paid-emoji-row{display:flex;flex-wrap:wrap;gap:8px}.paid-btn{align-items:center;background:linear-gradient(135deg,rgba(240,165,0,.15),rgba(240,165,0,.08));border:1px solid rgba(240,165,0,.4);border-radius:20px;color:var(--gold2);cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:5px;padding:5px 12px;transition:transform .15s,border-color .2s,background .2s}.paid-btn:hover{background:rgba(240,165,0,.25);border-color:var(--gold);transform:scale(1.08)}.paid-btn .cost{font-size:.62rem;opacity:.8}.toast{background:var(--surface2);border:1px solid var(--accent);border-radius:20px;bottom:20px;color:var(--text);font-size:.8rem;font-weight:700;left:50%;opacity:0;padding:9px 22px;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;z-index:100}.toast.show{opacity:1}.modal-overlay{align-items:center;background:rgba(0,0,0,.75);display:none;inset:0;justify-content:center;position:fixed;z-index:200}.modal-overlay.show{display:flex}.modal-box{background:var(--surface);border:2px solid var(--gold);border-radius:16px;max-width:320px;padding:36px 40px;text-align:center;width:90%}.modal-box h2{color:var(--gold2);font-family:Rajdhani,sans-serif;font-size:2rem;font-weight:700;margin-bottom:8px}.modal-box p{color:var(--text-muted);font-size:.82rem;margin-bottom:24px}.modal-btns{display:flex;gap:10px;justify-content:center}.modal-btn{background:var(--accent2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:800;padding:10px 22px;transition:opacity .2s}.modal-btn:hover{opacity:.85}.modal-btn.secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted)}.bot-panel{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;font-size:.78rem;justify-content:space-between;padding:10px 14px;width:100%}.bot-label{color:var(--text-muted);font-weight:700}.toggle-wrap{align-items:center;display:flex;gap:8px}.toggle{background:var(--border);border-radius:11px;cursor:pointer;height:22px;position:relative;transition:background .3s;width:40px}.toggle.on{background:var(--accent2)}.toggle:after{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:left .3s;width:16px}.toggle.on:after{left:21px}.bot-diff-select{background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);display:none;font-size:.72rem;padding:3px 8px}.bot-diff-select.show{display:block}.admin-modal-overlay{align-items:center;background:rgba(0,0,0,.82);display:none;inset:0;justify-content:center;position:fixed;z-index:300}.admin-modal-overlay.show{display:flex}.admin-box{background:var(--surface);border:2px solid var(--gold);border-radius:16px;max-height:85vh;max-width:360px;overflow-y:auto;padding:28px 28px 20px;width:94%}.admin-box h2{color:var(--gold2);font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:4px}.admin-box .admin-sub{color:var(--text-muted);font-size:.7rem;margin-bottom:18px}.admin-section{margin-bottom:16px}.admin-section-title{color:var(--text-muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.admin-room-row{align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 12px}.admin-room-label{color:var(--text);font-size:.82rem;font-weight:700}.admin-room-sub{color:var(--text-muted);font-size:.65rem}.admin-close-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:700;margin-top:10px;padding:9px;width:100%}.admin-close-btn:hover{border-color:var(--accent);color:var(--text)}.admin-global-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.admin-global-label{font-size:.85rem;font-weight:700}.extra-time-banner{animation:bannerPulse .5s ease;background:linear-gradient(90deg,rgba(240,165,0,.18),rgba(240,165,0,.08));border:1px solid rgba(240,165,0,.55);border-radius:8px;color:var(--gold2);display:none;font-family:Rajdhani,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.04em;padding:7px 14px;text-align:center;width:100%}.extra-time-banner.show{display:block}@keyframes bannerPulse{0%{opacity:0;transform:scaleY(.5)}60%{transform:scaleY(1.05)}to{opacity:1;transform:scaleY(1)}}.visitors-online{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;gap:4px;position:absolute;right:8px;top:8px;z-index:10}@media (min-width:600px){.game-layout{max-width:500px}}.checkers-waiting-popup-wrapper .popup__body{align-items:center;display:flex;justify-content:center}.checkers-waiting-popup{background:linear-gradient(135deg,#1e4533,#1a3a2a);border:2px solid #2d6b4a;border-radius:16px;max-width:400px;padding:30px;text-align:center;width:90%}.checkers-waiting-popup .popup__header{align-items:center;display:flex;flex-direction:column;margin-bottom:20px}.checkers-waiting-popup .popup__timer{align-items:center;color:var(--gold2);display:flex;font-size:1.5rem;font-weight:700;gap:8px}.checkers-waiting-popup .popup__timer img{height:24px;width:24px}.checkers-waiting-popup-bet{color:var(--accent);font-size:1.2rem;font-weight:700;margin:10px 0 5px}.checkers-waiting-popup-bet2{color:var(--text-muted);font-size:.9rem}.checkers-waiting-popup__text{margin:20px 0}.checkers-waiting-popup-avatars{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:15px}.checkers-waiting-popup-avatar-wrapper{align-items:center;display:flex;flex-direction:column}.checkers-waiting-popup-avatar{align-items:center;background:#245040;border:3px solid #2d6b4a;border-radius:50%;display:flex;height:70px;justify-content:center;overflow:hidden;width:70px}.checkers-waiting-popup-avatar img{height:100%;object-fit:cover;width:100%}.checkers-waiting-popup-avatar.loading{animation:avatarPulse 1.5s ease-in-out infinite}@keyframes avatarPulse{0%,to{opacity:.5;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}.checkers-waiting-popup-avatar__text{color:var(--text-muted);font-size:.85rem;margin-top:8px}.checkers-waiting-popup-vs{color:var(--gold);font-size:1.2rem;font-weight:800;padding:0 10px}.checkers-waiting-popup__text>p{color:var(--text);font-size:1rem;margin-top:10px}.checkers-waiting-popup__buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.checkers-waiting-popup__button{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.checkers-waiting-popup__button-room{background:var(--surface2);border:2px solid var(--border);color:var(--text)}.checkers-waiting-popup__button-room:hover{background:var(--border)}.checkers-waiting-popup__button-games{background:transparent;border:2px solid var(--border);color:var(--text-muted)}.checkers-waiting-popup__button-games:hover{border-color:var(--text-muted)}