*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hiragino Sans,Noto Sans JP,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px}h1{font-size:1.6rem;margin-bottom:8px;color:#e0c068}.mode-select{display:flex;gap:8px;margin-bottom:8px}.info-bar{display:flex;gap:24px;margin-bottom:12px;font-size:.95rem}.info-bar .player-info{padding:6px 16px;border-radius:8px;background:#16213e;border:2px solid transparent}.info-bar .player-info.active{border-color:#e0c068;background:#1a2744}.captured-area{display:flex;gap:16px;margin-bottom:8px;font-size:.85rem}.captured-area div{padding:4px 12px;background:#16213e;border-radius:6px;min-width:200px}.captured-pieces{display:inline-flex;gap:4px;margin-left:6px}.captured-piece{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;font-size:.75rem;font-weight:700;border-radius:3px}.captured-piece.p1{background:#3a6ea5;color:#fff}.captured-piece.p2{background:#c0392b;color:#fff}#board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:1px;background:#333;border:3px solid #555;width:min(85vw,500px);height:min(85vw,500px);border-radius:4px;margin-bottom:12px}.cell{background:#f5e6c8;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .15s}.cell:hover{background:#eed9a4}.cell.selected{background:#ffe066!important}.cell.movable{background:#b8e6b8!important}.cell.movable:hover{background:#90d890!important}.cell.last-move{background:#e6d8a0}.cell.captured-flash{animation:captureFlash .5s ease}@keyframes captureFlash{0%{background:#ff6b6b}to{background:#f5e6c8}}.piece{width:80%;height:80%;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4vw,28px);font-weight:700;cursor:pointer;user-select:none;transition:transform .1s;box-shadow:1px 2px 4px #0000004d}.piece:hover{transform:scale(1.05)}.piece.player1{background:linear-gradient(135deg,#4a90d9,#3a6ea5);color:#fff;border:2px solid #2c5a8a}.piece.player2{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:2px solid #a93226}.controls{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap;justify-content:center}button{padding:8px 20px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;font-family:inherit;transition:background .2s}.btn-primary{background:#e0c068;color:#1a1a2e;font-weight:700}.btn-primary:hover{background:#d4a84a}.btn-secondary{background:#444;color:#eee}.btn-secondary:hover{background:#555}#message{font-size:1rem;min-height:1.5em;color:#e0c068;margin-bottom:8px;text-align:center}.modal-overlay{display:none;position:fixed;inset:0;background:#000000b3;z-index:100;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:#1a1a2e;border:2px solid #e0c068;border-radius:12px;padding:24px;text-align:center;max-width:400px}.modal h2{color:#e0c068;margin-bottom:12px}.modal p{margin-bottom:16px}.setup-row{display:flex;gap:4px;justify-content:center;margin:12px 0}.setup-slot{width:40px;height:40px;border:2px dashed #666;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;cursor:pointer;color:#fff;background:#16213e;transition:all .15s}.setup-slot.filled{border-style:solid;border-color:#4a90d9;background:#2a4a6e}.setup-slot.selected{border-color:#e0c068;background:#3a3a1e}.available-numbers{display:flex;gap:6px;justify-content:center;margin:12px 0;flex-wrap:wrap}.num-btn{width:36px;height:36px;border-radius:6px;background:#4a90d9;color:#fff;border:2px solid #3a6ea5;font-size:1rem;font-weight:700;cursor:pointer}.num-btn:hover{background:#5aa0e9}.num-btn.used{opacity:.3;cursor:not-allowed}.timer{font-family:monospace;font-size:1.1rem}.difficulty-select{display:flex;gap:8px;justify-content:center;margin:12px 0}.diff-btn{padding:6px 14px;border:2px solid #555;border-radius:6px;background:#16213e;color:#eee;cursor:pointer;font-family:inherit}.diff-btn.active{border-color:#e0c068;background:#2a2a1e}.diff-btn:hover{border-color:#888}#thinking-indicator{display:none;color:#e0c068;font-size:.9rem;margin-top:4px}#thinking-indicator.show{display:block}