.kk-game{max-width:820px;margin:0 auto}.kk-game [hidden]{display:none!important}.kk-header{text-align:center}.kk-setup{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:end;margin:16px 0}.kk-setup label{display:grid;gap:4px;min-width:170px}.kk-btn{min-height:44px;padding:.7rem 1rem;border:1px solid #202124;border-radius:10px;background:#f3f4f5;color:#202124;cursor:pointer}.kk-btn:not(:disabled):hover,.kk-btn:not(:disabled):focus-visible{background:#e2e5e8;outline:3px solid #f0b400;outline-offset:2px}.kk-primary{background:#202124;color:#fff}.kk-score{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:12px 0}.kk-score-human{color:#1769aa}.kk-score-ai{color:#b3261e}.kk-status{text-align:center;min-height:1.6em;margin:8px 0 14px}.kk-board-wrap{width:min(100%,680px);margin:0 auto}.kk-board{--kk-n:5;position:relative;aspect-ratio:1/1;width:100%;border-radius:18px;background:linear-gradient(145deg,#fffdf6,#efe4c6);border:6px solid #886535;box-shadow:0 10px 24px rgba(0,0,0,.18);overflow:hidden;touch-action:manipulation}.kk-dot{position:absolute;width:3.1%;aspect-ratio:1;border-radius:50%;background:#392d20;transform:translate(-50%,-50%);z-index:5;box-shadow:0 1px 2px rgba(0,0,0,.32);pointer-events:none}.kk-edge{position:absolute;border:0;padding:0;margin:0;background:transparent;cursor:pointer;z-index:4}.kk-edge::before{content:"";position:absolute;border-radius:999px;background:rgba(94,76,52,.13);transition:background .12s ease,transform .12s ease}.kk-edge.h::before{left:7%;right:7%;top:50%;height:17%;transform:translateY(-50%)}.kk-edge.v::before{top:7%;bottom:7%;left:50%;width:17%;transform:translateX(-50%)}.kk-edge:not(.is-drawn):not(:disabled):hover::before,.kk-edge:not(.is-drawn):not(:disabled):focus-visible::before{background:rgba(74,102,136,.42)}.kk-edge:focus-visible{outline:3px solid #f0b400;outline-offset:-2px}.kk-edge.is-drawn{cursor:default}.kk-edge.is-p1::before{background:#1976d2}.kk-edge.is-p2::before{background:#d33a32}.kk-box{position:absolute;z-index:1;border-radius:10px;background:rgba(255,255,255,.32);display:grid;place-items:center;font-size:clamp(13px,3vw,25px);font-weight:800;color:#fff;transition:background .16s ease}.kk-box.is-p1{background:rgba(25,118,210,.72)}.kk-box.is-p2{background:rgba(211,58,50,.72)}.kk-actions{text-align:center;margin:16px 0}.kk-rules{margin-top:12px}@media(max-width:600px){.kk-setup{display:grid}.kk-setup label{min-width:0}.kk-board{border-width:4px}.kk-dot{width:4.1%}.kk-edge.h::before{height:22%}.kk-edge.v::before{width:22%}}

.kk-remote-setup{display:flex;flex-wrap:wrap;gap:12px;flex-basis:100%;align-items:end}
.kk-remote-info,.kk-setup-status{margin:8px 0;text-align:center}