.actionBtn{--btn-color-top:#16a34a;--btn-color-bottom:#14532d;--btn-text-color:#ffffff;--btn-color-top-hover:#22c55e;background-color:var(--btn-color-top);color:var(--btn-text-color);border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:700;text-transform:uppercase;font-family:inter,segoe ui,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;box-shadow:0 4px 0 var(--btn-color-bottom);transition:transform .1s ease-out,box-shadow .1s ease-out;position:relative;letter-spacing:.02em}.actionBtnReverse{--btn-color-bottom:#fffefe}.actionBtnPrimary{margin-bottom:10px;--btn-color-top:#16a34a;--btn-color-bottom:#15803d;--btn-text-color:#ffffff;--btn-color-top-hover:#22c55e;background-color:var(--btn-color-top);color:var(--btn-text-color);border:none;border-radius:12px;padding:16px 32px;font-size:18px;font-weight:700;text-transform:uppercase;font-family:inter,segoe ui,Tahoma,Geneva,Verdana,sans-serif;cursor:pointer;box-shadow:0 4px 0 var(--btn-color-bottom);transition:transform .1s ease-out,box-shadow .1s ease-out;position:relative}.actionBtn:hover{background-color:var(--btn-color-top-hover);transform:translateY(-2px);box-shadow:0 6px 0 var(--btn-color-bottom)}.actionBtn:active{transform:translateY(4px);box-shadow:0 0 0 var(--btn-color-bottom);transition-duration:.05s}#reversi-game{max-width:700px;margin:2rem auto;background:#f8f8f8;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,8%);text-align:center;padding:1rem}#reversi-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;margin:1rem auto;background:#1a5c2a;border:3px solid #14532d;border-radius:8px;max-width:560px;aspect-ratio:1}.reversi-cell{background:#22863a;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;aspect-ratio:1}.reversi-cell:hover{background:#2ea043}.reversi-disc{width:75%;height:75%;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.3);transition:transform .3s ease}.reversi-black{background:radial-gradient(circle at 35% 35%,#444,#111)}.reversi-white{background:radial-gradient(circle at 35% 35%,#fff,#ddd);border:1px solid #ccc}#reversi-info{margin-top:1rem;font-size:1.1rem;font-family:inter,sans-serif}.reversi-status{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem;font-weight:600}#reversi-restart{margin-top:.5rem;padding:12px 28px;font-size:1rem;font-weight:600;background:#16a34a;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s;font-family:inter,sans-serif}#reversi-restart:hover{background:#15803d;transform:translateY(-1px)}@media(max-width:640px){#reversi-game{margin:1rem;border-radius:12px}}