.neon-flood{width:100%;height:100%;color:var(--text-main);background:radial-gradient(circle at 30% 30%, #3ee8ff1a, transparent 60%), var(--ink);-webkit-user-select:none;user-select:none;container-type:size}.neon-flood-in{--pad:clamp(8px, 2.4cqmin, 20px);--gap:clamp(6px, 1.8cqmin, 14px);--head:clamp(40px, 10cqmin, 64px);--pal:clamp(46px, 12cqmin, 92px);--board:min(calc(100cqw - 2 * var(--pad) - var(--pal) - var(--gap)), calc(100cqh - 2 * var(--pad) - var(--head) - var(--gap)), 720px);--edge:max(2px, .55cqmin);justify-content:center;align-items:center;gap:var(--gap);box-sizing:border-box;width:100%;height:100%;padding:var(--pad);flex-direction:column;display:flex}.neon-flood-head{width:calc(var(--board) + var(--gap) + var(--pal));height:var(--head);justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.neon-flood-info{min-width:0}.neon-flood-label{font:400 clamp(.85rem, 3.6cqmin, 1.45rem) / 1.1 var(--font-display);color:var(--volt);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.neon-flood-stats{font:600 clamp(.68rem, 2.5cqmin, .95rem) / 1.2 var(--font-hud);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;gap:0 clamp(8px,2cqmin,18px);margin:2px 0 0;display:flex}.neon-flood-moves{color:var(--text-main)}.neon-flood-mode{border:2px solid var(--line);background:var(--surface-raised);min-height:36px;color:var(--text-main);font:700 clamp(.62rem, 2.3cqmin, .85rem) / 1 var(--font-hud);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex:none;padding:6px clamp(8px,2cqmin,16px)}.neon-flood-mode:hover{border-color:var(--action);background:var(--surface-hover)}.neon-flood-mode:focus-visible{outline:3px solid var(--text-main);outline-offset:2px}.neon-flood-main{gap:var(--gap);flex:none;display:flex}.neon-flood-board{width:var(--board);height:var(--board);box-sizing:border-box;border:2px solid var(--line);background:var(--night);transition:box-shadow .3s var(--ease), border-color .3s var(--ease);flex-direction:column;display:flex;box-shadow:0 0 0 2px #000,0 0 24px #3ee8ff26}.neon-flood-row{flex:1;min-height:0;display:flex}.neon-flood-cell,.neon-flood-swatch{--fc:#3ee8ff}[data-c="1"].neon-flood-cell,[data-c="1"].neon-flood-swatch{--fc:#ff3d9a}[data-c="2"].neon-flood-cell,[data-c="2"].neon-flood-swatch{--fc:#f2ff3d}[data-c="3"].neon-flood-cell,[data-c="3"].neon-flood-swatch{--fc:#9d6dff}[data-c="4"].neon-flood-cell,[data-c="4"].neon-flood-swatch{--fc:#b6ff3b}[data-c="5"].neon-flood-cell,[data-c="5"].neon-flood-swatch{--fc:#ff9a3d}.neon-flood-cell{--t:0;--r:0;--b:0;--l:0;background:var(--fc);cursor:pointer;min-width:0;transition:background-color .14s var(--ease);-webkit-tap-highlight-color:transparent;border:0;flex:1;margin:0;padding:0;position:relative}.neon-flood-cell:before{content:"";clip-path:circle(50%);background:#0b081499;position:absolute;inset:28%}[data-c="1"].neon-flood-cell:before{clip-path:polygon(50% 0,100% 92%,0 92%)}[data-c="2"].neon-flood-cell:before{clip-path:inset(9%)}[data-c="3"].neon-flood-cell:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}[data-c="4"].neon-flood-cell:before{clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%)}[data-c="5"].neon-flood-cell:before{clip-path:polygon(50% 0,63% 33%,97.5% 35.5%,71% 58%,79.5% 92.5%,50% 74%,20.5% 92.5%,29% 58%,2.5% 35.5%,37% 33%)}.neon-flood-cell.e-t{--t:1}.neon-flood-cell.e-r{--r:1}.neon-flood-cell.e-b{--b:1}.neon-flood-cell.e-l{--l:1}.neon-flood-cell.is-zone{box-shadow:inset 0 calc(var(--t) * var(--edge)) 0 0 var(--text-main), inset calc(var(--r) * var(--edge) * -1) 0 0 0 var(--text-main), inset 0 calc(var(--b) * var(--edge) * -1) 0 0 var(--text-main), inset calc(var(--l) * var(--edge)) 0 0 0 var(--text-main), inset 0 calc(var(--t) * var(--edge) * 2) 0 0 var(--ink), inset calc(var(--r) * var(--edge) * -2) 0 0 0 var(--ink), inset 0 calc(var(--b) * var(--edge) * -2) 0 0 var(--ink), inset calc(var(--l) * var(--edge) * 2) 0 0 0 var(--ink)}.neon-flood-cell.is-zone:before{inset:34%}.neon-flood-cell:focus-visible{z-index:2;outline:3px solid var(--text-main);outline-offset:-3px;box-shadow:inset 0 0 0 5px var(--ink)}.neon-flood-cell[aria-disabled=true]{cursor:default}.neon-flood-palette{width:var(--pal);height:var(--board);flex-direction:column;gap:clamp(4px,1.2cqmin,10px);display:flex}.neon-flood-swatch{background:var(--fc);min-height:0;color:var(--ink);cursor:pointer;transition:transform .12s var(--ease);-webkit-tap-highlight-color:transparent;border:2px solid #000;flex:1;place-items:center;margin:0;padding:0;display:grid;position:relative}.neon-flood-swatch svg{fill:#0b0814c7;width:52%;height:52%;max-height:70%}.neon-flood-key{background:var(--ink);font:700 clamp(.58rem, 2cqmin, .8rem) / 1 var(--font-hud);color:var(--text-main);padding:2px 4px;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.neon-flood-swatch:hover{transform:translate(-3px)}}.neon-flood-swatch:active{transform:scale(.96)}.neon-flood-swatch:focus-visible{outline:3px solid var(--text-main);outline-offset:2px}.neon-flood-swatch.is-current{background:repeating-linear-gradient(135deg, #0b081473 0 4px, transparent 4px 10px), var(--fc);box-shadow:inset 0 0 0 3px var(--text-main), inset 0 0 0 5px var(--ink);cursor:default;transform:none}.neon-flood-swatch[aria-disabled=true]{cursor:default}.neon-flood.is-won .neon-flood-board{border-color:var(--primary-lime);box-shadow:0 0 0 2px #000,0 0 30px #b6ff3b73}.neon-flood.is-lost .neon-flood-board{border-color:var(--danger)}.neon-flood.is-lost .neon-flood-cell{filter:saturate(.45)brightness(.8)}.neon-flood--still .neon-flood-cell,.neon-flood--still .neon-flood-swatch,.neon-flood--still .neon-flood-board{transition:none}@media (prefers-reduced-motion:reduce){.neon-flood-cell,.neon-flood-swatch,.neon-flood-board{transition:none}}