.board-surface{--mx:70%;--my:30%;pointer-events:none;position:absolute;inset:0;overflow:hidden}.board-surface__layer{width:100%;height:100%;position:absolute;inset:0}.board-surface__layer pattern path{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.board-surface__layer--base pattern path{stroke:#9fb0c817}.board-surface__layer--base pattern circle{fill:#9fb0c81f}.board-surface__layer--lit pattern path{stroke:var(--copper)}.board-surface__layer--lit pattern circle{fill:#e0a066}.board-surface__layer--lit{opacity:.35;-webkit-mask-image:radial-gradient(circle 240px at var(--mx) var(--my), #000 0%, transparent 100%);mask-image:radial-gradient(circle 240px at var(--mx) var(--my), #000 0%, transparent 100%);transition:opacity .4s}.board-surface[data-lit] .board-surface__layer--lit{opacity:.85}