body.page--preload .checkers-area{opacity:0;visibility:hidden;pointer-events:none}.checkers-area{display:grid;gap:1rem;margin:0 auto;width:min(1080px,100%)}.checkers-shell{display:grid;grid-template-columns:minmax(220px,260px) minmax(380px,500px);gap:.75rem;width:100%;justify-content:center;margin-inline:auto;align-items:start}.checkers-panel{display:grid;align-content:start;gap:.5rem;padding:.8rem;background:#123018d9;border:1px solid rgba(255,255,255,.12);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0003}.checkers-title{margin:0;font-size:1rem;color:#f8fafc}.checkers-status{margin:0;color:#dbeafe;font-size:.9rem;min-height:1.2rem}.checkers-metrics{margin:0;padding:0;display:grid;gap:.5rem}.checkers-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .6rem;border-radius:8px;background:#0f172a8c}.checkers-metrics dt{font-size:.82rem;color:#cbd5e1}.checkers-metrics dd{margin:0;color:#f8fafc;font-weight:700}.checkers-help{margin:0;font-size:.86rem;color:#cbd5e1}.checkers-difficulty{display:grid;gap:.45rem;margin-top:.25rem}.checkers-difficulty__label{margin:0;font-size:.82rem;color:#cbd5e1}.checkers-difficulty__buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.checkers-difficulty__btn{border:1px solid rgba(255,255,255,.22);background:#123018c7;color:#e2e8f0;border-radius:6px;padding:.25rem .35rem;cursor:pointer;font-size:.8rem;transition:transform .14s ease,background-color .14s ease}.checkers-difficulty__btn:hover{transform:translateY(-1px);background:#1e5028e0}.checkers-difficulty__btn.is-active{border-color:#facc15a6;background:#eab30829;color:#fef08a}.checkers-difficulty__help{margin:0;font-size:.78rem;color:#cbd5e1;min-height:1rem}.checkers-difficulty__notice{margin:0;font-size:.78rem;color:#fef08a;min-height:1rem}.checkers-options{display:grid;gap:.4rem;margin-top:.25rem}.checkers-option-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(255,255,255,.22);background:#123018c7;color:#e2e8f0;border-radius:6px;padding:.4rem;cursor:pointer;font-size:.85rem;transition:transform .14s ease,background-color .14s ease}.checkers-option-btn:hover{transform:translateY(-1px);background:#1e5028e0}.checkers-option-btn .material-icons{font-size:1.1rem}.checkers-win-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#02061794;border-radius:10px;opacity:0;pointer-events:none;transform:scale(.985);transition:opacity .2s ease,transform .2s ease}.checkers-win-overlay.is-visible{opacity:1;pointer-events:auto;transform:scale(1)}.checkers-win-card{width:min(86%,280px);display:grid;gap:.45rem;text-align:center;padding:.8rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#123018eb;box-shadow:0 10px 24px #00000059}.checkers-win-title{margin:0;color:#fef08a;font-size:1.1rem}.checkers-win-message{margin:0;color:#e2e8f0;font-size:.9rem}.checkers-win-burst{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:10px}.checkers-win-token{position:absolute;width:16px;height:16px;border-radius:50%;box-shadow:0 2px 6px #00000059}.checkers-win-token.is-red{background:radial-gradient(circle at 30% 30%,#ef4444,#991b1b)}.checkers-win-token.is-black{background:radial-gradient(circle at 30% 30%,#475569,#020617)}.checkers-board-wrap{position:relative;display:grid;gap:.55rem;place-items:center;border-radius:14px;padding:.75rem;background:radial-gradient(circle at 20% 15%,#005a0080,#003c00b8);border:1px solid rgba(255,255,255,.14);min-height:360px}#board{width:min(100%,460px);aspect-ratio:1 / 1;display:block;border-radius:10px;touch-action:manipulation;box-shadow:0 10px 24px #00000059}.checkers-player{display:grid;justify-items:center;gap:.2rem;color:#ffffffe0;transition:transform .16s ease,opacity .16s ease;opacity:.78}.checkers-player.is-active{opacity:1;transform:translateY(-1px)}.checkers-player__avatar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:#123018d9;display:grid;place-items:center;font-size:1.28rem}.checkers-player__name{margin:0;font-size:.86rem}@media (max-width: 980px){.checkers-shell{grid-template-columns:1fr;max-width:500px}.checkers-panel{order:2}.checkers-board-wrap{order:1}}