:root{font-family:Segoe UI,system-ui,sans-serif;color:#efeadd;background:#163c35;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 25%,#28584c,transparent 70%);min-height:100vh}main{max-width:1080px;margin:auto;padding:38px 28px}header{margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:3px;color:#bdd0b6;font-weight:700}h1{font-family:Georgia,serif;font-weight:400;font-size:48px;margin:10px 0}h1 span{font-size:30px;color:#d5b675;margin-left:18px}header p{color:#c2d1c7;margin:0}.layout{display:grid;grid-template-columns:minmax(280px,620px) 280px;gap:48px;align-items:center}.table{background:#102c27;border:1px solid #587264;border-radius:16px;padding:18px;box-shadow:0 22px 60px #071b2366}.player{display:flex;gap:10px;align-items:center;padding:8px 2px 18px;font-size:14px}.player:last-child{padding:18px 2px 8px}.player>span:last-child{margin-left:auto;color:#bbccc1}.badge{width:15px;height:15px;border-radius:50%}.ivory{background:#ede2c9}.red{background:#c95e4e}.board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:6px solid #82644a;border-radius:4px;overflow:hidden}.square{padding:0;border:0;border-radius:0;aspect-ratio:1;background:#e3d5b7;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;min-width:0}.square.dark{background:#597362}.square.selected{background:#b3a563}.square.last{box-shadow:inset 0 0 0 3px #efd38a80}.square.target:after{content:'';width:24%;height:24%;border-radius:50%;background:#ffdf7f;box-shadow:0 0 0 5px #ffdf7f30}.piece{width:76%;height:76%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,3vw,32px);box-shadow:0 4px 3px #152a3366,inset 0 0 0 4px #ffffff20,inset 0 0 0 7px #00000013;border:2px solid #00000020;pointer-events:none}.piece.human{background:linear-gradient(145deg,#df7c64,#a83e36);color:#ffe3ac}.piece.computer{background:linear-gradient(145deg,#fff4dc,#c5bda7);color:#715731}.square:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffdb7c;outline-offset:-3px}.square.movable .piece{outline:2px solid #f7d28e;outline-offset:2px}h2{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:12px 0}#status{line-height:1.6;color:#d1ddd3;min-height:78px}label{display:block;font-size:14px;margin:25px 0 10px}select,aside button{font:inherit;width:100%;padding:13px;border-radius:8px;border:1px solid #6c8778;color:#efeadd;background:#244b40}button{cursor:pointer}.primary{background:#e2c48a;color:#203c32;border:0;font-weight:700;margin-top:20px}#undo{margin-top:10px}button:disabled{opacity:.45;cursor:default}.small{font-size:12px;color:#b1c2b6;line-height:1.5}details{margin-top:25px;border-top:1px solid #577466;padding-top:20px;font-size:14px;line-height:1.6}summary{cursor:pointer}.quiet{font-size:12px;color:#b1c2b6;margin-top:30px;line-height:1.8}footer{font-size:10px;letter-spacing:2px;color:#afc1b6;margin-top:32px;text-align:center}@media(max-width:760px){main{padding:22px 14px}h1{font-size:36px}.layout{grid-template-columns:1fr;gap:25px}.table{padding:10px}aside{max-width:600px}#status{min-height:0}h2{font-size:28px}.quiet{display:none}header{margin-bottom:22px}}