.rev-board{display:inline-grid;grid-template-columns:repeat(8,48px);grid-template-rows:repeat(8,48px);gap:2px;background:#2d5829;padding:10px;border-radius:12px;margin:1.5rem auto;box-shadow:0 4px 20px #00000040}.rev-cell{width:48px;height:48px;border-radius:4px;background:#357a2e;cursor:default;position:relative;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;outline:none;border:none;transition:background .15s ease}.rev-cell:focus-visible{outline:3px solid #fff;outline-offset:-3px;z-index:1}@media(hover:none){.rev-cell:hover,.rev-cell:focus,.rev-cell:active{background:#357a2e!important}.rev-cell.rev-valid:hover,.rev-cell.rev-valid:focus,.rev-cell.rev-valid:active{background:#357a2e!important}}.rev-active .rev-valid{cursor:pointer}.rev-valid:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff3;pointer-events:none}@media(hover:hover){.rev-active .rev-valid:hover{background:#408f36}.rev-active .rev-valid:hover:after{background:#ffffff59;width:18px;height:18px}}.rev-active .rev-valid:focus-visible{background:#ffffff26}.rev-waiting .rev-cell{cursor:not-allowed}.rev-waiting .rev-valid:after{display:none}.rev-p1{cursor:default}.rev-p1:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#444,#1a1a1a 60%,#000);box-shadow:0 2px 4px #0006,inset 0 1px 2px #ffffff1a;pointer-events:none}.rev-p2{cursor:default}.rev-p2:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#e8e8e8 60%,#d0d0d0);box-shadow:0 2px 4px #0003,inset 0 1px 2px #fffc;pointer-events:none}.rev-p1.rev-valid:after,.rev-p2.rev-valid:after{width:38px;height:38px;background:inherit}.rev-last{box-shadow:inset 0 0 0 3px #c9f7a599}.rev-winner{animation:revWinPulse .6s ease-in-out 2}@keyframes revWinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.rev-flip{animation:revFlip .4s ease-in-out both}@keyframes revFlip{0%{transform:scale(1)}50%{transform:scale(.1)}to{transform:scale(1)}}.rev-place{animation:revPlace .3s ease-out both}@keyframes revPlace{0%{transform:scale(0);opacity:.5}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.rev-score{display:flex;justify-content:center;gap:2rem;margin:1rem auto;font-size:1.1rem;font-weight:600}.rev-score__player{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:8px;background:#0000004d}.rev-score__player--active{background:#c9f7a526;box-shadow:0 0 0 2px #c9f7a566}.rev-score__disc{display:inline-block;width:20px;height:20px;border-radius:50%}.rev-score__disc--black{background:radial-gradient(circle at 35% 35%,#444,#1a1a1a);box-shadow:0 1px 3px #0000004d}.rev-score__disc--white{background:radial-gradient(circle at 35% 35%,#fff,#ddd);box-shadow:0 1px 3px #00000026}.rev-score__count{font-variant-numeric:tabular-nums;min-width:1.5em;text-align:center}.rev-skip{text-align:center;padding:.5rem 1rem;margin:.5rem auto;background:#c9f7a51a;border-radius:8px;font-size:.9rem;max-width:300px}@media(min-width:768px){.rev-board{grid-template-columns:repeat(8,56px);grid-template-rows:repeat(8,56px);gap:3px;padding:12px}.rev-cell{width:56px;height:56px}.rev-p1:after,.rev-p2:after{width:44px;height:44px}.rev-valid:after{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.rev-flip,.rev-place{animation:none}}