.page-module__oe4z_q__container{min-height:100vh;font-family:var(--font-natural);color:#4a3f35;background:#faf8f5;flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.page-module__oe4z_q__wrapper{width:100%;max-width:700px;margin:0 auto}.page-module__oe4z_q__header{background:#fffffff2;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 20px #4a3f351a}.page-module__oe4z_q__backLink{color:#5a8a6a;font-weight:600;text-decoration:none;transition:color .2s}.page-module__oe4z_q__backLink:hover{color:#4a7a5a}.page-module__oe4z_q__title{color:#4a3f35;margin:0;font-size:1.5rem;font-weight:700}.page-module__oe4z_q__headerButton{color:#fff;cursor:pointer;background:#5a8a6a;border:none;border-radius:10px;padding:.5rem 1rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #5a8a6a4d}.page-module__oe4z_q__headerButton:hover{background:#4a7a5a;transform:translateY(-2px);box-shadow:0 4px 12px #5a8a6a66}.page-module__oe4z_q__statsPanel{background:#fffffff2;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.625rem 1rem;display:flex;box-shadow:0 2px 12px #4a3f3514}.page-module__oe4z_q__statsRow{align-items:center;gap:.75rem;display:flex}.page-module__oe4z_q__statItem{align-items:center;gap:.25rem;display:flex}.page-module__oe4z_q__statLevel{color:#5a8a6a;background:#e8f0ea;border-radius:4px;margin-right:.25rem;padding:.125rem .5rem;font-size:.8125rem;font-weight:600}.page-module__oe4z_q__statLabel{color:#7a6f63;font-size:.8125rem}.page-module__oe4z_q__statValue{font-size:.9375rem;font-weight:700}.page-module__oe4z_q__statValueWinRate,.page-module__oe4z_q__statValueWin{color:#5a8a6a}.page-module__oe4z_q__statValueLoss{color:#b35a3a}.page-module__oe4z_q__statValueDraw{color:#7a6f63}.page-module__oe4z_q__playerInfoRow{align-items:center;gap:1rem;display:flex}.page-module__oe4z_q__playerInfo{border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .5rem;transition:all .2s;display:flex}.page-module__oe4z_q__playerInfoActive{background:#f5f0eb;box-shadow:0 0 0 2px #4a3f35}.page-module__oe4z_q__playerInfoActiveWhite{box-shadow:0 0 0 2px #8b7355}.page-module__oe4z_q__pieceBlack{background:#1f2937;border-radius:50%;width:1.125rem;height:1.125rem;box-shadow:0 1px 2px #0003}.page-module__oe4z_q__pieceWhite{background:#fdfcfa;border:2px solid #d4cdc4;border-radius:50%;width:1.125rem;height:1.125rem;box-shadow:0 1px 2px #0000001a}.page-module__oe4z_q__playerDetails{align-items:center;gap:.25rem;display:flex}.page-module__oe4z_q__playerName{color:#7a6f63;font-size:.75rem;font-weight:500}.page-module__oe4z_q__playerScore{color:#4a3f35;font-size:1.125rem;font-weight:700}.page-module__oe4z_q__boardContainer{background:linear-gradient(145deg,#5a8a6a 0%,#4a7a5a 100%);border-radius:16px;margin-bottom:1.5rem;padding:1rem;box-shadow:0 4px 20px #5a8a6a4d,inset 0 1px #fff3}.page-module__oe4z_q__board{grid-template-columns:repeat(8,1fr);gap:3px;display:grid}.page-module__oe4z_q__cell{aspect-ratio:1;cursor:pointer;background:#6b9b7a;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.page-module__oe4z_q__cell:hover:not(:disabled){background:#7aaa89}.page-module__oe4z_q__cellHint{background:#d97706!important}.page-module__oe4z_q__cellDisabled{cursor:not-allowed}.page-module__oe4z_q__boardPieceBlack{background:#1f2937;border-radius:50%;width:80%;height:80%;animation:.3s ease-out page-module__oe4z_q__pieceScale;box-shadow:0 2px 4px #0000004d}.page-module__oe4z_q__boardPieceWhite{background:#fdfcfa;border:2px solid #d4cdc4;border-radius:50%;width:80%;height:80%;animation:.3s ease-out page-module__oe4z_q__pieceScale;box-shadow:0 2px 4px #00000026}@keyframes page-module__oe4z_q__pieceScale{0%{transform:scale(0)}to{transform:scale(1)}}.page-module__oe4z_q__validMoveIndicator{background:#1f29374d;border-radius:50%;width:.75rem;height:.75rem}.page-module__oe4z_q__messageDisplay{text-align:center;color:#5a4f43;background:#fffffff2;border-radius:12px;margin-bottom:1.5rem;padding:1rem;font-size:1.25rem;font-weight:700;box-shadow:0 2px 10px #4a3f351a}.page-module__oe4z_q__messageGameOver{color:#92400e;background:linear-gradient(145deg,#fef3c7 0%,#fde68a 100%)}.page-module__oe4z_q__controls{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.page-module__oe4z_q__controlButton{color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.page-module__oe4z_q__controlButton:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.page-module__oe4z_q__controlButton:disabled{cursor:not-allowed;background:#d4cdc4!important}.page-module__oe4z_q__hintButton{background:#8b7355}.page-module__oe4z_q__validMovesButton{background:#5a8a6a}.page-module__oe4z_q__validMovesButtonOff{background:#7a6f63}.page-module__oe4z_q__startButton,.page-module__oe4z_q__levelButtonEasy{background:#5a8a6a}.page-module__oe4z_q__levelButtonMedium{background:#2a567a}.page-module__oe4z_q__levelButtonHard{background:#b35a3a}.page-module__oe4z_q__modalOverlay{z-index:50;background:#4a3f35b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.page-module__oe4z_q__modal{background:#fff;border-radius:20px;width:100%;max-width:28rem;padding:2rem;box-shadow:0 10px 40px #4a3f354d}.page-module__oe4z_q__modalTitle{text-align:center;color:#4a3f35;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.page-module__oe4z_q__startOptions{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.page-module__oe4z_q__startOption{cursor:pointer;background:#f5f0eb;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;transition:all .2s;display:flex}.page-module__oe4z_q__startOption:hover{background:#e8e4df;transform:translateY(-2px)}.page-module__oe4z_q__startPieceBlack{background:#1f2937;border-radius:50%;width:4rem;height:4rem;box-shadow:0 4px 8px #0003}.page-module__oe4z_q__startPieceWhite{background:#fdfcfa;border:4px solid #d4cdc4;border-radius:50%;width:4rem;height:4rem;box-shadow:0 4px 8px #0000001a}.page-module__oe4z_q__startOptionLabel{color:#5a4f43;font-weight:600}.page-module__oe4z_q__levelOptions{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.page-module__oe4z_q__levelOption{color:#fff;cursor:pointer;border:none;border-radius:12px;padding:1rem;font-size:1.125rem;font-weight:700;transition:all .2s}.page-module__oe4z_q__levelOption:hover{opacity:.9;transform:translateY(-2px)}.page-module__oe4z_q__levelOptionEasy{background:linear-gradient(145deg,#5a8a6a 0%,#4a7a5a 100%)}.page-module__oe4z_q__levelOptionMedium{background:linear-gradient(145deg,#2a567a 0%,#1e4a6a 100%)}.page-module__oe4z_q__levelOptionHard{background:linear-gradient(145deg,#b35a3a 0%,#9a4a2a 100%)}.page-module__oe4z_q__modalCancelButton{color:#5a4f43;cursor:pointer;background:#d4cdc4;border:none;border-radius:12px;width:100%;padding:.75rem;font-weight:600;transition:all .2s}.page-module__oe4z_q__modalCancelButton:hover{background:#c9c0b5}@media (max-width:768px){.page-module__oe4z_q__header{text-align:center;flex-direction:column;gap:.5rem}.page-module__oe4z_q__statsPanel{justify-content:center}.page-module__oe4z_q__statsRow{flex-wrap:wrap;justify-content:center;gap:.5rem}.page-module__oe4z_q__playerInfoRow{gap:.75rem}.page-module__oe4z_q__controls{flex-direction:column;align-items:center}.page-module__oe4z_q__controlButton{width:100%;max-width:200px}}@media (max-width:480px){.page-module__oe4z_q__container{padding:1rem .5rem}.page-module__oe4z_q__statsPanel{padding:1rem}.page-module__oe4z_q__boardContainer{padding:.5rem}.page-module__oe4z_q__board{gap:2px}.page-module__oe4z_q__startOptions{flex-direction:column}.page-module__oe4z_q__startPieceBlack,.page-module__oe4z_q__startPieceWhite{width:3rem;height:3rem}}@media (prefers-reduced-motion:reduce){.page-module__oe4z_q__cell,.page-module__oe4z_q__controlButton,.page-module__oe4z_q__startOption,.page-module__oe4z_q__levelOption,.page-module__oe4z_q__boardPieceBlack,.page-module__oe4z_q__boardPieceWhite{transition:none;animation:none}}.page-module__oe4z_q__backLink:focus,.page-module__oe4z_q__headerButton:focus,.page-module__oe4z_q__cell:focus,.page-module__oe4z_q__controlButton:focus,.page-module__oe4z_q__startOption:focus,.page-module__oe4z_q__levelOption:focus,.page-module__oe4z_q__modalCancelButton:focus{outline-offset:2px;outline:2px solid #5a8a6a}