.neon-slide{width:100%;height:100%;color:var(--text-main);background:radial-gradient(circle at 50% 55%, #b6ff3b14, transparent 60%), var(--ink);-webkit-user-select:none;user-select:none;container-type:size}.neon-slide-in{--pad:clamp(8px, 2.4cqmin, 20px);--gap:clamp(6px, 1.8cqmin, 14px);--head:clamp(34px, 8cqmin, 52px);--stats:clamp(30px, 8cqmin, 58px);--hint:clamp(14px, 3cqmin, 22px);--tg:clamp(4px, 1.4cqmin, 10px);--board:min(calc(100cqw - 2 * var(--pad)), calc(100cqh - 2 * var(--pad) - var(--head) - var(--stats) - var(--hint) - 3 * var(--gap)), 600px);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-slide-head,.neon-slide-stats{width:max(var(--board), min(calc(100cqw - 2 * var(--pad)), 420px));flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.neon-slide-head{height:var(--head)}.neon-slide-label{flex-direction:column;min-width:0;margin:0;display:flex}.neon-slide-kicker{font:700 clamp(.58rem, 2.1cqmin, .8rem) / 1.1 var(--font-hud);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.neon-slide-date{font:400 clamp(.85rem, 3.4cqmin, 1.35rem) / 1.1 var(--font-display);color:var(--volt);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.neon-slide-mode{border:2px solid var(--line);background:var(--surface-raised);min-height:34px;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-slide-mode:hover{border-color:var(--action);background:var(--surface-hover)}.neon-slide-mode:focus-visible{outline:3px solid var(--text-main);outline-offset:2px}.neon-slide-stats{height:var(--stats);gap:6px}.neon-slide-stat{box-sizing:border-box;border:2px solid var(--line);background:var(--surface-raised);height:100%;font:600 clamp(.6rem, 2.3cqmin, .85rem) / 1.15 var(--font-hud);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;flex:1;justify-content:center;margin:0;padding:2px 8px;display:flex}.neon-slide-stat span{white-space:nowrap}.neon-slide-stat strong{font:400 clamp(.9rem, 4cqmin, 1.5rem) / 1.1 var(--font-display);color:var(--text-main);letter-spacing:0;font-variant-numeric:tabular-nums}.neon-slide-stat:last-child strong{color:var(--primary-lime)}.neon-slide-board{width:var(--board);height:var(--board);box-sizing:border-box;background:var(--night);border:2px solid var(--line);touch-action:none;transition:border-color .3s var(--ease), box-shadow .3s var(--ease);flex:none;position:relative;box-shadow:0 0 0 2px #000,0 0 24px #9d6dff2e}.neon-slide-slots,.neon-slide-tiles{inset:var(--tg);position:absolute}.neon-slide-slots{gap:var(--tg);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid}.neon-slide-slot{background:var(--ink);border:1px dashed #3a2e60b3}.neon-slide-tile{--x:0;--y:0;width:calc((100% - 3 * var(--tg)) / 4);height:calc((100% - 3 * var(--tg)) / 4);box-sizing:border-box;border:2px solid var(--line);background:linear-gradient(160deg, var(--surface-hover), var(--surface-raised));color:var(--text-main);cursor:default;transform:translate(calc(var(--x) * (100% + var(--tg))), calc(var(--y) * (100% + var(--tg))));transition:transform .12s var(--ease), border-color .16s var(--ease);-webkit-tap-highlight-color:transparent;place-items:center;margin:0;padding:0;display:grid;position:absolute;top:0;left:0}.neon-slide-num{font:400 calc(var(--board) * .1) / 1 var(--font-display);font-variant-numeric:tabular-nums}.neon-slide-tile.is-movable{border-color:var(--electric-purple);cursor:pointer}@media (hover:hover) and (pointer:fine){.neon-slide-tile.is-movable:hover{border-color:var(--action);background:linear-gradient(160deg, #2c2350, var(--surface-hover))}}.neon-slide-tile:focus-visible{outline:3px solid var(--text-main);outline-offset:-5px}.neon-slide-tile:before{content:"";background:var(--primary-lime);clip-path:polygon(0 0,100% 0,0 100%);opacity:0;width:30%;height:30%;transition:opacity .16s var(--ease);position:absolute;top:0;left:0}.neon-slide-ok{width:22%;height:22%;color:var(--primary-lime);opacity:0;transition:opacity .16s var(--ease);position:absolute;bottom:6%;right:6%}.neon-slide-ok svg{width:100%;height:100%;display:block}.neon-slide-tile.is-home{border-color:#b6ff3bbf}.neon-slide-tile.is-home:before,.neon-slide-tile.is-home .neon-slide-ok{opacity:1}.neon-slide-tile.is-home.is-movable{border-color:var(--electric-purple)}.neon-slide-hint{max-width:var(--board);min-height:var(--hint);text-align:center;font:500 clamp(.62rem, 2.3cqmin, .85rem) / 1.3 var(--font-hud);color:var(--text-secondary);flex:none;margin:0}.neon-slide.is-won .neon-slide-board{border-color:var(--primary-lime);box-shadow:0 0 0 2px #000,0 0 30px #b6ff3b73}@container (height<=420px){.neon-slide-in{--hint:0px;--stats:30px;--board:min(calc(100cqw - 2 * var(--pad)), calc(100cqh - 2 * var(--pad) - var(--head) - var(--stats) - 2 * var(--gap)))}.neon-slide-hint{display:none}.neon-slide-stat{flex-direction:row;justify-content:space-between;align-items:baseline;gap:4px}}.neon-slide.is-reset .neon-slide-tile,.neon-slide--still .neon-slide-tile,.neon-slide--still .neon-slide-tile:before,.neon-slide--still .neon-slide-ok{transition:none}@media (prefers-reduced-motion:reduce){.neon-slide-tile,.neon-slide-tile:before,.neon-slide-ok,.neon-slide-board{transition:none}}
