*{box-sizing:border-box}:root{font-family:Tahoma,Arial,sans-serif;color-scheme:dark;color:#edf3ff;background:#090e21}body{margin:0;padding:22px 14px;min-height:100svh;background:radial-gradient(ellipse at top left,#173850,transparent 65%),radial-gradient(ellipse at bottom right,#351835,transparent 60%)}main{max-width:620px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#b7c4de}button,select{font:inherit;padding:12px;border:1px solid #40506c;border-radius:12px;background:#1a263e;color:#edf3ff;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffdb89;outline-offset:3px}h1{font-size:38px;margin:26px 0 12px}h1 em{font-style:normal;color:#69f6df}.sub{color:#adbed7;font-size:13px;line-height:1.9}#setup{display:grid;grid-template-columns:1fr auto;gap:12px;background:#111d33;border:1px solid #33445d;border-radius:18px;padding:18px;margin:22px 0}#setup label{grid-column:1/-1;font-size:13px}select{width:100%;min-width:0;font-size:13px}.primary{background:#66f5dc;color:#082e2e;border-color:#66f5dc;font-weight:700}.scores{display:flex;gap:12px;margin:20px 0 10px}.scores>div{flex:1;border-radius:16px;padding:14px;background:#152239;font-size:13px;border:1px solid #39506b}.human{color:#69f6df}.bot{color:#ff89c3}strong{display:block;font-size:28px;margin-top:8px}#status{font-size:14px;line-height:1.9;min-height:28px}.board-wrap{background:#101a2e;border:1px solid #3b4968;border-radius:20px;padding:18px;overflow:auto;box-shadow:0 20px 60px #0004}#board{position:relative;direction:ltr;width:100%;aspect-ratio:1;min-width:264px}.dot{position:absolute;width:9px;height:9px;transform:translate(-50%,-50%);background:#e0eaf7;border-radius:50%;pointer-events:none;z-index:3;box-shadow:0 0 9px #9ee4ff55}.edge{position:absolute;padding:0;border:0;background:0 0;border-radius:6px;transform:translate(-50%,-50%);z-index:2;opacity:1!important;touch-action:manipulation}.edge::after{content:'';position:absolute;background:#344762;border-radius:4px;pointer-events:none}.edge.h::after{height:5px;left:6%;right:6%;top:calc(50% - 2.5px)}.edge.v::after{width:5px;top:6%;bottom:6%;left:calc(50% - 2.5px)}.edge.p1::after{background:#69f6df;box-shadow:0 0 9px #69f6df66}.edge.p2::after{background:#ff89c3;box-shadow:0 0 9px #ff89c366}.edge:not(:disabled):hover::after{background:#a6ffef}.square{position:absolute;display:grid;place-items:center;pointer-events:none;border-radius:8px;font-size:16px;font-weight:700;color:#d1deef}.square.p1{background:#69f6df20;color:#69f6df}.square.p2{background:#ff89c320;color:#ff89c3}.square.mixed{background:#ffffff04;color:#7b8ca5;font-size:12px}.actions{display:flex;gap:8px}.actions button{flex:1;font-size:13px}details{margin:24px 0;font-size:13px;line-height:2;color:#b7c4de}summary{cursor:pointer}#overlay{position:fixed;inset:0;background:#050a1be8;display:grid;place-items:center;z-index:10;padding:20px}#overlay[hidden],[hidden]{display:none!important}#overlay section{width:100%;max-width:360px;background:#17253d;border:1px solid #506180;border-radius:24px;padding:26px;text-align:center}#overlay p{line-height:1.9;color:#bac9df}#overlay button{margin:6px}@media(max-width:380px){h1{font-size:32px}.board-wrap{padding:13px}#setup{padding:12px;grid-template-columns:1fr}#setup label{grid-column:auto}body{padding:16px 10px}.actions button{padding:11px 7px}}