.lumen-stage{display:grid;gap:16px;justify-items:center;padding:12px 0 20px;direction:ltr;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.lumen-frame{position:relative;width:100%;padding:6%;border-radius:24px;background:#07121d url('assets/board.webp') center/cover;box-shadow:0 18px 38px #0009,inset 0 1px #f8dba433,inset 0 -2px #0009;isolation:isolate}.lumen-grid{display:grid;grid-template-columns:repeat(var(--size,4),minmax(0,1fr));gap:clamp(4px,1.6cqw,8px);aspect-ratio:1;touch-action:none}.lumen-tile{position:relative;display:block;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:20%;background:transparent url('assets/tiles.webp') 100% 50%/200% 100% no-repeat;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none;transition:filter .16s ease,transform .16s ease}.lumen-tile.is-lit{background-position:0 50%;filter:drop-shadow(0 0 4px #ffd67b55)}.lumen-tile:active{transform:scale(.96)}.lumen-tile:focus-visible{outline:2px solid #fff7dd;outline-offset:2px;z-index:2}.lumen-tile:disabled{cursor:default;opacity:1}.lumen-state{position:absolute;left:10%;bottom:8%;font-size:clamp(10px,2.8cqw,16px);line-height:1;color:#9ba8bc;text-shadow:0 1px 3px #000;pointer-events:none}.is-lit .lumen-state{color:#fff4d1;text-shadow:0 0 5px #fff4d1}.lumen-hint{position:absolute;top:3%;right:3%;width:28%;height:28%;display:none;place-items:center;border-radius:50%;background:#fff6db;color:#33220c;box-shadow:0 2px 9px #0008;font-size:clamp(12px,3.4cqw,23px);line-height:1;pointer-events:none}.is-hint .lumen-hint{display:grid}.lumen-tile.is-hint{outline:3px solid #fff1b6;outline-offset:1px;z-index:2}.lumen-tile.is-hint-neighbour{outline:2px dashed #b6d8ed;outline-offset:0}.lumen-tile.is-affected{animation:lumenTouch .32s ease-out}.lumen-actions{display:grid;grid-template-columns:1fr;width:100%}.lumen-actions .primary-button{margin:0;min-height:48px}.lumen-board-help{margin:0;padding:0 10px;color:#d9c797;font-size:14px;line-height:1.5;text-align:center}.lumen-stage[data-reduced=true] .lumen-tile{transition:none;animation:none}.lumen-stage[data-demo=true] .lumen-grid{pointer-events:none}@keyframes lumenTouch{0%{transform:scale(.94)}60%{transform:scale(1.035)}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.lumen-tile{transition:none;animation:none}}@container gf-page (min-width:600px){.lumen-stage{gap:22px;padding-top:20px}.lumen-frame{width:min(90%,750px);padding:5%}.lumen-grid{gap:12px}.lumen-actions{width:min(90%,750px)}.lumen-actions .primary-button{min-height:56px;font-size:18px}.lumen-state{font-size:clamp(14px,2.8cqw,22px)}.lumen-board-help{font-size:18px}}