#badukGameScreen .baduk-game-room { display:grid; gap:12px; padding-bottom:24px; }
#badukGameScreen .baduk-room-head { display:grid; gap:10px; }
#badukGameScreen .baduk-free-mode-control { display:flex; align-items:center; gap:8px; width:fit-content; max-width:100%; padding:9px 12px; border:1px solid #d5e0ef; border-radius:12px; background:#f2f6fc; color:#315a9f; font-size:.85rem; font-weight:700; cursor:pointer; }
#badukGameScreen .baduk-free-mode-control input { flex:0 0 18px; width:18px; height:18px; min-height:18px; margin:0; padding:0; accent-color:#315a9f; }
#badukGameScreen .baduk-free-mode-control small { font-size:.78rem; font-weight:500; }
html[data-theme="dark"] #badukGameScreen .baduk-free-mode-control { border-color:#536782; background:#202d42; color:#d2dbea; }
#badukGameScreen .baduk-handicap-select { width:100%; min-width:0; min-height:36px; margin-top:6px; padding:6px 8px; font-size:.78rem; border-color:#aebfda; }
#badukGameScreen .baduk-handicap-select:disabled { opacity:.65; cursor:default; }
#badukGameScreen .baduk-handicap-note { margin-top:5px; color:#315a9f; font-weight:800; }
html[data-theme="dark"] #badukGameScreen .baduk-handicap-select { background:#202d42; border-color:#536782; color:#edf2fa; }
html[data-theme="dark"] #badukGameScreen .baduk-handicap-note { color:#bdd2f4; }
#badukGameScreen .baduk-board-frame { display:grid; grid-template-columns:18px minmax(0,1fr); grid-template-rows:18px auto; width:min(100%,620px); margin:0 auto; box-sizing:border-box; background:#efb477; border:1px solid #8c5b2d; color:#241a10; }
#badukGameScreen .baduk-board-columns,#badukGameScreen .baduk-board-rows { display:grid; align-items:center; justify-items:center; font-size:clamp(8px,1.6vw,11px); line-height:1; font-weight:500; user-select:none; }
#badukGameScreen .baduk-board-columns { grid-template-columns:repeat(19,minmax(0,1fr)); padding-inline:1.5%; }
#badukGameScreen .baduk-board-rows { grid-template-rows:repeat(19,minmax(0,1fr)); padding-block:1.5%; }
#badukGameScreen .baduk-board { display:grid; grid-template-columns:repeat(19,minmax(0,1fr)); grid-template-rows:repeat(19,minmax(0,1fr)); width:100%; aspect-ratio:1; padding:1.5%; box-sizing:border-box; touch-action:manipulation; }
#badukGameScreen .baduk-point { position:relative; display:grid; place-items:center; min-width:0; min-height:0; padding:0; border:0; border-radius:0; background:transparent; }
#badukGameScreen .baduk-point::before { content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#2c2117; transform:translateY(-50%); }
#badukGameScreen .baduk-point::after { content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#2c2117; transform:translateX(-50%); }
#badukGameScreen .baduk-point[data-col="0"]::before { left:50%; width:50%; }
#badukGameScreen .baduk-point[data-col="18"]::before { width:50%; }
#badukGameScreen .baduk-point[data-row="0"]::after { top:50%; height:50%; }
#badukGameScreen .baduk-point[data-row="18"]::after { height:50%; }
#badukGameScreen .baduk-star { position:absolute; z-index:1; width:5px; height:5px; border-radius:50%; background:#211810; pointer-events:none; }
#badukGameScreen .baduk-stone { position:relative; z-index:2; width:82%; height:82%; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.34); pointer-events:none; }
#badukGameScreen .baduk-stone.is-black { background:radial-gradient(circle at 33% 28%,#555,#08090c 68%); }
#badukGameScreen .baduk-stone.is-white { background:radial-gradient(circle at 33% 28%,#fff,#e2e5e9 78%); border:1px solid #969ba2; box-sizing:border-box; }
#badukGameScreen .baduk-point.is-last .baduk-stone::after { content:""; position:absolute; inset:34%; border-radius:50%; background:#e9473f; }
#badukGameScreen .baduk-point.is-dead .baduk-stone { opacity:.38; outline:2px dashed #e34343; }
#badukGameScreen .baduk-point:disabled { opacity:1; }
#badukGameScreen .baduk-score-status { padding:10px 12px; border-radius:12px; background:#edf3fc; color:#315a9f; font-weight:700; }
html[data-theme="dark"] #badukGameScreen .baduk-score-status { background:#202d42; color:#bdd2f4; }
#badukGameScreen .baduk-player-clock { display:inline-flex; align-self:flex-start; width:max-content; margin-top:5px; padding:4px 8px; border-radius:999px; background:#edf1f7; color:#52627a; font-size:12px; font-variant-numeric:tabular-nums; font-weight:800; }
#badukGameScreen .baduk-player-clock.is-active { background:#fff0d6; color:#a6530b; }
html[data-theme="dark"] #badukGameScreen .baduk-player-clock { background:#283347; color:#d2dbea; }
html[data-theme="dark"] #badukGameScreen .baduk-player-clock.is-active { background:#49351f; color:#ffd18a; }
