*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:Helvetica,Arial,sans-serif;background-color:#fff;color:#000;line-height:1.4;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0;margin:0}.message-area{font-family:Helvetica,Arial,sans-serif;font-size:18px;background-color:#f0f0f0;color:#000;padding:10px 20px;margin:10px 0;border-radius:5px;text-align:center}.turn-indicator{font-family:Helvetica,Arial,sans-serif;font-size:18px;color:#000;margin:10px 0;text-align:center}button{font-family:Helvetica,Arial,sans-serif;font-size:16px;padding:10px 20px;margin:10px;border:2px solid #333;background-color:#fff;color:#000;border-radius:5px;cursor:pointer;transition:all .2s ease}button:hover{background-color:#f0f0f0;border-color:#555}button:active{background-color:#e0e0e0}button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){body{font-size:14px;touch-action:manipulation}.message-area,.turn-indicator{font-size:16px;padding:8px 15px;margin:8px 0}button{font-size:18px;padding:12px 24px;margin:12px;min-height:44px;min-width:44px}}@media (max-width: 480px){.message-area,.turn-indicator{font-size:14px;padding:6px 12px;margin:6px 0}button{font-size:16px;padding:10px 20px}}.game-board[data-v-9665c3fa]{display:grid;grid-template-rows:repeat(8,1fr);gap:1px;background-color:#ccc;border:2px solid #333;margin-top:90px;width:min(600px,100vw - 20px);height:min(600px,100vw - 20px);max-width:600px;max-height:600px}.board-row[data-v-9665c3fa]{display:grid;grid-template-columns:repeat(8,1fr);gap:1px}.board-cell[data-v-9665c3fa]:hover{background-color:#f0f0f0}.checker[data-v-9665c3fa]{width:90%;height:90%;border-radius:50%;border:2px solid #333;transition:all .2s ease}.checker.ai-animating[data-v-9665c3fa]{transition:all .7s ease;z-index:100;transform:scale(1.1)}.checker.victory-pulse[data-v-9665c3fa]{transform:scale(1.3);transition:transform .2s ease-out;z-index:10}.checker.victory-glow[data-v-9665c3fa]{box-shadow:0 0 15px #fdbd01,0 0 15px #fdbd01;border:1px solid black;transform:scale(1.05);z-index:10}.checker.blue[data-v-9665c3fa]{background-color:#1f78b4}.checker.green[data-v-9665c3fa]{background-color:#33a02c}.checker.clickable[data-v-9665c3fa]{cursor:pointer}.checker.clickable[data-v-9665c3fa]:hover{transform:scale(1.05);border-color:#222}.checker.selected[data-v-9665c3fa]{box-shadow:0 0 0 3px #fdbd01,0 0 15px #fdbd0180;transform:scale(1.1)}.checker[data-v-9665c3fa]:not(.clickable):not(.game-over){cursor:default;opacity:.7}.checker.game-over[data-v-9665c3fa]{cursor:default;opacity:1}.checker.already-moved[data-v-9665c3fa]{cursor:default;opacity:.8;border-color:#999}.checker.ghost[data-v-9665c3fa]{background-color:#999;opacity:.4;cursor:default;border-color:#666}.move-dot[data-v-9665c3fa]{width:30%;height:30%;background-color:#000;border-radius:50%;transition:all .2s ease;position:relative;z-index:10;pointer-events:none;border:2px solid #333}.move-target[data-v-9665c3fa]{cursor:pointer}.move-target[data-v-9665c3fa]:hover{background-color:#e8e8e8}.move-dot[data-v-9665c3fa]:hover{background-color:#333;transform:scale(1.2)}.board-cell[data-v-9665c3fa]{background-color:#f8f8f8;aspect-ratio:1;max-width:75px;max-height:75px;display:flex;align-items:center;justify-content:center;position:relative;cursor:default}@media (max-width: 768px){.game-board[data-v-9665c3fa]{margin-top:80px;width:calc(100vw - 10px);height:calc(100vw - 10px)}.board-cell[data-v-9665c3fa]{max-width:none;max-height:none}}@media (max-width: 768px) and (orientation: landscape){.game-board[data-v-9665c3fa]{margin-top:70px;width:calc(100vh - 160px);height:calc(100vh - 160px);max-width:calc(100vh - 160px);max-height:calc(100vh - 160px)}}.overlay-backdrop[data-v-27972d13]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.overlay-content[data-v-27972d13]{background:#fff;border-radius:8px;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 4px 6px #0000001a}.overlay-header[data-v-27972d13]{display:flex;justify-content:flex-end;padding:15px 20px 0}.close-button[data-v-27972d13]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;margin:0;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button[data-v-27972d13]:hover{color:#333;background-color:#f0f0f0;border-radius:50%}.instruction-content[data-v-27972d13]{padding:0 30px 30px;font-family:Helvetica,Arial,sans-serif;line-height:1.6}.instruction-content h2[data-v-27972d13]{margin-top:0;margin-bottom:0;color:#333;text-align:center;font-size:24px}.instruction-content p[data-v-27972d13]{margin-bottom:16px;color:#333;text-align:left}.instruction-content a[data-v-27972d13]{color:#1f78b4;text-decoration:none}.instruction-content a[data-v-27972d13]:hover{text-decoration:underline}.winning-example[data-v-27972d13]{text-align:center;margin:20px 0}.mini-grid[data-v-27972d13]{display:inline-block;border:1px solid #ccc;margin:10px auto}.mini-row[data-v-27972d13]{display:flex}.mini-cell[data-v-27972d13]{width:20px;height:20px;border:1px solid #ddd;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}.mini-cell.blue[data-v-27972d13]:after{content:"";width:16px;height:16px;border-radius:50%;background-color:#1f78b4;border:1px solid #333}.mini-cell.green[data-v-27972d13]:after{content:"";width:16px;height:16px;border-radius:50%;background-color:#33a02c;border:1px solid #333}@media (max-width: 768px){.overlay-backdrop[data-v-27972d13]{padding:10px}.overlay-content[data-v-27972d13]{max-height:90vh}.instruction-content[data-v-27972d13]{padding:0 20px 20px;font-size:14px}}.app[data-v-b6ab7767]{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative}.top-bar[data-v-b6ab7767]{position:absolute;top:25px;width:min(600px,100vw - 20px);max-width:600px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.menu-container[data-v-b6ab7767]{position:relative}.menu-button[data-v-b6ab7767]{background:none;border:none;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin:0;padding:8px}.menu-button[data-v-b6ab7767]:hover{background-color:#0000001a;border-radius:4px}.menu-button[data-v-b6ab7767]:active{background-color:#0003}.menu-dropdown[data-v-b6ab7767]{position:absolute;top:50px;right:0;background:#fff;border:2px solid #333;border-radius:8px;box-shadow:0 4px 6px #0000001a;min-width:140px;z-index:1000}.menu-item[data-v-b6ab7767]{padding:12px 16px;cursor:pointer;border-bottom:1px solid #eee;font-family:Helvetica,Arial,sans-serif;font-size:14px;position:relative;display:flex;align-items:center;gap:8px}.menu-item[data-v-b6ab7767]:last-child{border-bottom:none}.menu-item[data-v-b6ab7767]:hover{background-color:#f5f5f5}.checkmark[data-v-b6ab7767]{color:#4caf50;font-weight:700;font-size:12px}.turn-indicator[data-v-b6ab7767]{font-family:Helvetica,Arial,sans-serif;font-size:24px;font-weight:400;color:#333;text-align:center;margin-top:30px;margin-bottom:20px}.done-button[data-v-b6ab7767]{margin-top:20px}@media (max-width: 768px){.top-bar[data-v-b6ab7767]{top:20px;width:calc(100vw - 10px)}.menu-button svg[data-v-b6ab7767]{width:24px;height:24px}}@media (max-width: 768px) and (orientation: landscape){.app[data-v-b6ab7767]{flex-direction:row;justify-content:center;gap:20px}.message-area[data-v-b6ab7767]{position:static;transform:none;order:1}.turn-indicator[data-v-b6ab7767],.done-button[data-v-b6ab7767]{order:3}}