.reversi-game{gap:14px;min-width:0;display:grid}.reversi-status{min-height:32px;color:var(--muted);align-items:center;gap:9px;font-size:.84rem;font-weight:800;display:flex}.reversi-status strong{color:#24533f;font-size:1rem}.reversi-pass{color:var(--brand-strong);text-align:right;margin-left:auto}.reversi-turn-disc{aspect-ratio:1;border:1px solid #00000047;border-radius:50%;flex:none;width:18px;box-shadow:inset 0 -2px 2px #0003}.reversi-turn-disc.is-black{background:#202124}.reversi-turn-disc.is-white{background:#fff}.reversi-stage{grid-template-columns:minmax(0,620px) minmax(230px,280px);align-items:start;gap:24px;min-width:0;display:grid}.reversi-play-area{justify-items:center;gap:10px;min-width:0;display:grid}.reversi-score{justify-content:center;align-items:center;gap:24px;width:min(100%,600px);display:flex}.reversi-score span{border:1px solid var(--line);min-width:108px;min-height:38px;color:var(--muted);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;font-size:.75rem;font-weight:850;display:flex}.reversi-score strong{color:var(--text);font-size:1rem}.reversi-score i{aspect-ratio:1;border:1px solid #00000040;border-radius:50%;width:16px}.reversi-score i.is-black{background:#202124}.reversi-score i.is-white{background:#fff}.reversi-board{contain:layout paint;aspect-ratio:1;background:#287b57;border:4px solid #17382b;border-radius:5px;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,600px);display:grid;overflow:hidden;box-shadow:0 15px 34px #19342a30}.reversi-cell{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#2f8d64;border:1px solid #0c3e2966;border-top:0;border-left:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.reversi-cell:nth-child(16n+2),.reversi-cell:nth-child(16n+4),.reversi-cell:nth-child(16n+6),.reversi-cell:nth-child(16n+8),.reversi-cell:nth-child(16n+9),.reversi-cell:nth-child(16n+11),.reversi-cell:nth-child(16n+13),.reversi-cell:nth-child(16n+15){background:#2b835d}@media (hover:hover) and (pointer:fine){.reversi-cell:hover{filter:brightness(1.06)}}.reversi-cell:focus-visible{z-index:4;outline-offset:-4px;outline:4px solid #fff}.reversi-disc{z-index:1;aspect-ratio:1;width:76%;transform-style:preserve-3d;border:2px solid #ffffff57;border-radius:50%;animation:.21s ease-out reversi-disc-arrive;display:block;position:relative;box-shadow:inset 0 -6px 8px #00000038,0 3px 5px #00000045}.reversi-disc.is-black{background:radial-gradient(circle at 36% 28%,#555 0 7%,#202124 46%,#090a0b 100%)}.reversi-disc.is-white{background:radial-gradient(circle at 36% 28%,#fff 0 12%,#f2f2ef 54%,#c9cbc8 100%)}.reversi-cell.is-flipped .reversi-disc{animation-name:reversi-disc-flip;animation-duration:.33s}.reversi-legal-dot{aspect-ratio:1;background:#0f39298f;border-radius:50%;width:19%;box-shadow:0 0 0 5px #ffffff1a}.reversi-last-marker{z-index:2;aspect-ratio:1;pointer-events:none;background:#ffcf4f47;border:2px solid #ffcf4f;border-radius:50%;width:16%;position:absolute}.reversi-panel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:15px;padding:16px;display:grid}.reversi-panel fieldset{border:0;gap:7px;min-width:0;margin:0;padding:0;display:grid}.reversi-panel legend,.reversi-select>span{color:var(--muted);font-size:.76rem;font-weight:900}.reversi-segmented{background:#edf0ed;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;display:grid}.reversi-segmented button{min-width:0;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:.74rem;font-weight:900;line-height:1.2}.reversi-segmented button[aria-pressed=true]{color:#202124;background:#fff;box-shadow:0 1px 4px #20212424}.reversi-select{gap:7px;display:grid}.reversi-select select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;background:#fff;border-radius:6px;padding:0 10px;font-weight:800}.reversi-toggle{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:9px;font-size:.82rem;font-weight:850;display:flex}.reversi-toggle input{width:18px;height:18px;accent-color:var(--brand)}.reversi-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.reversi-stats div{color:#fff;text-align:center;background:#24533f;border-radius:5px;gap:2px;padding:9px 2px;display:grid}.reversi-stats strong{font-size:.95rem}.reversi-stats span{opacity:.75;overflow-wrap:anywhere;font-size:.58rem}.reversi-actions,.reversi-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.reversi-actions button,.reversi-mobile-actions button{width:100%;min-width:0}.reversi-mobile-actions{width:100%;display:none}.reversi-loading{min-height:540px;color:var(--muted);place-items:center;font-weight:900;display:grid}.reversi-dialog p{color:var(--muted);line-height:1.55}@keyframes reversi-disc-arrive{0%{opacity:.55;transform:scale(.76)}to{opacity:1;transform:scale(1)}}@keyframes reversi-disc-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)scale(.9)}to{transform:rotateY(180deg)}}@media (max-width:760px){.reversi-stage{grid-template-columns:minmax(0,1fr);gap:15px}.reversi-board{width:100%;max-width:600px}.reversi-score{width:100%}.reversi-mobile-actions{display:grid}.reversi-panel{box-shadow:none;background:0 0;border-width:1px 0 0;border-radius:0;padding:14px 0 0}.reversi-actions{display:none}.reversi-disc{border-width:1px;box-shadow:inset 0 -4px 5px #0003,0 2px 4px #0000003d}.reversi-status{flex-wrap:wrap}.reversi-pass{text-align:left;width:100%;margin-left:27px}}@media (max-width:390px){.reversi-board{border-width:3px}.reversi-score{gap:8px}.reversi-score span{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){.reversi-disc,.reversi-cell.is-flipped .reversi-disc{animation:none}}