:root{--cell: 16px;--cell: min(16px, calc((100vw - 16px)/40) )}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;color:#fff;background:linear-gradient(to bottom,#2c4b5b,#708d9c 48%,#5c8396 59%,#2c4b5b 69%,#4b9294);min-height:100vh}.thomoku-root{max-width:720px;margin:0 auto;padding:8px}.topbar{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.title{font-size:20px;color:wheat;letter-spacing:2px}.restart{background:none;border:none;color:#fff;cursor:pointer;text-decoration:underline;font-size:15px;padding:6px 4px}.modes{display:flex;flex-wrap:wrap;gap:10px 16px;margin:8px 0;font-size:14px}.modes label{cursor:pointer;display:inline-flex;align-items:center;gap:4px;padding:4px 0}.comment{min-height:22px;margin:6px 0;font-size:15px;color:#fff}.thinking{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:wheat}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.35);border-top-color:wheat;border-radius:50%;display:inline-block;animation:thomoku-spin .7s linear infinite}@keyframes thomoku-spin{to{transform:rotate(360deg)}}.board-wrap{position:relative;width:calc(40 * var(--cell));margin:0 auto}.board{display:grid;grid-template-columns:repeat(40,var(--cell));grid-template-rows:repeat(40,var(--cell));width:calc(40 * var(--cell));background:#fff;border:1px solid #2c4b5b;touch-action:manipulation}.winline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.cell{width:var(--cell);height:var(--cell);border:1px solid #d7e2e6;background-size:80% 80%;background-repeat:no-repeat;background-position:center;cursor:pointer;touch-action:manipulation}@media (hover: hover){.cell:hover{background-color:#eef6f8}}.cell.x{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAQABADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD2/wAR+M9Q8GeMbZfE+l2h8JahFHHa6jBEWa3m2/Ms3Hc5OfTkZw2JPBPivVfGviDUtQ0vSba28HW0MkMF1NCVmu5gfvIP7ox17fXIWn4y8OeIPHviiHQ9Ymj03wTZJFK5iuV83UZNoO0gHcgVsg5AxjIySCs/w80TxL4M1i+8L/aYdU8IG3ebT7yS4XzrYk8QMudzE5PIGO/Gdtca9p7T+6ecva+0/u3+f/DH/9k=);cursor:default}.cell.o{background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAAQABADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD1Hxl4p8Z618Q0+H3w8ttMtZrOxSfVNTu4d6wb1UrjKkb8MCAc7iewBNO8PeJfG/hbxlb+D/iVaaTdR6rHJHpOrWaKiySIuSGXAIJ+XsMMQBkEGp/EuneLfB/jebxt4IsbbX4dYhgj1fS3u1ikUxR7RIjMwAOBtxgkHtyazLbR/HPxF8dWHiTxvp9r4Y0nw+7XOmWUV1FNPcSMAQGKk8ZVc8A9gOcjvXLbpa3zv/w/4Hofu+Tpa3zv+e5//9k=);cursor:default}.cell.last{outline:2px solid #1d3a44;outline-offset:-2px}