:root{--bridge-edge:#64748b}:root[data-theme=dark]{--bridge-edge:#94a3b8}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bridge-edge:#94a3b8}}
#board{position:relative;aspect-ratio:1;width:100%;background:var(--surface);border-radius:12px;}
#bridge-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.bridge-line{stroke:var(--text);stroke-width:5;stroke-linecap:round;}
.island{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;border:2px solid var(--bridge-edge);font-size:1.4rem;font-weight:700;background:var(--surface);color:var(--text);touch-action:manipulation;}
.island.chosen{outline:3px solid #3b82f6;outline-offset:2px;}
.island.focused{box-shadow:inset 0 0 0 2px #3b82f6;}
.island.matched{border-style:double;border-width:4px;}
.island.error{border-color:var(--error);border-style:dashed;}
.island:disabled{opacity:1;}
.play-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;}
.play-actions button{min-height:44px;}
#save-notice:empty{display:none;}