:root{--tok-accent: #4299e1;--tok-accent-2: #3182ce}:root{--frame-max: 760px;--frame-max-wide: 760px;--frame-stage: 760px}:root{--gk-page-bg: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);--gk-text: #e2e8f0;--gk-title: #63b3ed;--gk-title-glow: 0 0 4px rgb(66, 153, 225, .25);--gk-status-bg: rgb(45, 55, 72, .8);--gk-status-shadow: 0 4px 6px rgb(0, 0, 0, .1);--gk-frame-bg: linear-gradient(145deg, #1a202c, #2d3748);--gk-frame-shadow: 0 10px 25px rgb(0, 0, 0, .5);--gk-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--gk-scrim: rgb(8, 10, 26, .9);--gk-modal-bg: rgb(13, 17, 38, .96);--gk-modal-border: rgb(255, 255, 255, .12);--gk-modal-shadow: 0 24px 70px rgb(0, 0, 0, .6)}:root[data-theme=light]{--tok-accent: #2b6cb0;--tok-accent-2: #2c5282;--tok-on-accent: #fff;--gk-page-bg: linear-gradient(135deg, #f4f6fa 0%, #e4e9f1 100%);--gk-text: #1f2937;--gk-title: #2b6cb0;--gk-title-glow: none;--gk-status-bg: rgb(255, 255, 255, .9);--gk-status-shadow: inset 0 0 0 1px rgb(15, 23, 42, .1), 0 1px 2px rgb(15, 23, 42, .06), 0 6px 16px rgb(15, 23, 42, .06);--gk-frame-bg: linear-gradient(145deg, #d9dfe8, #c3ccd9);--gk-frame-shadow: 0 10px 28px rgb(15, 23, 42, .16);--gk-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");--gk-scrim: rgb(15, 23, 42, .35);--gk-modal-bg: rgb(255, 255, 255, .98);--gk-modal-border: rgb(15, 23, 42, .12);--gk-modal-shadow: 0 24px 60px rgb(15, 23, 42, .18)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--gk-page-bg);color:var(--gk-text);margin:0;overflow-x:hidden;overflow-y:auto}.game-container{gap:18px}.gm-main{flex-direction:column;align-items:center;gap:18px}.gomoku-title{font-size:18px;font-weight:800;letter-spacing:.02em;margin:0;color:var(--gk-title);text-shadow:var(--gk-title-glow)}.status-bar{display:flex;justify-content:center;gap:16px;width:auto;max-width:100%;align-self:center;background:var(--gk-status-bg);padding:6px 16px;border-radius:12px;box-shadow:var(--gk-status-shadow)}.status-item{font-size:14px;font-weight:700}.board-container{--tb-frame: clamp(6px, 1.5vw, 12px);position:relative;isolation:isolate;padding:var(--tb-frame);background:var(--gk-frame-bg);border-radius:var(--frame-radius);box-shadow:var(--gk-frame-shadow)}.board-container:before{content:"";position:absolute;inset:var(--tb-frame);z-index:-1;border-radius:4px;background:radial-gradient(circle,#ecc94b,#d69e2e);box-shadow:inset 0 0 0 1px rgba(212,175,55,.5)}canvas{display:block;cursor:crosshair;background-color:transparent}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px}.btn{padding:11px 16px;font-size:14px;border:none;border-radius:var(--tok-radius-btn, 12px);cursor:pointer;transition:all .2s;font-weight:700;outline:none}.btn:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid #4299e1;outline-offset:2px}.gomoku-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:30px;background-color:var(--tok-panel, rgb(255, 255, 255, .06));background-image:var(--gk-select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--gk-scrim);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;justify-content:center;align-items:center;padding:24px 20px}.modal-content{background-color:var(--gk-modal-bg);padding:22px 18px 18px;border-radius:20px;text-align:center;box-shadow:var(--gk-modal-shadow);border:1px solid var(--gk-modal-border);max-width:360px;width:100%}.modal h2{color:var(--gk-title);margin-top:0;font-size:26px}.modal p{font-size:14px;color:var(--tok-text-dim);margin-bottom:20px}@media(max-width:650px){.board-container{--tb-frame: clamp(5px, 1.4vw, 8px)}canvas{width:100%;height:auto}.gomoku-title{font-size:16px}.status-item{font-size:13px}}@media(prefers-reduced-motion:reduce){@layer accessibility{*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}