/* outflank: styles for this game only (loaded after /css/core.css). */
[data-game="outflank"] .c1 { --base: #262D3A; --hi: #6B768C; --lo: #0D1118; --edge: #05070A; }
[data-game="outflank"] .c2 { --base: #F3F0E6; --hi: #FFFFFF; --lo: #CFC8B4; --edge: #9E957C; }
.bg-tray[data-game="outflank"] { --tint: 30, 130, 98; --edge-rgb: 10, 63, 45; }
.of-board { gap: 5px; padding: 0; border-radius: 12px; background: none; }
.of-board .bg-cell { border-radius: 9px; background: linear-gradient(160deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1)); border: 1px solid rgba(255, 255, 255, .3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35); }
.of-board .bg-cell.can::after { content: ''; width: 22%; aspect-ratio: 1; border-radius: 50%; background: rgba(255, 255, 255, .38); transition: transform .12s; }
.my-turn .of-board .bg-cell.can:hover::after { transform: scale(2.6); background: rgba(255, 255, 255, .28); }
.of-board .pc { width: 82%; }
.of-board .pc.last::after { content: ''; width: 18%; aspect-ratio: 1; border-radius: 50%; background: #E5484D; }