*{box-sizing:border-box}body{margin:0;background:#edf0e7;color:#233a2e;font:16px/1.6 system-ui,sans-serif}main{max-width:1150px;margin:auto;padding:40px 30px}header{border-bottom:1px solid #c9d3c5;padding-bottom:25px;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.22em;color:#6c806c}h1{font:58px/1.1 Georgia,serif;margin:10px 0}h1 span{display:block;font:16px system-ui;margin-top:14px;color:#697b69}.layout{display:grid;grid-template-columns:minmax(300px,600px) 1fr;gap:54px}.play{min-width:0}.score{display:flex;justify-content:space-between;padding:0 12px 18px;font-size:11px;letter-spacing:.14em}.score>div{display:flex;align-items:center;gap:12px}.score strong{font-size:25px;font-weight:500}.disc{display:block;width:77%;height:77%;border-radius:50%;box-shadow:0 3px 4px #0006,inset 0 1px 2px #fff6;animation:arrive .3s ease-out}.black{background:radial-gradient(circle at 30% 25%,#48594b,#111f16 70%)}.white{background:radial-gradient(circle at 30% 25%,#fffef1,#d3d6be 85%)}.score .disc{width:26px;height:26px}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:12px solid #334f3b;border-radius:12px;background:#334f3b;gap:2px;box-shadow:0 16px 30px #213a2420}.cell{border:0;border-radius:0;background:#739174;display:flex;justify-content:center;align-items:center;padding:0;aspect-ratio:1;min-width:0;position:relative}.cell:nth-child(16n+2),.cell:nth-child(16n+4),.cell:nth-child(16n+6),.cell:nth-child(16n+8),.cell:nth-child(16n+9),.cell:nth-child(16n+11),.cell:nth-child(16n+13),.cell:nth-child(16n+15){background:#6b886b}.cell.legal:after{content:'';width:20%;height:20%;border-radius:50%;background:#e2ecb7aa;box-shadow:0 0 14px #e1eea455}.cell.legal:hover{background:#94a86d}.cell.last{outline:2px solid #e5c96e;outline-offset:-3px}button:focus-visible,select:focus-visible{outline:3px solid #bd890e;outline-offset:3px}.cell:disabled{opacity:1;cursor:default}#status{text-align:center;font-weight:600;min-height:30px}h2{font:30px/1.2 Georgia,serif;margin:12px 0 22px}aside p{color:#62725f;font-size:14px}label{display:block;font-size:12px;font-weight:650;margin-top:24px}select{display:block;width:100%;padding:12px;border:1px solid #becdb9;border-radius:7px;background:#f8f9f2;color:#283e2d;margin-top:7px;font:14px system-ui}.actions{display:flex;gap:10px;margin-top:24px}button{font:14px system-ui;cursor:pointer;background:#304d38;color:#f7faec;border:0;border-radius:7px;padding:12px 18px}button:disabled{opacity:.5}.hint{font-size:12px;margin-top:20px}footer{margin-top:35px;font-size:11px;color:#73826f}a{color:inherit}@keyframes arrive{from{transform:scale(.8) rotateY(90deg)}to{transform:none}}@media(max-width:800px){main{padding:24px 16px}.layout{grid-template-columns:1fr;gap:22px}h1{font-size:44px}aside{max-width:600px}#board{border-width:8px}}@media(prefers-reduced-motion:reduce){.disc{animation:none}}