*{box-sizing:border-box}body{margin:0;background:#f6f2e9;color:#273b42;font:16px Georgia,serif;background-image:radial-gradient(#d6d4cc .65px,transparent .65px);background-size:12px 12px}main{max-width:700px;margin:0 auto;padding:38px 28px}header{text-align:center}.eyebrow{font:10px system-ui;letter-spacing:3px;color:#6e7778}h1{font-size:72px;letter-spacing:-4px;margin:12px 0 8px;line-height:1}h1 em{font-weight:400;color:#c7685c}header p{font-size:16px;color:#717473;margin:0 0 27px}.game{background:#fffdf7;border:1px solid #d9d6ca;border-radius:14px;box-shadow:0 12px 35px #5654390d;padding:20px 30px}.scorebar{display:flex;justify-content:center;gap:22px;align-items:center}.score{display:flex;align-items:center;justify-content:space-between;gap:30px;width:170px;border-bottom:3px solid transparent;padding:8px 10px;color:#767c7d;font:12px system-ui}.score strong{font:32px Georgia}.coral.active{color:#ad4849;border-color:#db8586}.blue.active{color:#346f8c;border-color:#77b3d6}.versus{font:8px/1.8 system-ui;text-align:center;letter-spacing:2px;color:#8e9693}#turn{text-align:center;font:14px system-ui;margin:20px 0;color:#a64d51}#turn[data-player="1"]{color:#346f8c}.board-wrap{padding:17px;width:min(100%,420px);margin:auto}.board{display:grid;aspect-ratio:1;width:100%;position:relative}.box{position:relative;min-width:0;min-height:0;transition:background .18s}.box::before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#30454c;left:-4.5px;top:-4.5px;z-index:5;pointer-events:none}.box::after{content:attr(data-owner);position:absolute;inset:14px;display:grid;place-content:center;font:19px Georgia;color:#273b4280;pointer-events:none}.edge{position:absolute;appearance:none;border:0;padding:0;background:#dadfdc;cursor:pointer;z-index:2;border-radius:4px;touch-action:manipulation}.edge.top,.edge.bottom{height:7px;width:100%;left:0}.edge.top{top:-3.5px}.edge.bottom{bottom:-3.5px}.edge.left,.edge.right{width:7px;height:100%;top:0}.edge.left{left:-3.5px}.edge.right{right:-3.5px}.edge::before{content:'';position:absolute;inset:-8px}.edge.bottom::after,.edge.right::after{content:'';position:absolute;width:9px;height:9px;background:#30454c;border-radius:50%;right:-4.5px;bottom:-4.5px}.edge:not(:disabled):hover{background:#90aaa9}.edge:focus-visible{outline:3px solid #b78935;outline-offset:4px;z-index:7}.edge.filled{cursor:default}#progress{text-align:center;font:11px system-ui;color:#77827e;margin:18px 0}.settings{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #e5e4db;padding-top:17px;font:11px system-ui}button:not(.edge),select{border:1px solid #c7d0c9;background:#f7f8f0;color:#304a48;padding:10px 12px;border-radius:6px;font:12px system-ui;cursor:pointer}button:not(.edge):hover{background:#e4ede4}.rules{margin:28px 10px 22px}h2{font-size:23px;margin:0 0 10px}.rules p{font:13px/1.7 system-ui;color:#6b7573;margin:8px 0}footer{font:10px/1.7 system-ui;color:#818983;text-align:center}footer span{display:block;margin-top:6px}a{color:#597874}dialog{border:1px solid #c8cdc3;border-radius:12px;background:#fffdf5;padding:30px;max-width:90vw;color:#30454c}dialog::backdrop{background:#223b4266}dialog p{font:14px system-ui;margin-bottom:25px}@media(max-width:500px){main{padding:24px 16px}h1{font-size:58px}.game{padding:15px 13px}.scorebar{gap:9px}.score{gap:14px;padding:8px 5px}.settings{gap:6px}.settings label{font-size:10px}button:not(.edge),select{padding:9px 7px;font-size:11px}.board-wrap{padding:15px}.rules{margin:24px 2px}.edge::before{inset:-7px}}.edge.bottom::after{bottom:-1px}.edge.right::after{right:-1px}.board::before,.board::after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#30454c;z-index:6;pointer-events:none}.board::before{left:-4.5px;bottom:-4.5px}.board::after{right:-4.5px;top:-4.5px}