@charset "UTF-8";.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050816d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.game-over-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:999}.game-over-confetti__piece{position:absolute;width:8px;height:8px;top:-10px;left:calc(var(--i, 0) * 4.5%);background:hsl(calc(var(--i, 0) * 15),80%,55%);border-radius:2px;animation:confetti-fall 2s ease-out forwards;opacity:.9}.game-over-confetti__piece:nth-child(odd){width:6px;height:6px;border-radius:50%}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(720deg);opacity:0}}.game-over-card{background:var(--cc-card);border:1px solid var(--cc-border);color:var(--cc-text);padding:2rem;border-radius:20px;max-width:90vw;text-align:center;box-shadow:0 8px 40px #00000080;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.game-over-title{margin:0 0 .5rem;font-size:1.5rem;font-family:var(--cc-font-display);letter-spacing:.5px}.game-over-title--victory{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-over-subtitle,.game-over-nickname{margin:0 0 1rem;font-size:.95rem;color:var(--cc-hint)}.game-over-amounts{margin-bottom:1.5rem}.win-amount{font-size:1.25rem;margin:0 0 .5rem}.fee-amount{font-size:.9rem;color:var(--cc-hint);margin:0}.game-over-elo{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem;border-radius:12px;background:#ffffff0d;border:1px solid var(--cc-border);font-family:var(--cc-font-display)}.game-over-elo.elo-up{border-color:#34d3994d;background:#34d39914}.game-over-elo.elo-down{border-color:#f871714d;background:#f8717114}.game-over-elo.elo-neutral{border-color:#9ca3af4d}.game-over-elo__label{font-size:.8rem;color:var(--cc-hint);font-weight:600;letter-spacing:1px}.game-over-elo__value{font-size:1.25rem;font-weight:800;color:var(--cc-text)}.game-over-elo__delta{font-size:1rem;font-weight:700}.elo-up .game-over-elo__delta{color:#34d399}.elo-down .game-over-elo__delta{color:#f87171}.elo-neutral .game-over-elo__delta{color:var(--cc-hint)}.game-over-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.game-over-btn{padding:.75rem 2rem;font-size:.9rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:14px;cursor:pointer;width:100%;max-width:280px;transition:transform .15s,box-shadow .15s}.game-over-btn:hover{transform:scale(1.02);box-shadow:0 4px 20px var(--cc-accent-glow)}.game-over-btn.secondary{background:var(--cc-bg2);color:var(--cc-text-secondary);border:1.5px solid var(--cc-border)}.game-over-btn--review{background:#64d2ff1a;color:var(--cc-accent, #64d2ff);border:1.5px solid rgba(100,210,255,.3)}.game-over-btn--review:hover{background:#64d2ff2e;box-shadow:0 0 12px #64d2ff1a}.game-over-btn--primary-cta{padding:1rem 2rem;font-size:1.1rem;box-shadow:0 4px 20px var(--cc-accent-glow)}.replay-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);gap:.6rem;overflow-y:auto;animation:replay-fade-in .25s ease-out}@keyframes replay-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.replay-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:min(90vmin,400px)}.replay-header__back{padding:.4rem .8rem;font-size:.9rem;font-weight:600;color:var(--cc-hint);background:var(--cc-card);border:1px solid var(--cc-border);border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s}.replay-header__back:hover{color:var(--cc-text);border-color:var(--cc-border-hover)}.replay-header__step{font-size:.85rem;font-weight:600;font-family:var(--cc-font-display);letter-spacing:.3px;color:var(--cc-accent)}.replay-board-wrap{width:min(90vmin,400px);aspect-ratio:1;border:3px solid #2a4a6b;border-radius:8px;overflow:hidden;box-shadow:0 0 20px #4a8b9f26,0 8px 32px #0009}.replay-board{width:100%;height:100%;overflow:visible}.replay-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;position:relative;overflow:visible;transition:background-color .2s ease}.replay-cell--from{background-color:#fbbf242e!important;box-shadow:inset 0 0 0 2px #fbbf2466}.replay-cell--to{background-color:#64d2ff26!important;box-shadow:inset 0 0 0 2.5px #64d2ff8c}.replay-piece{position:relative;width:78%;height:78%;border-radius:50%;transition:none;will-change:transform;z-index:1}.replay-piece--sliding{transition:transform .26s cubic-bezier(.25,.46,.45,.94);z-index:10}.replay-piece:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.replay-piece--white{background:radial-gradient(ellipse at 35% 30%,#6db8cc,#3d8fa3 40%,#2a6b7f 70%,#1f5568);box-shadow:inset 0 2px 6px #a0dcf080,inset 0 -2px 4px #001e3299,0 3px 8px #00000080,0 0 12px #4a8b9f33;border:1.5px solid rgba(100,190,210,.3)}.replay-piece--white:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L48 8 L28 50 Z' fill='none' stroke='rgba(180,230,255,0.3)' stroke-width='3' stroke-linejoin='round'/%3E%3Cline x1='28' y1='8' x2='28' y2='50' stroke='rgba(180,230,255,0.25)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.replay-piece--black{background:radial-gradient(ellipse at 35% 30%,#4a5568,#2d3748 40%,#1f2937 70%,#111827);box-shadow:inset 0 2px 6px #788ca059,inset 0 -2px 4px #0009,0 3px 8px #00000080,0 0 8px #323c5026;border:1.5px solid rgba(80,100,130,.25)}.replay-piece--black:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L48 8 L28 50 Z' fill='none' stroke='rgba(160,180,200,0.2)' stroke-width='3' stroke-linejoin='round'/%3E%3Cline x1='28' y1='8' x2='28' y2='50' stroke='rgba(160,180,200,0.16)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.replay-piece--king:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L26 8 L27.5 50 Z' fill='rgba(255,255,255,0.9)'/%3E%3Cpath d='M30 8 L48 8 L28.5 50 Z' fill='rgba(255,255,255,0.9)'/%3E%3C/svg%3E");filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}.replay-moves{width:100%;max-width:min(90vmin,400px);display:flex;gap:.35rem;padding:.5rem .4rem;overflow-x:auto;overflow-y:hidden;border-radius:10px;background:var(--cc-card);border:1px solid var(--cc-border);scrollbar-width:thin;scrollbar-color:rgba(100,210,255,.15) transparent}.replay-moves::-webkit-scrollbar{height:3px}.replay-moves::-webkit-scrollbar-thumb{background:#64d2ff26;border-radius:2px}.replay-moves__item{flex-shrink:0;padding:.3rem .5rem;font-family:Courier New,monospace;font-size:.72rem;font-weight:600;color:var(--cc-hint);background:#64d2ff0f;border:1px solid rgba(100,210,255,.1);border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.replay-moves__item:hover{background:#64d2ff1f;color:var(--cc-text)}.replay-moves__item--active{background:#64d2ff33;border-color:#64d2ff80;color:var(--cc-accent);transform:scale(1.08);box-shadow:0 0 8px #64d2ff26}.replay-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;max-width:min(90vmin,400px);padding:.6rem 0}.replay-nav__btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--cc-card);border:1.5px solid var(--cc-border);color:var(--cc-text);cursor:pointer;transition:all .15s ease}.replay-nav__btn:hover:not(:disabled){background:#64d2ff14;border-color:#64d2ff4d;box-shadow:0 0 10px #64d2ff14}.replay-nav__btn:active:not(:disabled){transform:scale(.93)}.replay-nav__btn:disabled{opacity:.3;cursor:not-allowed}.replay-nav__btn--play{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#64d2ff1f,#4a8b9f33);border-color:#64d2ff59;color:var(--cc-accent)}.replay-nav__btn--play:hover:not(:disabled){background:linear-gradient(135deg,#64d2ff33,#4a8b9f4d);box-shadow:0 0 16px #64d2ff26}.replay-nav__btn--playing{animation:replay-play-pulse 1.5s ease-in-out infinite;border-color:#64d2ff99;box-shadow:0 0 12px #64d2ff33}@keyframes replay-play-pulse{0%,to{box-shadow:0 0 12px #64d2ff33}50%{box-shadow:0 0 24px #64d2ff59}}.checkers-board-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:env(safe-area-inset-top,0) env(safe-area-inset-left,0) env(safe-area-inset-bottom,0) env(safe-area-inset-right,0);width:100%;max-width:min(90vmin,420px);margin:0 auto}.bet-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:20px;background:linear-gradient(135deg,#1d4ed840,#3b82f626);border:1px solid rgba(100,210,255,.25);box-shadow:0 0 12px #64d2ff1a;font-family:var(--cc-font-display);font-size:.85rem;font-weight:700;color:var(--cc-text);letter-spacing:.5px}.bet-badge__icon{font-size:.9rem}.bet-badge__amount{color:#64d2ff}.player-bar{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .65rem;border-radius:12px;background:var(--cc-card);border:1px solid var(--cc-border);transition:border-color .3s ease,box-shadow .3s ease}.player-bar--active{border-color:#64d2ff59;box-shadow:0 0 12px #64d2ff14}.player-bar__avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1.5px solid var(--cc-border)}.player-bar__color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.player-bar__color-indicator[data-color=white]{background:radial-gradient(circle,#6db8cc,#2a6b7f);box-shadow:0 0 4px #64b4c866}.player-bar__color-indicator[data-color=black]{background:radial-gradient(circle,#4a5568,#1f2937);box-shadow:0 0 4px #505a6e4d}.player-bar__info{display:flex;flex-direction:column;gap:.05rem;min-width:0;flex:1}.player-bar__label{font-family:var(--cc-font-display);font-size:.7rem;font-weight:700;color:var(--cc-hint);text-transform:uppercase;letter-spacing:.8px}.player-bar__address{font-family:Courier New,monospace;font-size:.72rem;color:var(--cc-text);opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:.35rem}.player-bar__elo{font-family:var(--cc-font-display);font-size:.65rem;font-weight:700;color:#fbbf24;background:#fbbf241a;padding:.05rem .35rem;border-radius:6px;letter-spacing:.5px;flex-shrink:0}.player-bar__stats{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.player-bar__captured{display:flex;align-items:center;gap:.2rem;font-family:var(--cc-font-display);font-size:.8rem;font-weight:600;color:var(--cc-text);opacity:.8}.player-bar__mini-piece{display:inline-block;width:12px;height:12px;border-radius:50%}.player-bar__mini-piece--white{background:radial-gradient(circle,#6db8cc,#2a6b7f);box-shadow:0 0 3px #64b4c84d}.player-bar__mini-piece--black{background:radial-gradient(circle,#4a5568,#1f2937);box-shadow:0 0 3px #505a6e33}.player-bar__timer{font-family:var(--cc-font-display);font-size:.85rem;font-weight:700;color:var(--cc-text);padding:.2rem .5rem;border-radius:8px;background:#ffffff0d;min-width:3.2rem;text-align:center}.player-bar__timer--active{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 2px 10px var(--cc-accent-glow)}.checkers-connection-lost{padding:.5rem 1rem;background:#b91c1ccc;color:#fff;border-radius:10px;font-weight:600;width:100%;text-align:center;animation:hintIn .2s ease}.checkers-hint{padding:.5rem 1rem;background:var(--cc-accent);color:#fff;border-radius:10px;font-weight:600;animation:hintIn .2s ease}@keyframes hintIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.board-outer{position:relative;padding-left:16px;padding-bottom:16px;width:100%}.checkers-board{border:3px solid #2a4a6b;border-radius:8px;overflow:hidden;box-shadow:0 0 20px #4a8b9f26,0 8px 32px #0009;width:100%;aspect-ratio:1}.checkers-board__grid{width:100%;height:100%;overflow:visible}.cell{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:visible;transition:box-shadow .2s ease}.cell.selected{box-shadow:inset 0 0 0 3px #64d2ffcc;background-color:#4a8b9f40!important}.cell--highlight{background-color:#64d2ff12!important}.cell:hover{opacity:.9}.cell__dot{width:30%;height:30%;border-radius:50%;background:#64d2ff59;box-shadow:0 0 6px #64d2ff4d;pointer-events:none}.move-log{width:100%;padding:.35rem .5rem;border-radius:10px;background:var(--cc-card);border:1px solid var(--cc-border);transition:max-height .3s ease}.move-log__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.move-log__label{font-family:var(--cc-font-display);font-size:.65rem;font-weight:700;color:var(--cc-hint);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.move-log__nav-btns{display:flex;gap:.3rem;align-items:center}.move-log__nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:6px;background:#64d2ff14;border:1px solid rgba(100,210,255,.15);color:var(--cc-accent);font-size:.65rem;cursor:pointer;transition:all .12s ease}.move-log__nav-btn:hover:not(:disabled){background:#64d2ff2e}.move-log__nav-btn:active:not(:disabled){transform:scale(.92)}.move-log__nav-btn:disabled{opacity:.25;cursor:not-allowed}.move-log__nav-btn--live{width:auto;padding:0 .5rem;background:#34d39926;border-color:#34d39959;color:#34d399;font-family:var(--cc-font-display);font-size:.55rem;font-weight:800;letter-spacing:1px;animation:live-pulse 1.5s ease-in-out infinite}.move-log__list{display:flex;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(100,210,255,.12) transparent}.move-log__list::-webkit-scrollbar{height:2px}.move-log__list::-webkit-scrollbar-thumb{background:#64d2ff26;border-radius:2px}.move-log__item{display:inline-block;padding:.18rem .45rem;border-radius:6px;background:#64d2ff14;border:1px solid rgba(100,210,255,.12);font-family:Courier New,monospace;font-size:.7rem;color:var(--cc-text);white-space:nowrap;opacity:.75;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.move-log__item:hover{opacity:1;background:#64d2ff24}.move-log__item--active{background:#64d2ff38;border-color:#64d2ff80;color:var(--cc-accent);opacity:1;transform:scale(1.06);box-shadow:0 0 6px #64d2ff1f}.move-log__item--current{border-color:#34d39959;opacity:1}.history-badge{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:20;padding:.25rem .7rem;border-radius:8px;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fbbf24;font-family:var(--cc-font-display);font-size:.65rem;font-weight:700;letter-spacing:.3px;cursor:pointer;white-space:nowrap}.checkers-board--history{border-color:#fbbf2466}.cell--hist-from{background-color:#fbbf242e!important;box-shadow:inset 0 0 0 2px #fbbf2466}.cell--hist-to{background-color:#64d2ff26!important;box-shadow:inset 0 0 0 2.5px #64d2ff8c}.game-actions{display:flex;gap:.5rem;width:100%;justify-content:center}.draw-propose-btn{padding:.45rem 1rem;border-radius:10px;background:#d9a91f1f;border:1px solid rgba(217,169,31,.3);color:#fbbf24;font-family:var(--cc-font-display);font-size:.8rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}.draw-propose-btn:hover:not(:disabled){background:#d9a91f38;box-shadow:0 0 10px #d9a91f1f}.draw-propose-btn:active:not(:disabled){transform:scale(.97)}.draw-propose-btn--disabled{opacity:.45;cursor:not-allowed}.draw-propose-btn__cooldown{font-size:.7rem;opacity:.7}.draw-proposal-banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .65rem;border-radius:12px;background:#d9a91f1a;border:1px solid rgba(217,169,31,.3);animation:drawBannerIn .25s ease-out}.draw-proposal-banner__text{font-family:var(--cc-font-display);font-size:.78rem;font-weight:600;color:#fbbf24;flex:1}.draw-proposal-banner__actions{display:flex;gap:.35rem;flex-shrink:0}.draw-proposal-banner__btn{padding:.3rem .7rem;border-radius:8px;font-family:var(--cc-font-display);font-size:.75rem;font-weight:600;cursor:pointer;transition:transform .15s ease}.draw-proposal-banner__btn:active{transform:scale(.95)}.draw-proposal-banner__btn--accept{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#4ade80}.draw-proposal-banner__btn--decline{background:#b91c1c26;border:1px solid rgba(185,28,28,.3);color:#f87171}@keyframes drawBannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.surrender-btn{padding:.45rem 1rem;border-radius:10px;background:#b91c1c26;border:1px solid rgba(185,28,28,.3);color:#f87171;font-family:var(--cc-font-display);font-size:.8rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.surrender-btn:hover{background:#b91c1c40;box-shadow:0 0 10px #b91c1c26}.surrender-btn:active{transform:scale(.97)}.surrender-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease}.surrender-confirm{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:16px;padding:1.2rem 1.5rem;max-width:320px;width:90%;text-align:center;box-shadow:0 8px 32px #00000080}.surrender-confirm__text{font-family:var(--cc-font-body);font-size:.9rem;color:var(--cc-text);margin:0 0 1rem;line-height:1.4}.surrender-confirm__actions{display:flex;gap:.6rem;justify-content:center}.surrender-confirm__btn{padding:.5rem 1.2rem;border-radius:10px;font-family:var(--cc-font-display);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease}.surrender-confirm__btn:active{transform:scale(.96)}.surrender-confirm__btn--yes{background:#b91c1c4d;border:1px solid rgba(220,38,38,.4);color:#f87171}.surrender-confirm__btn--no{background:#ffffff14;border:1px solid var(--cc-border);color:var(--cc-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes piece-capture{0%{transform:scale(1);opacity:1}60%{transform:scale(1.15);opacity:.6}to{transform:scale(0);opacity:0}}.piece{position:relative;width:78%;height:78%;border-radius:50%;transition:none;will-change:transform,opacity;z-index:1}.piece--sliding{transition:transform .26s cubic-bezier(.25,.46,.45,.94);z-index:10}.piece--captured{animation:piece-capture .3s ease-out forwards;pointer-events:none;z-index:0}.piece:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.piece.piece-white{background:radial-gradient(ellipse at 35% 30%,#6db8cc,#3d8fa3 40%,#2a6b7f 70%,#1f5568);box-shadow:inset 0 2px 6px #a0dcf080,inset 0 -2px 4px #001e3299,0 3px 8px #00000080,0 0 12px #4a8b9f33;border:1.5px solid rgba(100,190,210,.3)}.piece.piece-white:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L48 8 L28 50 Z' fill='none' stroke='rgba(180,230,255,0.3)' stroke-width='3' stroke-linejoin='round'/%3E%3Cline x1='28' y1='8' x2='28' y2='50' stroke='rgba(180,230,255,0.25)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.piece.piece-black{background:radial-gradient(ellipse at 35% 30%,#4a5568,#2d3748 40%,#1f2937 70%,#111827);box-shadow:inset 0 2px 6px #788ca059,inset 0 -2px 4px #0009,0 3px 8px #00000080,0 0 8px #323c5026;border:1.5px solid rgba(80,100,130,.25)}.piece.piece-black:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L48 8 L28 50 Z' fill='none' stroke='rgba(160,180,200,0.2)' stroke-width='3' stroke-linejoin='round'/%3E%3Cline x1='28' y1='8' x2='28' y2='50' stroke='rgba(160,180,200,0.16)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.piece.piece-king:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L26 8 L27.5 50 Z' fill='rgba(255,255,255,0.9)'/%3E%3Cpath d='M30 8 L48 8 L28.5 50 Z' fill='rgba(255,255,255,0.9)'/%3E%3C/svg%3E");filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}.piece--dragging{opacity:.35;transition:opacity .12s ease}.piece--ghost{position:fixed;border-radius:50%;transform:scale(1);filter:drop-shadow(0 2px 5px rgba(100,210,255,.12));pointer-events:none;z-index:9999;transition:transform .15s ease,filter .15s ease;will-change:left,top;animation:piece-ghost-lift .12s ease-out}.piece--ghost:before,.piece--ghost:after{top:18%;right:18%;bottom:18%;left:18%}.cell--drop-target{background-color:#64d2ff38!important;box-shadow:inset 0 0 0 2.5px #64d2ff99;transition:box-shadow .1s ease,background-color .1s ease}@keyframes piece-ghost-lift{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.reaction-panel{display:flex;gap:.4rem;width:100%;justify-content:center;padding:.25rem 0}.reaction-panel--cooldown .reaction-panel__btn{opacity:.35;cursor:not-allowed}.reaction-panel__btn{width:40px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--cc-border);background:var(--cc-card);font-size:1.15rem;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.reaction-panel__btn:hover:not(:disabled){border-color:#64d2ff4d;background:#64d2ff14}.reaction-panel__btn:active:not(:disabled){transform:scale(.9)}.reaction-panel__btn:disabled{pointer-events:none}.reaction-toast{display:flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:12px;background:#64d2ff1f;border:1px solid rgba(100,210,255,.25);animation:reaction-toast-in .25s ease-out,reaction-toast-out .4s ease-in 2.1s forwards;align-self:center}.reaction-toast__emoji{font-size:1.3rem;animation:reaction-emoji-bounce .4s ease}.reaction-toast__label{font-family:var(--cc-font-display);font-size:.78rem;font-weight:700;color:var(--cc-accent);letter-spacing:.3px;white-space:nowrap}@keyframes reaction-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reaction-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@keyframes reaction-emoji-bounce{0%{transform:scale(.5)}50%{transform:scale(1.25)}to{transform:scale(1)}}.dashboard-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0 .75rem;margin-bottom:.5rem}.dashboard-header__left{display:flex;align-items:center;gap:.75rem;min-width:0}.dashboard-header__avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--cc-card);border:2px solid var(--cc-border)}.dashboard-header__avatar img{width:100%;height:100%;object-fit:cover}.dashboard-header__avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.dashboard-header__name-wrap{display:flex;flex-direction:column;gap:.1rem;min-width:0}.dashboard-header__name{font-size:1rem;font-weight:600;color:var(--cc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-header__elo{font-family:var(--cc-font-display);font-size:.7rem;font-weight:700;color:#fbbf24;letter-spacing:.5px}.dashboard-header__elo:before{content:"ELO ";font-size:.6rem;color:var(--cc-hint);font-weight:600}.dashboard-header__right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dashboard-header__wallet{display:flex;flex-direction:column;align-items:flex-end}.dashboard-header__balance{font-size:1.05rem;font-weight:700;font-family:var(--cc-font-display);color:var(--cc-text)}.dashboard-header__status{font-size:.75rem;color:var(--cc-hint)}.dashboard-header__status--connected{color:var(--cc-success)}.dashboard-header__deposit{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;line-height:1;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 16px var(--cc-accent-glow);transition:transform .15s,opacity .15s}.dashboard-header__deposit:hover{opacity:.95;transform:scale(1.05)}.dashboard-header__deposit:active{transform:scale(.98)}.dashboard-header__withdraw{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:12px;cursor:pointer;transition:transform .15s,opacity .15s}.dashboard-header__withdraw svg{display:block}.dashboard-header__withdraw:hover{opacity:.95;transform:scale(1.05)}.dashboard-header__withdraw:active{transform:scale(.98)}.dashboard-header__connect{min-height:40px}.bet-slider{width:100%;display:flex;flex-direction:column;gap:.5rem}.bet-slider--disabled{opacity:.5;pointer-events:none}.bet-slider__value-row{display:flex;align-items:baseline;justify-content:space-between}.bet-slider__label{font-size:.9rem;font-weight:500;color:var(--cc-hint)}.bet-slider__value{font-size:1.5rem;font-weight:700;font-family:var(--cc-font-display);color:var(--cc-text)}.bet-slider__ton{font-size:.85rem;font-weight:600;font-family:var(--cc-font-display);color:var(--cc-accent)}.bet-slider__track-wrap{position:relative;height:48px;display:flex;align-items:center}.bet-slider__fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:6px;background:linear-gradient(90deg,var(--cc-accent),#60a5fa);border-radius:3px;pointer-events:none;z-index:1;transition:width .15s ease}.bet-slider__hot-dot{position:absolute;top:2px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:2;pointer-events:none}.bet-slider__hot-dot:after{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--cc-accent);box-shadow:0 0 8px var(--cc-accent-glow);animation:hot-dot-pulse 2s ease-in-out infinite}.bet-slider__hot-count{font-size:.65rem;font-weight:700;color:var(--cc-accent);margin-bottom:2px}@keyframes hot-dot-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.bet-slider__input{width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:3px;outline:none;cursor:pointer;position:relative;z-index:3}.bet-slider__input::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid var(--cc-bg);box-shadow:0 2px 12px var(--cc-accent-glow);cursor:grab;transition:transform .15s,box-shadow .15s}.bet-slider__input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15);box-shadow:0 4px 20px var(--cc-accent-glow)}.bet-slider__input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:3px solid var(--cc-bg);box-shadow:0 2px 12px var(--cc-accent-glow);cursor:grab}.bet-slider__input::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.15)}.bet-slider__input::-moz-range-track{background:transparent;border:none;height:6px}.bet-slider__range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--cc-hint);opacity:.7}.bet-slider__info{margin:0;text-align:center;font-size:.85rem;color:var(--cc-hint)}.bet-slider__suggest{margin-top:.5rem;padding:1rem;background:var(--cc-card);border:1.5px solid var(--cc-accent);border-radius:14px;text-align:center;box-shadow:0 4px 20px var(--cc-accent-glow);animation:suggest-in .3s ease-out}.bet-slider__suggest-text{margin:0 0 .75rem;font-size:.95rem;color:var(--cc-text)}.bet-slider__suggest-text strong{color:var(--cc-accent);font-size:1.1rem}.bet-slider__suggest-actions{display:flex;gap:.6rem}.bet-slider__suggest-btn{flex:1;padding:.7rem;font-size:.9rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:transform .15s,opacity .15s}.bet-slider__suggest-btn:active{transform:scale(.97)}.bet-slider__suggest-btn--accept{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 12px var(--cc-accent-glow)}.bet-slider__suggest-btn--topup{background:linear-gradient(135deg,#d4af37,#b8960c);color:#fff;box-shadow:0 2px 12px var(--cc-gold-glow)}.bet-slider__suggest-btn--decline{background:var(--cc-bg2);color:var(--cc-hint);border:1px solid var(--cc-border)}@keyframes suggest-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pull-to-refresh{position:relative;min-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.pull-to-refresh__indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height .2s ease,opacity .2s ease}.pull-to-refresh__arrow{font-size:1.5rem;color:var(--cc-hint)}.pull-to-refresh__spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--cc-card);border-top-color:var(--cc-accent);border-radius:50%;animation:pull-to-refresh-spin .8s linear infinite}.pull-to-refresh__content{min-height:100%}@keyframes pull-to-refresh-spin{to{transform:rotate(360deg)}}.lobby{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0));padding-bottom:calc(80px + env(safe-area-inset-bottom,0));background:var(--cc-bg);color:var(--cc-text)}.lobby__inner{width:100%;max-width:500px;display:flex;flex-direction:column}.lobby__back{align-self:flex-start;display:inline-flex;align-items:center;gap:.3rem;margin-bottom:.75rem;padding:.4rem .8rem;font-size:.9rem;font-weight:600;color:var(--cc-hint);background:var(--cc-card);border:1px solid var(--cc-border);border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s}.lobby__back:hover{color:var(--cc-text);border-color:var(--cc-border-hover)}.lobby__back:active{transform:scale(.97)}.lobby__main{width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.lobby__main--full{padding-bottom:1rem}.lobby__tab-panel{animation:lobby-tab-fade-in .25s ease-out}@keyframes lobby-tab-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lobby__zones{width:100%}.lobby__zones-title{margin:0 0 1rem;font-size:.95rem;font-weight:600;font-family:var(--cc-font-display);letter-spacing:.5px;text-transform:uppercase;color:var(--cc-hint)}.lobby__zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.lobby__actions{display:flex;flex-direction:column;gap:.75rem;width:100%}.lobby__btn{width:100%;padding:1rem 1.5rem;font-size:.95rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;border-radius:14px;cursor:pointer;transition:opacity .2s,transform .15s}.lobby__btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 4px 20px var(--cc-accent-glow)}.lobby__btn--primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.lobby__btn--primary:disabled{opacity:.5;cursor:not-allowed}.lobby__btn--secondary{background:var(--cc-card);color:var(--cc-text);border:1.5px solid var(--cc-border)}.lobby__btn--secondary:hover{border-color:var(--cc-border-hover);background:var(--cc-card-hover)}.lobby__history{width:100%}.lobby__verify{font-size:.85rem;color:var(--cc-hint);text-decoration:none;text-align:center}.lobby__verify:hover{color:var(--cc-accent)}.lobby__stub{width:100%;padding:2rem 1rem;text-align:center}.lobby__stub p{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--cc-text)}.lobby__stub-text{margin-bottom:1.5rem!important;font-size:.95rem!important;font-weight:400!important;color:var(--cc-hint)!important}.settings-panel{width:100%;display:flex;flex-direction:column;gap:.15rem}.settings-panel__title{margin:0 0 1rem;font-size:1.15rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;color:var(--cc-text)}.settings-panel__row{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px;margin-bottom:.5rem}.settings-panel__row--disabled{opacity:.5}.settings-panel__label{font-size:.95rem;font-weight:500;color:var(--cc-text)}.settings-panel__label--hint{color:var(--cc-hint);font-size:.9rem}.settings-lang{position:relative}.settings-lang__trigger{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:#3b82f614;border:1.5px solid transparent;border-radius:10px;color:var(--cc-text);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s}.settings-lang__trigger:hover,.settings-lang__trigger--open{border-color:var(--cc-accent);box-shadow:0 2px 10px var(--cc-accent-glow)}.settings-lang__flag{font-size:1.25rem;line-height:1}.settings-lang__name{white-space:nowrap}.settings-lang__arrow{font-size:.75rem;opacity:.6;transition:transform .2s}.settings-lang__arrow--up{transform:rotate(180deg)}.settings-lang__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;margin:0;padding:.3rem 0;list-style:none;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px;box-shadow:0 8px 28px #00000080;z-index:20;animation:settings-dropdown-in .18s ease-out;overflow:hidden}.settings-lang__option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .85rem;background:transparent;border:none;color:var(--cc-text);font-size:.95rem;font-weight:500;cursor:pointer;transition:background .15s}.settings-lang__option:hover{background:#3b82f614}.settings-lang__option--active{color:var(--cc-accent);font-weight:700}.settings-lang__option-name{flex:1;text-align:left}.settings-lang__check{font-size:.95rem;font-weight:700;color:var(--cc-accent)}@keyframes settings-dropdown-in{0%{opacity:0;transform:translateY(-4px) scaleY(.96)}to{opacity:1;transform:translateY(0) scaleY(1)}}.withdraw-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c;animation:fade-in .15s ease}.withdraw-modal{width:min(90vw,360px);background:var(--cc-card, #1e1e2e);border:1px solid var(--cc-border, #333);border-radius:16px;padding:1.2rem;animation:slide-up .2s ease}.withdraw-modal__title{margin:0 0 .8rem;font-family:var(--cc-font-display);font-size:1.05rem;font-weight:700;color:var(--cc-text);text-align:center}.withdraw-modal__balance{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;background:#ffffff0a;border-radius:10px;margin-bottom:.7rem;font-size:.85rem;color:var(--cc-hint)}.withdraw-modal__balance strong{color:var(--cc-text);font-family:var(--cc-font-display);font-size:.95rem}.withdraw-modal__input-row{display:flex;gap:.4rem;margin-bottom:.4rem}.withdraw-modal__input{flex:1;padding:.55rem .65rem;font-size:.9rem;font-family:inherit;color:var(--cc-text);background:#ffffff0f;border:1px solid var(--cc-border);border-radius:10px;outline:none}.withdraw-modal__input:focus{border-color:var(--cc-accent);box-shadow:0 0 0 2px #00c2ff1f}.withdraw-modal__input::placeholder{color:var(--cc-hint);opacity:.7}.withdraw-modal__input{-moz-appearance:textfield}.withdraw-modal__input::-webkit-outer-spin-button,.withdraw-modal__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.withdraw-modal__max{padding:.55rem .7rem;font-size:.78rem;font-weight:700;color:var(--cc-accent);background:#00c2ff1a;border:1px solid rgba(0,194,255,.25);border-radius:10px;cursor:pointer;white-space:nowrap}.withdraw-modal__max:hover{background:#00c2ff2e}.withdraw-modal__hint{margin:0 0 .8rem;font-size:.7rem;color:var(--cc-hint);text-align:center}.withdraw-modal__actions{display:flex;gap:.5rem}.withdraw-modal__btn{flex:1;padding:.65rem;font-size:.88rem;font-weight:700;font-family:var(--cc-font-display);border:none;border-radius:12px;cursor:pointer}.withdraw-modal__btn--confirm{color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32)}.withdraw-modal__btn--confirm:disabled{opacity:.5;cursor:not-allowed}.withdraw-modal__btn--cancel{color:var(--cc-hint);background:#ffffff0f;border:1px solid var(--cc-border)}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.matchmaking{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem}.matchmaking__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#050816cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.matchmaking__card{position:relative;width:100%;max-width:320px;padding:2rem;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:20px;text-align:center;box-shadow:0 8px 40px #00000080}.matchmaking__pulse{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:50%;background:var(--cc-accent);opacity:.9;animation:matchmaking-pulse 1.5s ease-in-out infinite}.matchmaking__text{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--cc-text)}.matchmaking__stake{margin:0 0 .25rem;font-size:.95rem;color:var(--cc-hint)}.matchmaking__timer{margin:0 0 1.5rem;font-size:.9rem;color:var(--cc-hint)}.matchmaking__timer strong{color:var(--cc-text)}.matchmaking__cancel{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--cc-text-secondary);background:var(--cc-bg2);border:1.5px solid var(--cc-border);border-radius:14px;cursor:pointer;transition:opacity .2s}.matchmaking__cancel:hover{border-color:var(--cc-border-hover)}@keyframes matchmaking-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:.6}}.home-tiles{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);animation:tiles-fade-in .45s ease-out}.home-tiles__inner{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:center;gap:.75rem}.home-tiles__header-row{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%}.home-tiles__title{margin:0;font-size:1.3rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;color:var(--cc-text);text-align:center}.home-tiles__test-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:.55rem;font-weight:800;font-family:var(--cc-font-display);letter-spacing:1.5px;text-transform:uppercase;color:#fbbf24;background:#fbbf241a;border:1.5px solid rgba(251,191,36,.35);border-radius:6px;transform:rotate(-3deg);animation:test-badge-pulse 2.5s ease-in-out infinite;-webkit-user-select:none;user-select:none;flex-shrink:0}@keyframes test-badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.home-tiles__subtitle{margin:-.2rem 0 .1rem;font-size:.86rem;color:var(--cc-hint);text-align:center;line-height:1.4}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;width:100%}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.15rem .5rem 1rem;background:var(--cc-card);border:1.5px solid var(--cc-border);border-radius:18px;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,border-color .22s,box-shadow .22s}.tile:hover{transform:translateY(-2px);border-color:var(--cc-border-hover);box-shadow:0 8px 28px #0000004d}.tile:active,.tile--pressed{transform:scale(.96);transition-duration:.08s}.tile__glow{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:70px;height:70px;border-radius:50%;filter:blur(36px);opacity:.18;pointer-events:none;transition:opacity .3s}.tile__glow--purple{background:var(--cc-purple)}.tile__glow--blue{background:var(--cc-accent)}.tile__glow--gold{background:var(--cc-gold, #d4af37)}.tile__glow--green{background:#22c55e}.tile:hover .tile__glow{opacity:.35}.tile__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.tile__icon svg{width:100%;height:100%}.tile--ai .tile__icon{color:var(--cc-purple)}.tile--pvp .tile__icon{color:var(--cc-accent)}.tile--tournaments .tile__icon{color:var(--cc-gold, #d4af37)}.tile--rankings .tile__icon{color:#22c55e}.tile--profile .tile__icon{color:var(--cc-accent)}.tile--settings .tile__icon{color:var(--cc-hint)}.tile__label{font-size:.85rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.3px;color:var(--cc-text);text-align:center;position:relative;z-index:1}.tile__desc{font-size:.68rem;color:var(--cc-hint);text-align:center;line-height:1.3;position:relative;z-index:1}.tile__badge{position:absolute;top:8px;right:8px;padding:2px 7px;font-size:.55rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.8px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--cc-accent),#1d4ed8);border-radius:6px;z-index:1}.tile--ai:hover,.tile--ai:focus-visible{border-color:var(--cc-purple);box-shadow:0 6px 24px var(--cc-purple-glow)}.tile--pvp:hover,.tile--pvp:focus-visible{border-color:var(--cc-accent);box-shadow:0 6px 24px var(--cc-accent-glow)}.tile--tournaments{background:linear-gradient(165deg,var(--cc-card) 50%,rgba(212,175,55,.06))}.tile--tournaments:hover,.tile--tournaments:focus-visible{border-color:var(--cc-gold, #d4af37);box-shadow:0 4px 18px var(--cc-gold-glow, rgba(212, 175, 55, .15))}.tile--rankings{background:linear-gradient(165deg,var(--cc-card) 50%,rgba(34,197,94,.05))}.tile--rankings:hover,.tile--rankings:focus-visible{border-color:#22c55e;box-shadow:0 4px 18px #22c55e26}.tile--profile{background:linear-gradient(165deg,var(--cc-card) 50%,rgba(59,130,246,.05))}.tile--profile:hover,.tile--profile:focus-visible{border-color:var(--cc-accent);box-shadow:0 4px 18px var(--cc-accent-glow)}.tile--settings:hover,.tile--settings:focus-visible{border-color:var(--cc-border-hover);box-shadow:0 4px 18px #648cff1a}.tile--settings .tile__icon{transition:transform .5s ease}.tile--settings:hover .tile__icon{transform:rotate(45deg)}.home-feedback{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:12px;background:#64d2ff0a;border:1px solid rgba(100,210,255,.1);color:var(--cc-hint);font-size:.78rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s;width:100%;justify-content:center}.home-feedback:hover,.home-feedback:active{color:var(--cc-accent);border-color:#64d2ff40;background:#64d2ff14}.home-feedback__icon{width:16px;height:16px;flex-shrink:0}.home-socials{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-top:.25rem;width:100%}.home-socials__label{font-size:.72rem;color:var(--cc-hint);font-weight:500;letter-spacing:.3px}.home-socials__links{display:flex;gap:1rem;align-items:center}.home-socials__link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--cc-card);border:1px solid var(--cc-border);color:var(--cc-hint);transition:color .2s,border-color .2s,transform .15s,box-shadow .2s}.home-socials__link svg{width:18px;height:18px}.home-socials__link:hover,.home-socials__link:active{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.home-socials__link--telegram:hover{color:#2aabee;border-color:#2aabee66}.home-socials__link--instagram:hover{color:#e4405f;border-color:#e4405f66}.home-socials__link--tiktok:hover{color:#ff0050;border-color:#ff005066}@keyframes tiles-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.home-grid .tile{animation:tile-pop .38s ease-out backwards}.home-grid .tile:nth-child(1){animation-delay:.05s}.home-grid .tile:nth-child(2){animation-delay:.1s}.home-grid .tile:nth-child(3){animation-delay:.15s}.home-grid .tile:nth-child(4){animation-delay:.2s}.home-grid .tile:nth-child(5){animation-delay:.25s}.home-grid .tile:nth-child(6){animation-delay:.3s}@keyframes tile-pop{0%{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-game{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);gap:.5rem}.ai-game__header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:min(90vmin,400px);padding-right:3rem}.ai-game__back{padding:.4rem .8rem;font-size:.9rem;font-weight:600;color:var(--cc-hint);background:var(--cc-card);border:1px solid var(--cc-border);border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s}.ai-game__back:hover{color:var(--cc-text);border-color:var(--cc-border-hover)}.ai-game__status{font-size:.85rem;font-weight:600;font-family:var(--cc-font-display);letter-spacing:.3px;color:var(--cc-accent);animation:ai-status-in .25s ease-out}@keyframes ai-status-in{0%{opacity:0}to{opacity:1}}.ai-game__hint{padding:.5rem 1rem;background:var(--cc-accent);color:#fff;border-radius:10px;font-weight:600;animation:ai-hint-in .2s ease}@keyframes ai-hint-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-player-bar{display:flex;align-items:center;gap:.5rem;width:100%;max-width:min(90vmin,400px);padding:.45rem .65rem;border-radius:12px;background:var(--cc-card);border:1px solid var(--cc-border);transition:border-color .3s ease,box-shadow .3s ease}.ai-player-bar--active{border-color:#64d2ff59;box-shadow:0 0 12px #64d2ff14}.ai-player-bar__color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ai-player-bar__color-indicator[data-color=white]{background:radial-gradient(circle,#6db8cc,#2a6b7f);box-shadow:0 0 4px #64b4c866}.ai-player-bar__color-indicator[data-color=black]{background:radial-gradient(circle,#4a5568,#1f2937);box-shadow:0 0 4px #505a6e4d}.ai-player-bar__info{display:flex;flex-direction:column;gap:.05rem;min-width:0;flex:1}.ai-player-bar__label{font-family:var(--cc-font-display);font-size:.75rem;font-weight:700;color:var(--cc-hint);text-transform:uppercase;letter-spacing:.8px}.ai-player-bar__stats{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.ai-player-bar__captured{display:flex;align-items:center;gap:.2rem;font-family:var(--cc-font-display);font-size:.8rem;font-weight:600;color:var(--cc-text);opacity:.8}.ai-player-bar__mini-piece{display:inline-block;width:12px;height:12px;border-radius:50%}.ai-player-bar__mini-piece--white{background:radial-gradient(circle,#6db8cc,#2a6b7f);box-shadow:0 0 3px #64b4c84d}.ai-player-bar__mini-piece--black{background:radial-gradient(circle,#4a5568,#1f2937);box-shadow:0 0 3px #505a6e33}.ai-player-bar__thinking-dot{font-size:.85rem;animation:ai-thinking-pulse 1s ease-in-out infinite}.ai-player-bar__timer{font-family:Courier New,monospace;font-size:.85rem;font-weight:700;color:var(--cc-hint);padding:.15rem .4rem;border-radius:6px;background:#64d2ff0f;border:1px solid rgba(100,210,255,.1);min-width:3.2rem;text-align:center;transition:color .3s ease,border-color .3s ease,background .3s ease}.ai-player-bar__timer--active{color:var(--cc-accent);border-color:#64d2ff4d;background:#64d2ff1a}.ai-player-bar__timer--low{color:#f87171;border-color:#f8717159;background:#f8717114;animation:ai-timer-low-pulse 1s ease-in-out infinite}@keyframes ai-timer-low-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes ai-thinking-pulse{0%,to{opacity:1}50%{opacity:.3}}.ai-game__board-outer{position:relative;padding-left:16px;padding-bottom:16px;width:calc(min(90vmin,400px) + 16px)}.ai-game__board-wrap{width:100%;aspect-ratio:1;border:3px solid #2a4a6b;border-radius:8px;overflow:hidden;box-shadow:0 0 20px #4a8b9f26,0 8px 32px #0009}.ai-game__board{width:100%;height:100%;overflow:visible}.ai-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;position:relative;overflow:visible;transition:box-shadow .2s ease}.ai-cell--selected{box-shadow:inset 0 0 0 3px #64d2ffcc;background-color:#4a8b9f40!important}.ai-cell--highlight{background-color:#64d2ff12!important}.ai-cell--hint-from{box-shadow:inset 0 0 0 3px #34d399cc;background-color:#34d39926!important;animation:ai-hint-pulse 1s ease-in-out infinite}.ai-cell--hint-to{background-color:#34d3991f!important}.ai-cell--hint-to:before{content:"";position:absolute;width:35%;height:35%;border-radius:50%;background:#34d3998c;box-shadow:0 0 8px #34d39966;pointer-events:none;animation:ai-hint-pulse 1s ease-in-out infinite}.ai-cell:hover{opacity:.9}.ai-cell__dot{width:30%;height:30%;border-radius:50%;background:#64d2ff59;box-shadow:0 0 6px #64d2ff4d;pointer-events:none}.ai-move-log{width:100%;max-width:min(90vmin,400px);padding:.35rem .5rem;border-radius:10px;background:var(--cc-card);border:1px solid var(--cc-border);transition:max-height .3s ease}.ai-move-log__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.ai-move-log__label{font-family:var(--cc-font-display);font-size:.65rem;font-weight:700;color:var(--cc-hint);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.ai-move-log__nav-btns{display:flex;gap:.3rem;align-items:center}.ai-move-log__nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;border-radius:6px;background:#64d2ff14;border:1px solid rgba(100,210,255,.15);color:var(--cc-accent);font-size:.65rem;cursor:pointer;transition:all .12s ease}.ai-move-log__nav-btn:hover:not(:disabled){background:#64d2ff2e}.ai-move-log__nav-btn:active:not(:disabled){transform:scale(.92)}.ai-move-log__nav-btn:disabled{opacity:.25;cursor:not-allowed}.ai-move-log__nav-btn--live{width:auto;padding:0 .5rem;background:#34d39926;border-color:#34d39959;color:#34d399;font-family:var(--cc-font-display);font-size:.55rem;font-weight:800;letter-spacing:1px;animation:live-pulse 1.5s ease-in-out infinite}.ai-move-log__list{display:flex;gap:.35rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(100,210,255,.12) transparent}.ai-move-log__list::-webkit-scrollbar{height:2px}.ai-move-log__list::-webkit-scrollbar-thumb{background:#64d2ff26;border-radius:2px}.ai-move-log__item{display:inline-block;padding:.18rem .45rem;border-radius:6px;background:#64d2ff14;border:1px solid rgba(100,210,255,.12);font-family:Courier New,monospace;font-size:.7rem;color:var(--cc-text);white-space:nowrap;opacity:.75;cursor:pointer;transition:all .12s ease;-webkit-user-select:none;user-select:none}.ai-move-log__item:hover{opacity:1;background:#64d2ff24}.ai-move-log__item--active{background:#64d2ff38;border-color:#64d2ff80;color:var(--cc-accent);opacity:1;transform:scale(1.06);box-shadow:0 0 6px #64d2ff1f}.ai-move-log__item--current{border-color:#34d39959;opacity:1}@keyframes live-pulse{0%,to{box-shadow:0 0 4px #34d39926}50%{box-shadow:0 0 10px #34d3994d}}.ai-history-badge{position:absolute;top:6px;left:50%;transform:translate(-50%);z-index:20;padding:.25rem .7rem;border-radius:8px;background:#fbbf2433;border:1px solid rgba(251,191,36,.4);color:#fbbf24;font-family:var(--cc-font-display);font-size:.65rem;font-weight:700;letter-spacing:.3px;cursor:pointer;white-space:nowrap;animation:hist-badge-in .2s ease-out}.ai-history-badge:hover{background:#fbbf244d}@keyframes hist-badge-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ai-game__board-wrap--history{border-color:#fbbf2466;position:relative}.ai-cell--hist-from{background-color:#fbbf242e!important;box-shadow:inset 0 0 0 2px #fbbf2466}.ai-cell--hist-to{background-color:#64d2ff26!important;box-shadow:inset 0 0 0 2.5px #64d2ff8c}.ai-game-actions{display:flex;gap:.5rem;width:100%;max-width:min(90vmin,400px);justify-content:center}@keyframes ai-hint-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ai-piece-capture{0%{transform:scale(1);opacity:1}60%{transform:scale(1.15);opacity:.6}to{transform:scale(0);opacity:0}}.ai-hint-btn{padding:.45rem .8rem;border-radius:10px;background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:#34d399;font-family:var(--cc-font-display);font-size:.8rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}.ai-hint-btn:hover:not(:disabled){background:#34d39938;box-shadow:0 0 10px #34d3991f}.ai-hint-btn:active:not(:disabled){transform:scale(.97)}.ai-hint-btn--disabled{opacity:.4;cursor:not-allowed}.ai-draw-btn{padding:.45rem 1rem;border-radius:10px;background:#d9a91f1f;border:1px solid rgba(217,169,31,.3);color:#fbbf24;font-family:var(--cc-font-display);font-size:.8rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,opacity .2s ease}.ai-draw-btn:hover:not(:disabled){background:#d9a91f38;box-shadow:0 0 10px #d9a91f1f}.ai-draw-btn:active:not(:disabled){transform:scale(.97)}.ai-draw-btn--disabled{opacity:.45;cursor:not-allowed}.ai-draw-btn__cooldown{font-size:.7rem;opacity:.7}.ai-surrender-btn{padding:.45rem 1rem;border-radius:10px;background:#b91c1c26;border:1px solid rgba(185,28,28,.3);color:#f87171;font-family:var(--cc-font-display);font-size:.8rem;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.ai-surrender-btn:hover{background:#b91c1c40;box-shadow:0 0 10px #b91c1c26}.ai-surrender-btn:active{transform:scale(.97)}.ai-surrender-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;animation:ai-fade-in .15s ease}.ai-surrender-confirm{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:16px;padding:1.2rem 1.5rem;max-width:320px;width:90%;text-align:center;box-shadow:0 8px 32px #00000080}.ai-surrender-confirm__text{font-family:var(--cc-font-body);font-size:.9rem;color:var(--cc-text);margin:0 0 1rem;line-height:1.4}.ai-surrender-confirm__actions{display:flex;gap:.6rem;justify-content:center}.ai-surrender-confirm__btn{padding:.5rem 1.2rem;border-radius:10px;font-family:var(--cc-font-display);font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s ease}.ai-surrender-confirm__btn:active{transform:scale(.96)}.ai-surrender-confirm__btn--yes{background:#b91c1c4d;border:1px solid rgba(220,38,38,.4);color:#f87171}.ai-surrender-confirm__btn--no{background:#ffffff14;border:1px solid var(--cc-border);color:var(--cc-text)}@keyframes ai-fade-in{0%{opacity:0}to{opacity:1}}.ai-piece{position:relative;width:78%;height:78%;border-radius:50%;transition:none;will-change:transform,opacity;z-index:1}.ai-piece--sliding{transition:transform .26s cubic-bezier(.25,.46,.45,.94);z-index:10}.ai-piece--captured{animation:ai-piece-capture .3s ease-out forwards;pointer-events:none;z-index:0}.ai-piece:after{content:"";position:absolute;top:18%;right:18%;bottom:18%;left:18%;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.ai-piece--white{background:radial-gradient(ellipse at 35% 30%,#6db8cc,#3d8fa3 40%,#2a6b7f 70%,#1f5568);box-shadow:inset 0 2px 6px #a0dcf080,inset 0 -2px 4px #001e3299,0 3px 8px #00000080,0 0 12px #4a8b9f33;border:1.5px solid rgba(100,190,210,.3)}.ai-piece--white:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L48 8 L28 50 Z' fill='none' stroke='rgba(180,230,255,0.3)' stroke-width='3' stroke-linejoin='round'/%3E%3Cline x1='28' y1='8' x2='28' y2='50' stroke='rgba(180,230,255,0.25)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.ai-piece--black{background:radial-gradient(ellipse at 35% 30%,#4a5568,#2d3748 40%,#1f2937 70%,#111827);box-shadow:inset 0 2px 6px #788ca059,inset 0 -2px 4px #0009,0 3px 8px #00000080,0 0 8px #323c5026;border:1.5px solid rgba(80,100,130,.25)}.ai-piece--black:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L48 8 L28 50 Z' fill='none' stroke='rgba(160,180,200,0.2)' stroke-width='3' stroke-linejoin='round'/%3E%3Cline x1='28' y1='8' x2='28' y2='50' stroke='rgba(160,180,200,0.16)' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E")}.ai-piece--king:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M8 8 L26 8 L27.5 50 Z' fill='rgba(255,255,255,0.9)'/%3E%3Cpath d='M30 8 L48 8 L28.5 50 Z' fill='rgba(255,255,255,0.9)'/%3E%3C/svg%3E");filter:drop-shadow(0 0 5px rgba(255,255,255,.4))}.ai-piece--dragging{opacity:.35;transition:opacity .12s ease}.ai-piece--ghost{position:fixed;border-radius:50%;transform:scale(1);filter:drop-shadow(0 2px 5px rgba(100,210,255,.12));pointer-events:none;z-index:9999;transition:transform .15s ease,filter .15s ease;will-change:left,top;animation:ai-ghost-lift .12s ease-out}.ai-piece--ghost:before,.ai-piece--ghost:after{top:18%;right:18%;bottom:18%;left:18%}@keyframes ai-ghost-lift{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}.ai-cell--drop-target{background-color:#64d2ff38!important;box-shadow:inset 0 0 0 2.5px #64d2ff99;transition:box-shadow .1s ease,background-color .1s ease}.ai-game__over{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ai-over-in .3s ease-out}.ai-game__over-card{width:90%;max-width:340px;padding:2rem 1.5rem;background:var(--cc-card);border:1.5px solid var(--cc-border);border-radius:20px;text-align:center;box-shadow:0 8px 40px #00000080}.ai-game__over-title{margin:0 0 1.5rem;font-size:1.4rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;color:var(--cc-text)}.ai-game__xp{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.2rem;padding:.75rem;border-radius:12px;background:#64d2ff0f;border:1px solid rgba(100,210,255,.1)}.ai-game__xp-label{font-size:.72rem;font-weight:600;color:var(--cc-hint);text-transform:uppercase;letter-spacing:.8px}.ai-game__xp-value{font-family:var(--cc-font-display);font-size:1.4rem;font-weight:800;color:var(--cc-accent)}.ai-game__xp-value--win{color:#34d399;text-shadow:0 0 12px rgba(52,211,153,.3)}.ai-game__xp-diff{font-size:.72rem;color:var(--cc-hint);opacity:.7}.ai-game__xp-pending{font-size:.65rem;color:var(--cc-hint);opacity:.5;margin-top:4px;font-style:italic}.ai-game__over-actions{display:flex;flex-direction:column;gap:.6rem}.ai-game__btn{width:100%;padding:.85rem;font-size:.9rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;border-radius:14px;cursor:pointer;transition:transform .15s,opacity .15s}.ai-game__btn:active{transform:scale(.97)}.ai-game__btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 4px 20px var(--cc-accent-glow)}.ai-game__btn--review{background:#64d2ff1a;color:var(--cc-accent);border:1.5px solid rgba(100,210,255,.3)}.ai-game__btn--review:hover{background:#64d2ff2e;box-shadow:0 0 12px #64d2ff1a}.ai-game__btn--secondary{background:var(--cc-bg2);color:var(--cc-hint);border:1px solid var(--cc-border)}@keyframes ai-over-in{0%{opacity:0}to{opacity:1}}.ai-diff{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;padding-top:calc(1rem + env(safe-area-inset-top,0));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);animation:ai-diff-fade .35s ease-out}@keyframes ai-diff-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-diff__back{background:none;border:none;color:var(--cc-accent);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem 0;align-self:flex-start;margin-bottom:.5rem}.ai-diff__title{margin:0;font-size:1.35rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;color:var(--cc-text);text-align:center;width:100%}.ai-diff__subtitle{margin:0 0 .75rem;font-size:.88rem;color:var(--cc-hint);text-align:center;line-height:1.4}.ai-diff__cards{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:420px}.ai-diff-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.25rem;background:var(--cc-card);border:1.5px solid var(--cc-border);border-radius:16px;cursor:pointer;transition:transform .18s ease,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;text-align:left}.ai-diff-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000040}.ai-diff-card:active,.ai-diff-card--pressed{transform:scale(.97)}.ai-diff-card__icon{font-size:2rem;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px}.ai-diff-card__text{display:flex;flex-direction:column;gap:.2rem}.ai-diff-card__label{font-family:var(--cc-font-display);font-size:1.05rem;font-weight:700;color:var(--cc-text)}.ai-diff-card__desc{font-size:.78rem;color:var(--cc-hint);line-height:1.35}.ai-diff-card--green:hover,.ai-diff-card--green:focus-visible{border-color:#34d399;box-shadow:0 6px 24px #34d39926}.ai-diff-card--green .ai-diff-card__icon{background:#34d3991f}.ai-diff-card--green .ai-diff-card__label{color:#34d399}.ai-diff-card--yellow:hover,.ai-diff-card--yellow:focus-visible{border-color:#fbbf24;box-shadow:0 6px 24px #fbbf2426}.ai-diff-card--yellow .ai-diff-card__icon{background:#fbbf241f}.ai-diff-card--yellow .ai-diff-card__label{color:#fbbf24}.ai-diff-card--red:hover,.ai-diff-card--red:focus-visible{border-color:#f87171;box-shadow:0 6px 24px #f8717126}.ai-diff-card--red .ai-diff-card__icon{background:#f871711f}.ai-diff-card--red .ai-diff-card__label{color:#f87171}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--cc-bg);color:var(--cc-text)}.splash__logo{text-align:center;margin-bottom:3rem}.splash__logo-icon{display:inline-block;font-size:4rem;line-height:1;animation:splash-pulse 1.2s ease-in-out infinite}.splash__logo-img{width:108px;height:108px;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3));animation:splash-pulse 1.2s ease-in-out infinite;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 50%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 50%,transparent 72%)}.splash__title{margin:1rem 0 .25rem;font-size:1.75rem;font-weight:700;font-family:var(--cc-font-brand);letter-spacing:1px}.splash__tagline{margin:0;font-size:1rem;color:var(--cc-hint)}.splash__loader{width:100%;max-width:240px}.splash__progress{height:4px;background:var(--cc-card);border-radius:2px;overflow:hidden}.splash__progress:after{content:"";display:block;height:100%;width:40%;background:var(--cc-accent);border-radius:2px;animation:splash-progress 1.5s ease-in-out infinite}.splash__status{margin:1rem 0 0;font-size:.9rem;color:var(--cc-hint);text-align:center}@keyframes splash-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes splash-progress{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(-100%)}}.lang-select{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.25rem;padding-top:calc(2rem + env(safe-area-inset-top,0));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);color:var(--cc-text);animation:lang-fade-in .35s ease-out}.lang-select--exit{animation:lang-fade-out .3s ease-in forwards}.lang-select__logo{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center}.lang-select__logo-img{width:100px;height:100px;object-fit:contain;margin-bottom:.5rem;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 4px 12px rgba(59,130,246,.25));mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 50%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 50%,transparent 72%)}.lang-select__title{margin:0;font-size:1.6rem;font-weight:700;font-family:var(--cc-font-brand);letter-spacing:1px}.lang-select__heading{margin:0 0 .25rem;font-size:1.15rem;font-weight:600}.lang-select__sub{margin:0 0 1.75rem;font-size:.85rem;color:var(--cc-hint)}.lang-dropdown{position:relative;width:100%;max-width:320px;animation:lang-fade-in .3s ease-out .1s both}.lang-dropdown__trigger{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;background:var(--cc-card);border:1.5px solid var(--cc-border);border-radius:14px;color:var(--cc-text);font-size:1.05rem;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s}.lang-dropdown__trigger:hover,.lang-dropdown__trigger--open{border-color:var(--cc-accent);box-shadow:0 4px 16px var(--cc-accent-glow)}.lang-dropdown__flag{font-size:1.5rem;line-height:1;flex-shrink:0}.lang-dropdown__label{flex:1;text-align:left}.lang-dropdown__arrow{font-size:.85rem;opacity:.6;transition:transform .2s}.lang-dropdown__arrow--up{transform:rotate(180deg)}.lang-dropdown__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:.35rem 0;list-style:none;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px;box-shadow:0 8px 28px #00000080;z-index:10;animation:dropdown-in .18s ease-out;overflow:hidden}.lang-dropdown__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--cc-text);font-size:1rem;font-weight:500;cursor:pointer;transition:background .15s}.lang-dropdown__option:hover{background:#3b82f614}.lang-dropdown__option--active{color:var(--cc-accent);font-weight:700}.lang-dropdown__option-label{flex:1;text-align:left}.lang-dropdown__check{font-size:1rem;font-weight:700;color:var(--cc-accent);flex-shrink:0}.lang-select__continue{margin-top:2rem;width:100%;max-width:320px;padding:1rem;font-size:1rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 20px var(--cc-accent-glow);transition:transform .15s,opacity .15s}.lang-select__continue:hover{opacity:.95;transform:scale(1.01)}.lang-select__continue:active{transform:scale(.98)}@keyframes lang-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lang-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scaleY(.95)}to{opacity:1;transform:translateY(0) scaleY(1)}}.age-verify{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;padding-top:calc(2rem + env(safe-area-inset-top,0));padding-bottom:calc(2rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);color:var(--cc-text);animation:age-fade-in .35s ease-out}.age-verify--exit{animation:age-fade-out .3s ease-in forwards}.age-verify__badge{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:1.6rem;font-weight:800;font-family:var(--cc-font-display);margin-bottom:1.5rem;box-shadow:0 6px 24px #e74c3c59}.age-verify__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.3px;text-align:center}.age-verify__subtitle{margin:0 0 2rem;font-size:.9rem;line-height:1.45;color:var(--cc-hint);text-align:center;max-width:320px}.age-verify__actions{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:320px}.age-verify__btn{width:100%;padding:1rem;font-size:.95rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;border:none;border-radius:14px;cursor:pointer;transition:transform .15s,opacity .15s}.age-verify__btn--confirm{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 20px var(--cc-accent-glow)}.age-verify__btn--confirm:hover{opacity:.95;transform:scale(1.01)}.age-verify__btn--confirm:active{transform:scale(.98)}.age-verify__btn--deny{background:var(--cc-card);color:var(--cc-hint);border:1.5px solid var(--cc-border)}.age-verify__btn--deny:hover{border-color:var(--cc-border-hover)}.age-verify__btn--deny:active{transform:scale(.98)}.age-verify__denied{width:100%;max-width:320px;padding:1.25rem;background:#e74c3c1a;border:1.5px solid rgba(231,76,60,.25);border-radius:14px;text-align:center}.age-verify__denied p{margin:0;font-size:.95rem;color:#e74c3c;font-weight:600}@keyframes age-fade-in{0%{opacity:0}to{opacity:1}}@keyframes age-fade-out{0%{opacity:1}to{opacity:0}}.terms{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;padding-top:calc(3rem + env(safe-area-inset-top,0));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);color:var(--cc-text);animation:terms-fade-in .35s ease-out}.terms--exit{animation:terms-fade-out .3s ease-in forwards}.terms__icon{width:88px;height:88px;border-radius:22px;background:linear-gradient(135deg,#1d4ed8,#3b82f6);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 30px var(--cc-accent-glow)}.terms__icon-inner{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#c4b5fd);color:#fff;font-size:1.4rem;font-weight:800;box-shadow:0 2px 10px #a78bfa66}.terms__title{margin:0;font-size:1.1rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.3px;text-align:center}.terms__spacer{flex:1}.terms__rules{width:100%;max-width:400px;padding:1rem 1.25rem;background:var(--cc-card);border-radius:14px;border:1px solid var(--cc-border);margin-bottom:1rem}.terms__list{margin:0;padding:0 0 0 1.1rem;display:flex;flex-direction:column;gap:.6rem}.terms__list li{font-size:.9rem;line-height:1.45;color:var(--cc-text-secondary)}.terms__actions{width:100%;max-width:400px;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.terms__btn{padding:.9rem .5rem;font-size:.85rem;font-weight:700;font-family:var(--cc-font-display);letter-spacing:.5px;border-radius:14px;cursor:pointer;transition:transform .15s,opacity .15s;border:none}.terms__btn--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 20px var(--cc-accent-glow)}.terms__btn--primary:hover{opacity:.95}.terms__btn--primary:active{transform:scale(.98)}.terms__btn--secondary{background:var(--cc-card);color:var(--cc-text-secondary);border:1.5px solid var(--cc-border)}.terms__btn--secondary:hover{border-color:var(--cc-border-hover)}.terms__btn--secondary:active{transform:scale(.98)}@keyframes terms-fade-in{0%{opacity:0}to{opacity:1}}@keyframes terms-fade-out{0%{opacity:1}to{opacity:0}}.welcome{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);background:var(--cc-bg);color:var(--cc-text);animation:welcome-fade-in .4s ease-out;overflow:hidden}.welcome--exit{animation:welcome-fade-out .35s ease-in forwards}.welcome__title{margin:0;padding:0 1.25rem;font-size:1.35rem;font-weight:700;font-family:var(--cc-font-brand);letter-spacing:1px;text-align:center;line-height:1.3}.welcome__subtitle{margin:.4rem 0 0;padding:0 1.25rem;font-size:1rem;font-weight:500;color:var(--cc-hint);text-align:center}.welcome__ton-icon{display:inline;font-size:1rem}.welcome__checker-btn{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:0;background:none;border:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .18s ease;animation:welcome-checker-in .6s ease-out .15s both}.welcome__checker-btn:hover{transform:scale(1.03)}.welcome__checker-btn:active,.welcome__checker-btn--pressed{transform:scale(.95)}.welcome__checker-img{width:200px;height:200px;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 28px rgba(59,130,246,.3));mask-image:radial-gradient(ellipse 72% 72% at 50% 48%,#000 52%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 48%,#000 52%,transparent 73%);transition:filter .2s}.welcome__checker-btn:hover .welcome__checker-img{filter:drop-shadow(0 8px 36px rgba(59,130,246,.5))}.welcome__tap-hint{font-size:.9rem;font-weight:600;color:var(--cc-hint);opacity:.7;letter-spacing:.02em;animation:welcome-hint-pulse 2s ease-in-out infinite}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-fade-out{0%{opacity:1}to{opacity:0}}@keyframes welcome-checker-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes welcome-hint-pulse{0%,to{opacity:.7}50%{opacity:.4}}.bnav{position:fixed;bottom:0;left:0;right:0;z-index:900;display:flex;align-items:stretch;justify-content:space-around;height:calc(60px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:#0a0f1eeb;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -4px 24px #0006}.bnav__tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:6px 4px;background:none;border:none;cursor:pointer;color:#a0afc88c;transition:color .25s ease;-webkit-tap-highlight-color:transparent;overflow:hidden}.bnav__tab:active{transform:scale(.92)}.bnav__tab--active{color:var(--cc-accent, #60a5fa)}.bnav__glow{position:absolute;top:2px;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:2px;background:var(--cc-accent, #60a5fa);box-shadow:0 0 10px var(--cc-accent-glow, rgba(96, 165, 250, .5)),0 0 20px var(--cc-accent-glow, rgba(96, 165, 250, .25));animation:bnav-glow-in .3s ease-out}@keyframes bnav-glow-in{0%{width:4px;opacity:0}to{width:20px;opacity:1}}.bnav-icon{width:22px;height:22px;transition:transform .2s ease,filter .2s ease}.bnav-icon--active{transform:scale(1.08);filter:drop-shadow(0 0 6px var(--cc-accent-glow, rgba(96, 165, 250, .45)))}.bnav__label{font-size:.62rem;font-weight:500;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px;transition:color .2s,font-weight .2s}.bnav__tab--active .bnav__label{font-weight:700;color:var(--cc-accent, #60a5fa)}.has-bottom-nav{padding-bottom:calc(68px + env(safe-area-inset-bottom,0))}.profile-screen{width:100%;max-width:420px;margin:0 auto;padding:1rem;padding-bottom:calc(80px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column;gap:1rem}.profile-screen__back{background:none;border:none;color:var(--cc-accent);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem 0;align-self:flex-start}.profile-wallet-status{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:12px;background:var(--cc-card);border:1px solid var(--cc-border)}.profile-wallet-status--connected{border-color:#34d3994d;background:#34d3990f}.profile-wallet-status__dot{width:8px;height:8px;border-radius:50%;background:#34d399;flex-shrink:0;box-shadow:0 0 6px #34d39980}.profile-wallet-status__text{font-size:.8rem;font-weight:600;color:#34d399}.profile-wallet-status__address{margin-left:auto;font-family:Courier New,monospace;font-size:.72rem;color:var(--cc-hint)}.profile-wallet-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem;border-radius:14px;background:var(--cc-card);border:1px dashed rgba(251,191,36,.4);text-align:center}.profile-wallet-prompt__hint{font-size:.82rem;color:var(--cc-hint);margin:0;line-height:1.4}.profile-wallet-prompt__btn{align-self:center}.profile-identity{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:14px;background:var(--cc-card);border:1px solid var(--cc-border)}.profile-identity__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--cc-border);flex-shrink:0}.profile-identity__avatar-placeholder{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);flex-shrink:0}.profile-identity__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.profile-identity__name-row{display:flex;align-items:center;gap:.4rem}.profile-identity__name{font-size:1.1rem;font-weight:700;color:var(--cc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-identity__edit-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:.15rem;opacity:.6;transition:opacity .15s}.profile-identity__edit-btn:hover{opacity:1}.profile-identity__address{font-family:Courier New,monospace;font-size:.72rem;color:var(--cc-hint)}.profile-identity__avatar-hint{font-size:.68rem;color:var(--cc-hint);opacity:.7;font-style:italic}.profile-identity__msg{font-size:.75rem;font-weight:600;animation:fadeIn .2s ease}.profile-identity__msg--ok{color:#34d399}.profile-identity__msg--err{color:#f87171}.profile-identity__edit{display:flex;align-items:center;gap:.3rem}.profile-identity__input{flex:1;min-width:0;padding:.3rem .5rem;border-radius:8px;border:1px solid var(--cc-border);background:var(--cc-bg2);color:var(--cc-text);font-size:.9rem;font-family:inherit;outline:none}.profile-identity__input:focus{border-color:var(--cc-accent)}.profile-identity__save{padding:.3rem .6rem;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;font-size:.8rem;font-weight:600;cursor:pointer}.profile-identity__save:disabled{opacity:.5;cursor:not-allowed}.profile-identity__cancel{background:none;border:none;color:var(--cc-hint);font-size:1rem;cursor:pointer}.profile-elo-hero{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border-radius:16px;background:var(--cc-card);border:2px solid var(--cc-border);position:relative;overflow:hidden}.profile-elo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.06;background:radial-gradient(circle at 50% 0%,currentColor,transparent 70%)}.profile-elo-hero--unranked{color:#6b7280;border-color:#6b72804d}.profile-elo-hero--bronze{color:#cd7f32;border-color:#cd7f324d}.profile-elo-hero--silver{color:#9ca3af;border-color:#9ca3af4d}.profile-elo-hero--gold{color:#fbbf24;border-color:#fbbf244d}.profile-elo-hero--diamond{color:#60a5fa;border-color:#60a5fa4d}.profile-elo-hero--master{color:#a78bfa;border-color:#a78bfa4d}.profile-elo-hero__tier{font-family:var(--cc-font-display);font-size:.7rem;font-weight:800;letter-spacing:2px;opacity:.8}.profile-elo-hero__value{font-family:var(--cc-font-display);font-size:3rem;font-weight:900;line-height:1;margin:.25rem 0;color:var(--cc-text)}.profile-elo-hero__label{font-size:.8rem;color:var(--cc-hint);font-weight:600}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.profile-stat{display:flex;flex-direction:column;align-items:center;padding:.65rem .3rem;border-radius:12px;background:var(--cc-card);border:1px solid var(--cc-border)}.profile-stat--win .profile-stat__value{color:#34d399}.profile-stat--loss .profile-stat__value{color:#f87171}.profile-stat--streak .profile-stat__value{color:#fbbf24}.profile-stat__value{font-family:var(--cc-font-display);font-size:1.25rem;font-weight:800;color:var(--cc-text)}.profile-stat__label{font-size:.65rem;color:var(--cc-hint);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:.1rem}.profile-xp{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-radius:12px;background:linear-gradient(135deg,#8b5cf61f,#3b82f61a);border:1px solid rgba(139,92,246,.25)}.profile-xp__header{display:flex;align-items:center;gap:.35rem}.profile-xp__icon{font-size:1rem}.profile-xp__title{font-size:.75rem;font-weight:700;color:var(--cc-hint);text-transform:uppercase;letter-spacing:.5px}.profile-xp__value{font-family:var(--cc-font-display);font-size:1.4rem;font-weight:800;color:#a78bfa;margin-top:.15rem}.profile-xp__hint{font-size:.65rem;color:var(--cc-hint);opacity:.7;text-align:center;margin-top:.2rem}.profile-earnings{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:12px;background:var(--cc-card);border:1px solid var(--cc-border)}.profile-earnings__label{font-size:.85rem;color:var(--cc-hint);font-weight:600}.profile-earnings__value{font-family:var(--cc-font-display);font-size:1.1rem;font-weight:800;color:#fbbf24}.profile-history{display:flex;flex-direction:column;gap:.5rem}.profile-history__title{font-family:var(--cc-font-display);font-size:1rem;font-weight:700;color:var(--cc-text);margin:0}.profile-history__loading,.profile-history__empty{text-align:center;color:var(--cc-hint);font-size:.85rem;padding:1rem}.profile-match{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:10px;background:var(--cc-card);border:1px solid var(--cc-border)}.profile-match--win{border-left:3px solid #34d399}.profile-match--loss{border-left:3px solid #f87171}.profile-match--draw{border-left:3px solid #9ca3af}.profile-match__result{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:var(--cc-font-display);font-size:.75rem;font-weight:800;flex-shrink:0}.profile-match--win .profile-match__result{background:#34d39926;color:#34d399}.profile-match--loss .profile-match__result{background:#f8717126;color:#f87171}.profile-match--draw .profile-match__result{background:#9ca3af26;color:#9ca3af}.profile-match__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.profile-match__opponent{font-size:.8rem;font-weight:600;color:var(--cc-text)}.profile-match__meta{font-size:.7rem;color:var(--cc-hint)}.profile-match__elo{font-family:var(--cc-font-display);font-size:.85rem;font-weight:700;flex-shrink:0}.profile-match__elo.elo-up{color:#34d399}.profile-match__elo.elo-down{color:#f87171}.profile-withdraw{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px;padding:1rem;margin-bottom:1rem}.profile-withdraw__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-family:var(--cc-font-display);font-size:1rem;font-weight:700;color:var(--cc-text)}.profile-withdraw__title svg{color:var(--cc-accent)}.profile-withdraw__balance{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem;background:#ffffff0a;border-radius:10px;margin-bottom:.75rem}.profile-withdraw__balance-label{font-size:.8rem;color:var(--cc-hint)}.profile-withdraw__balance-value{font-size:1rem;font-weight:700;font-family:var(--cc-font-display);color:var(--cc-text)}.profile-withdraw__input-row{display:flex;gap:.5rem;margin-bottom:.5rem}.profile-withdraw__input{flex:1;padding:.55rem .7rem;font-size:.9rem;font-family:inherit;color:var(--cc-text);background:#ffffff0f;border:1px solid var(--cc-border);border-radius:10px;outline:none;transition:border-color .15s}.profile-withdraw__input:focus{border-color:var(--cc-accent);box-shadow:0 0 0 2px #00c2ff1f}.profile-withdraw__input::placeholder{color:var(--cc-hint);opacity:.7}.profile-withdraw__input{-moz-appearance:textfield}.profile-withdraw__input::-webkit-outer-spin-button,.profile-withdraw__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.profile-withdraw__max-btn{padding:.55rem .8rem;font-size:.78rem;font-weight:700;color:var(--cc-accent);background:#00c2ff1a;border:1px solid rgba(0,194,255,.25);border-radius:10px;cursor:pointer;white-space:nowrap;transition:background .15s}.profile-withdraw__max-btn:hover{background:#00c2ff2e}.profile-withdraw__max-btn:active{transform:scale(.96)}.profile-withdraw__rules{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.75rem;font-size:.72rem;color:var(--cc-hint)}.profile-withdraw__btn{width:100%;padding:.7rem;font-size:.92rem;font-weight:700;font-family:var(--cc-font-display);color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:12px;cursor:pointer;transition:opacity .15s,transform .1s}.profile-withdraw__btn:hover{opacity:.9}.profile-withdraw__btn:active{transform:scale(.97)}.profile-withdraw__btn:disabled{opacity:.5;cursor:not-allowed}.profile-referral{background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px;padding:1rem 1rem .75rem;margin-bottom:1rem}.profile-referral__title{display:flex;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;color:var(--cc-text);margin:0 0 .75rem}.profile-referral__title svg{color:#8b5cf6}.profile-referral__stats{display:flex;gap:1rem;margin-bottom:.75rem}.profile-referral__stat{flex:1;background:var(--cc-bg);border-radius:10px;padding:.6rem .75rem;text-align:center}.profile-referral__stat-value{display:block;font-size:1.1rem;font-weight:700;color:var(--cc-text)}.profile-referral__stat-label{display:block;font-size:.7rem;color:var(--cc-hint);margin-top:.15rem}.profile-referral__claim-btn{width:100%;padding:.65rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:10px;cursor:pointer;transition:transform .1s,opacity .15s}.profile-referral__claim-btn:active{transform:scale(.97)}.profile-referral__claim-btn:disabled{opacity:.5;cursor:not-allowed}.profile-referral__claim-msg{font-size:.78rem;padding:.4rem .6rem;border-radius:8px;margin:0 0 .5rem;line-height:1.3}.profile-referral__claim-msg--ok{color:#4caf50;background:#4caf501a}.profile-referral__claim-msg--err{color:#f56565;background:#f565651a}.profile-referral__info{font-size:.78rem;color:#fbbf24;background:#fbbf2414;border-radius:8px;padding:.4rem .6rem;margin:0 0 .75rem;line-height:1.3}.profile-referral__code-row{display:flex;align-items:center;gap:.5rem;background:var(--cc-bg);border-radius:10px;padding:.5rem .75rem;margin-bottom:.75rem}.profile-referral__code{flex:1;font-size:.95rem;font-weight:700;font-family:monospace;color:var(--cc-text);letter-spacing:.08em}.profile-referral__copy{font-size:.78rem;font-weight:600;color:var(--cc-link, #3b82f6);background:none;border:none;cursor:pointer;padding:.25rem .5rem}.profile-referral__copy:active{opacity:.7}.profile-referral__actions{display:flex;gap:.5rem;margin-bottom:.5rem}.profile-referral__share-btn{flex:1;padding:.6rem;font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;cursor:pointer;transition:transform .1s}.profile-referral__share-btn:active{transform:scale(.97)}.profile-referral__tree-btn{padding:.6rem .75rem;font-size:.85rem;font-weight:600;color:var(--cc-text);background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:10px;cursor:pointer}.profile-referral__tree-btn:active{transform:scale(.97)}.profile-referral__tree{margin-top:.5rem;border-top:1px solid var(--cc-border);padding-top:.5rem}.profile-referral__tree-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0;font-size:.82rem;border-bottom:1px solid rgba(255,255,255,.04)}.profile-referral__tree-item:last-child{border-bottom:none}.profile-referral__tree-name{flex:1;color:var(--cc-text);font-weight:600}.profile-referral__tree-games{color:var(--cc-hint);margin:0 .75rem;font-size:.75rem}.profile-referral__tree-earn{color:#4caf50;font-weight:600;font-size:.8rem}.settings-screen{width:100%;max-width:420px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.settings-screen__back{background:none;border:none;color:var(--cc-accent);font-size:.9rem;font-weight:600;cursor:pointer;padding:.25rem 0;align-self:flex-start}.settings-screen__title{font-family:var(--cc-font-display);font-size:1.4rem;font-weight:800;color:var(--cc-text);margin:0}.settings-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:14px;background:var(--cc-card);border:1px solid var(--cc-border)}.settings-section__heading{font-family:var(--cc-font-display);font-size:.85rem;font-weight:700;color:var(--cc-hint);text-transform:uppercase;letter-spacing:1px;margin:0}.settings-wallet-connected{display:flex;align-items:center;gap:.5rem}.settings-wallet-connected__dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d39980}.settings-wallet-connected__address{font-family:Courier New,monospace;font-size:.82rem;color:var(--cc-text)}.settings-wallet-prompt{display:flex;flex-direction:column;align-items:center;gap:.5rem}.settings-wallet-prompt__hint{font-size:.8rem;color:var(--cc-hint);margin:0}.settings-avatar-row{display:flex;align-items:center;gap:.75rem}.settings-avatar-row__img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--cc-border)}.settings-avatar-row__placeholder{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);flex-shrink:0}.settings-avatar-row__hint{font-size:.72rem;color:var(--cc-hint);font-style:italic}.settings-field{display:flex;flex-direction:column;gap:.25rem}.settings-field__label{font-size:.78rem;font-weight:600;color:var(--cc-hint)}.settings-field__input,.settings-field__select{padding:.55rem .7rem;border-radius:10px;border:1px solid var(--cc-border);background:var(--cc-bg2, #1a1a2e);color:var(--cc-text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s}.settings-field__input:focus,.settings-field__select:focus{border-color:var(--cc-accent)}.settings-field__input:disabled,.settings-field__select:disabled{opacity:.4;cursor:not-allowed}.settings-field__input::placeholder,.settings-field__select::placeholder{color:var(--cc-hint);opacity:.5}.settings-field__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;padding-right:2rem}.settings-field__select option{background:var(--cc-bg2, #1a1a2e);color:var(--cc-text)}.settings-privacy-note{font-size:.7rem;color:var(--cc-hint);opacity:.6;margin:0;text-align:center;line-height:1.3}.settings-save-btn{padding:.7rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;font-size:.95rem;font-weight:700;font-family:var(--cc-font-display);cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.5px}.settings-save-btn:hover{opacity:.9}.settings-save-btn:active{transform:scale(.98)}.settings-save-btn:disabled{opacity:.4;cursor:not-allowed}.settings-save-msg{text-align:center;font-size:.82rem;font-weight:600;padding:.3rem;border-radius:8px;animation:fadeIn .2s ease}.settings-save-msg--ok{color:#34d399;background:#34d39914}.settings-save-msg--err{color:#f87171;background:#f8717114}.settings-save-msg--warn{color:#fbbf24;background:#fbbf2414}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-lang-row{display:flex;gap:.5rem}.settings-lang-btn{flex:1;padding:.5rem .3rem;border-radius:10px;border:1px solid var(--cc-border);background:transparent;color:var(--cc-text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.settings-lang-btn:hover{border-color:var(--cc-accent)}.settings-lang-btn--active{background:#3b82f626;border-color:var(--cc-accent);color:var(--cc-accent)}.rankings{display:flex;flex-direction:column;width:100%;min-height:100vh;padding:.75rem;padding-top:calc(.75rem + env(safe-area-inset-top,0));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));background:var(--cc-bg);animation:rk-fade-in .3s ease-out}@keyframes rk-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rankings__topbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.rankings__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:10px;color:var(--cc-hint);cursor:pointer;transition:all .15s;flex-shrink:0}.rankings__back:hover{color:var(--cc-text);border-color:var(--cc-border-hover)}.rankings__back:active{transform:scale(.93)}.rankings__page-title{font-family:var(--cc-font-display);font-size:1.15rem;font-weight:700;color:var(--cc-text);margin:0}.rankings__window{flex:1;display:flex;flex-direction:column;background:var(--cc-card);border:1px solid var(--cc-border);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px #00000040,0 0 0 1px #ffffff0a inset}.rankings__titlebar{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);border-bottom:1px solid var(--cc-border)}.rankings__titlebar-dots{display:flex;gap:5px;flex-shrink:0}.rankings__titlebar-dots span{width:10px;height:10px;border-radius:50%}.rankings__titlebar-dots span:nth-child(1){background:#ff5f57}.rankings__titlebar-dots span:nth-child(2){background:#febc2e}.rankings__titlebar-dots span:nth-child(3){background:#28c840}.rankings__selects{display:flex;gap:.5rem;flex:1;justify-content:flex-end}.rankings__select-wrap{position:relative;display:inline-flex}.rankings__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:.35rem 1.8rem .35rem .6rem;font-size:.78rem;font-weight:600;font-family:inherit;color:var(--cc-text);background:#ffffff0f;border:1px solid var(--cc-border);border-radius:8px;cursor:pointer;outline:none;transition:border-color .15s,background .15s}.rankings__select:hover{background:#ffffff1a;border-color:var(--cc-border-hover, rgba(255, 255, 255, .2))}.rankings__select:focus{border-color:var(--cc-accent, #00c2ff);box-shadow:0 0 0 2px #00c2ff26}.rankings__select option{background:var(--cc-card, #1e2a3a);color:var(--cc-text)}.rankings__select-arrow{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--cc-hint);pointer-events:none}.rankings__body{flex:1;display:flex;flex-direction:column;overflow:hidden}.rankings__table-scroll{flex:1;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.rankings__table{width:100%;border-collapse:collapse;font-size:.82rem}.rk-th{position:sticky;top:0;z-index:2;padding:.55rem .4rem;text-align:left;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--cc-hint);background:var(--cc-card);border-bottom:1px solid var(--cc-border)}.rk-th--rank{width:32px;text-align:center;padding-left:.6rem}.rk-th--elo{width:48px;text-align:center}.rk-th--wins{width:38px;text-align:center}.rk-th--games{width:40px;text-align:center}.rk-th--earned{width:56px;text-align:right;padding-right:.7rem}.rk-row{transition:background .12s}.rk-row:nth-child(2n){background:#ffffff04}.rk-row:hover{background:#ffffff0a}.rk-row--top1{background:#d4af371a!important}.rk-row--top1 .rk-td--player .rk-player__name{color:#fbbf24}.rk-row--top2{background:#c0c0c012!important}.rk-row--top2 .rk-td--player .rk-player__name{color:silver}.rk-row--top3{background:#cd7f3214!important}.rk-row--top3 .rk-td--player .rk-player__name{color:#cd7f32}.rk-td{padding:.5rem .4rem;border-bottom:1px solid rgba(255,255,255,.04);color:var(--cc-text);vertical-align:middle}.rk-td--rank{text-align:center;font-weight:700;font-size:.88rem;padding-left:.6rem}.rk-td--elo{text-align:center;font-weight:600;color:var(--cc-accent);font-variant-numeric:tabular-nums}.rk-td--wins,.rk-td--games{text-align:center;font-variant-numeric:tabular-nums}.rk-td--earned{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:#4caf50;padding-right:.7rem}.rk-player{display:flex;align-items:center;gap:.45rem}.rk-player__avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;object-fit:cover;border:1px solid rgba(255,255,255,.1)}.rk-player__avatar-ph{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.rk-player__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px;font-weight:500;font-size:.82rem}.rankings__footer{padding:.45rem .75rem;font-size:.72rem;font-weight:600;color:var(--cc-hint);border-top:1px solid var(--cc-border);background:linear-gradient(0deg,rgba(255,255,255,.02) 0%,transparent 100%);text-align:right}.rankings__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--cc-hint);font-size:.88rem;flex:1}.rankings__spinner{width:26px;height:26px;border:3px solid var(--cc-border);border-top-color:var(--cc-accent);border-radius:50%;animation:rk-spin .7s linear infinite}@keyframes rk-spin{to{transform:rotate(360deg)}}.rankings__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--cc-hint);flex:1}.rankings__empty svg{opacity:.35}.rankings__empty p{margin:0;font-size:.9rem;text-align:center}.screen-back-btn{align-self:flex-start;padding:.45rem .9rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:var(--cc-hint);background:var(--cc-card);border:1px solid var(--cc-border);border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.screen-back-btn:hover{color:var(--cc-text);border-color:var(--cc-border-hover)}.screen-back-btn:active{transform:scale(.97)}.app{min-height:100vh;background:var(--cc-bg);color:var(--cc-text)}.app.app-game{padding:.5rem;padding-top:calc(.5rem + env(safe-area-inset-top,0));display:flex;flex-direction:column;align-items:center}.app.app-splash{padding:0;display:flex;align-items:center;justify-content:center}.screen-in{animation:screen-in .3s ease-out}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.ton-connect-btn,[data-tc-widget]{--tc-primary-color: var(--cc-accent) !important;--tc-primary-text-color: #fff !important;--tc-background-color: var(--cc-card) !important;--tc-text-color: var(--cc-text) !important}.app-error{background:var(--cc-bg);color:var(--cc-text)}.wallet-history{width:100%;max-width:500px;padding:1rem;background:var(--cc-card);border-radius:14px;border:1px solid var(--cc-border)}.wallet-history h3{margin:0 0 .75rem;font-size:1rem;color:var(--cc-text)}.wallet-history-stub{margin:0;font-size:.9rem;color:var(--cc-hint)}.wallet-history-list{list-style:none;margin:0;padding:0}.wallet-history-item{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem 1rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--cc-border);font-size:.9rem}.wallet-history-item.in .wallet-history-value{color:var(--cc-success)}.wallet-history-item.out .wallet-history-value{color:var(--cc-danger)}.wallet-history-type{font-weight:600;color:var(--cc-text-secondary)}.wallet-history-value{font-weight:600}.wallet-history-date{color:var(--cc-hint);font-size:.85rem}.leave-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:leave-confirm-fade-in .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes leave-confirm-fade-in{0%{opacity:0}to{opacity:1}}.leave-confirm{background:var(--cc-card, #1e2a3a);border:1px solid var(--cc-border, #2a3a4e);border-radius:16px;padding:1.5rem 1.25rem;width:min(88vw,340px);text-align:center;animation:leave-confirm-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes leave-confirm-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.leave-confirm__title{margin:0 0 .5rem;font-family:var(--cc-font-display, "Exo 2", sans-serif);font-size:1.15rem;font-weight:700;color:var(--cc-text, #e0e6f0)}.leave-confirm__text{margin:0 0 1.25rem;font-size:.92rem;line-height:1.5;color:var(--cc-hint, #8a9ab5)}.leave-confirm__actions{display:flex;gap:.75rem}.leave-confirm__btn{flex:1;padding:.7rem .5rem;border:none;border-radius:10px;font-family:var(--cc-font-display, "Exo 2", sans-serif);font-size:.92rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.leave-confirm__btn:active{transform:scale(.96)}.leave-confirm__btn--leave{background:linear-gradient(135deg,#e53935,#c62828);color:#fff}.leave-confirm__btn--leave:hover{opacity:.9}.leave-confirm__btn--stay{background:linear-gradient(135deg,var(--cc-accent, #00c2ff),#0288d1);color:#fff}.leave-confirm__btn--stay:hover{opacity:.9}.tournaments-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0));text-align:center;animation:mode-fade-in .4s ease-out}.tournaments-stub__icon{color:#fbbf24;margin-bottom:1rem;filter:drop-shadow(0 0 12px rgba(251,191,36,.3))}.tournaments-stub__title{font-family:var(--cc-font-display);font-size:1.3rem;font-weight:700;color:var(--cc-text);margin:0 0 .5rem}.tournaments-stub__text{font-size:.9rem;color:var(--cc-hint);max-width:300px;line-height:1.4;margin:0}.tournaments-stub__back{margin-top:1.5rem;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;color:var(--cc-hint);background:var(--cc-card);border:1px solid var(--cc-border);border-radius:10px;cursor:pointer;transition:color .15s,border-color .15s}.tournaments-stub__back:hover{color:var(--cc-text);border-color:var(--cc-border-hover)}.tournaments-stub__back:active{transform:scale(.97)}@keyframes mode-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.invite-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#0000008c;display:flex;align-items:center;justify-content:center;animation:fade-in .15s ease}.invite-modal{background:var(--cc-card, #1e1e2e);border:1px solid var(--cc-border, #333);border-radius:16px;padding:1.5rem;width:min(90vw,360px);text-align:center;animation:mode-fade-in .2s ease}.invite-modal__title{font-size:1.15rem;font-weight:700;color:var(--cc-text, #fff);margin:0 0 .75rem}.invite-modal__alert{font-size:.85rem;color:#fbbf24;background:#fbbf2414;border-radius:8px;padding:.5rem .75rem;margin:0 0 1rem;line-height:1.35}.invite-modal__bet{display:flex;justify-content:space-between;align-items:center;background:var(--cc-bg, #16161e);border-radius:10px;padding:.6rem 1rem;margin:0 0 1rem;font-size:.95rem;color:var(--cc-hint, #999)}.invite-modal__bet strong{color:var(--cc-text, #fff);font-weight:700}.invite-modal__actions{display:flex;gap:.5rem;margin:0 0 .75rem}.invite-modal__btn{flex:1;padding:.65rem;font-size:.9rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:transform .1s,opacity .15s}.invite-modal__btn:active{transform:scale(.97)}.invite-modal__btn--share{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.invite-modal__btn--copy{background:var(--cc-bg, #16161e);color:var(--cc-text, #fff);border:1px solid var(--cc-border, #333)}.invite-modal__waiting{margin:0 0 .75rem}.invite-modal__waiting p{margin:.75rem 0 0;font-size:.85rem;color:var(--cc-hint, #999)}.invite-modal__spinner{width:32px;height:32px;border:3px solid var(--cc-border, #333);border-top-color:#3b82f6;border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}.invite-modal__close{display:block;width:100%;padding:.5rem;font-size:.85rem;font-weight:500;color:var(--cc-hint, #999);background:none;border:none;cursor:pointer}.invite-modal__close:hover{color:var(--cc-text, #fff)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}:root{--cc-font-brand: "Orbitron", sans-serif;--cc-font-display: "Exo 2", sans-serif;--cc-font-body: "Exo 2", sans-serif;--cc-bg: #0a0e27;--cc-bg2: #111a3a;--cc-card: #152247;--cc-card-hover: #1a2a55;--cc-border: rgba(100, 140, 255, .1);--cc-border-hover: rgba(100, 140, 255, .25);--cc-text: #e8eaf6;--cc-text-secondary: #c5cbe8;--cc-hint: #6b7db3;--cc-accent: #3b82f6;--cc-accent-glow: rgba(59, 130, 246, .35);--cc-gold: #d4af37;--cc-gold-glow: rgba(212, 175, 55, .3);--cc-purple: #7b1fa2;--cc-purple-glow: rgba(123, 31, 162, .3);--cc-success: #22c55e;--cc-danger: #e74c3c}html{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0)}body{margin:0;font-family:var(--cc-font-body);background:var(--cc-bg);color:var(--cc-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--cc-font-display)}#root{min-height:100vh;min-height:calc(100vh - env(safe-area-inset-bottom,0))}.board-coords{position:absolute;display:flex;pointer-events:none;z-index:1}.board-coords--cols{bottom:0;left:16px;right:0;height:16px;flex-direction:row;align-items:center}.board-coords--rows{top:0;left:0;bottom:16px;width:16px;flex-direction:column;align-items:center}.board-coords__label{flex:1;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600;font-family:var(--cc-font-display);color:var(--cc-hint);opacity:.7;line-height:1;-webkit-user-select:none;user-select:none}