.gomoku-modal{width:min(94vw,620px);max-height:94vh;overflow:auto;padding:18px}.gomoku-settings{display:flex;gap:14px}.gomoku-settings label{flex:1;display:grid;gap:6px;font-weight:700}.gomoku-settings select{padding:10px;border:1px solid #d6cde8;border-radius:10px;width:100%;background:white;color:#343038}.gomoku-status{padding:10px;text-align:center;min-height:44px;background:#f0ebff;border-radius:10px;margin:12px 0;color:#5946a4;font-weight:700}.gomoku-info{text-align:center;font-size:14px}.gomoku-board{display:grid;grid-template-columns:repeat(15,1fr);aspect-ratio:1;background:#e8be78;padding:2%;border:5px solid #ad793b;border-radius:8px;touch-action:manipulation}.gomoku-cell{position:relative;aspect-ratio:1;padding:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#9b6d36 calc(50% - .5px),#9b6d36 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#9b6d36 calc(50% - .5px),#9b6d36 calc(50% + .5px),transparent calc(50% + .5px));border-radius:0;opacity:1}.gomoku-cell i{position:absolute;inset:7%;border-radius:50%;pointer-events:none}.gomoku-cell.black i{background:radial-gradient(circle at 35% 30%,#555,#121212 70%);box-shadow:1px 2px 3px #0005}.gomoku-cell.white i{background:radial-gradient(circle at 35% 30%,white,#dedbd5);box-shadow:1px 2px 3px #0005;border:1px solid #b1a492}.gomoku-cell.last i:after{content:'';position:absolute;inset:34%;border-radius:50%;background:#ef7152}.gomoku-cell.winning i{outline:2px solid #ef7152}.gomoku-cell:focus-visible{outline:3px solid #6758d8;z-index:1}.gomoku-cell:not(:disabled):hover i{border:2px solid #6758d8;background:#6758d822}.gomoku-cell:disabled{cursor:default}@media(max-width:480px){.gomoku-modal{padding:12px}.gomoku-board{border-width:3px}.gomoku-settings{gap:8px}}
.modal-mask:has(.gomoku-modal){place-items:center;overflow:hidden;padding:12px}.modal.gomoku-modal{display:flex;flex-direction:column;align-items:stretch;width:min(calc(100vw - 24px),620px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden;padding:12px;box-sizing:border-box;min-width:0}.gomoku-modal>.relax-title{font-size:21px;flex-shrink:0}.gomoku-modal .relax-note{font-size:12px;margin:5px 0;flex-shrink:0}.gomoku-modal .gomoku-info{margin:5px 0;font-size:12px;flex-shrink:0}.gomoku-modal .gomoku-status{min-height:0;padding:7px;margin:7px 0;font-size:14px;flex-shrink:0}.gomoku-modal .gomoku-settings{flex-shrink:0;font-size:13px}.gomoku-modal .gomoku-settings select{padding:6px}.gomoku-modal>.primary{min-height:36px;margin-top:8px;font-size:14px;border-radius:10px;flex-shrink:0}.gomoku-modal>.close{margin:5px 0 0;padding:8px;min-height:32px;font-size:14px;flex-shrink:0}.gomoku-modal .gomoku-board{align-self:center;flex:none;max-width:100%;box-sizing:border-box;min-width:0;min-height:0;overflow:hidden;padding:2%;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));gap:0}.gomoku-board .gomoku-cell{min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:auto;box-sizing:border-box}.gomoku-modal .gomoku-settings label{min-width:0}@media(max-height:500px){.gomoku-modal .relax-note{display:none}.gomoku-modal .gomoku-settings{display:flex;gap:8px}.gomoku-modal .gomoku-settings label{display:flex;align-items:center}.gomoku-modal .gomoku-settings select{width:auto;flex:1}.gomoku-modal .gomoku-status{margin:4px 0;padding:4px}.gomoku-modal .relax-title{font-size:17px}.gomoku-modal>.close{padding:4px;min-height:26px}}