#lumi-play{--lp-art:url('skin.webp');--lp-ink:light-dark(var(--foreground),var(--background));--lp-paper:color-mix(in srgb,var(--orange) 22%,light-dark(var(--background),var(--foreground)));display:grid;gap:calc(var(--font-size-base)*.75);color:var(--foreground);container-type:inline-size}
 #lumi-play .lp-scene{position:relative;aspect-ratio:1672/941;background-image:var(--lp-art);background-size:100% 100%;overflow:hidden;user-select:none}
 #lp-board,#lp-effects{position:absolute;left:12.4402%;top:6.695%;width:50.2392%;height:87.779%}
 #lp-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));overflow:hidden;background:var(--lp-paper)}
 #lp-effects{pointer-events:none;z-index:4;overflow:hidden}
 #lumi-play .lp-burst{position:absolute;width:14.2857%;height:14.2857%;pointer-events:none}
 #lumi-play .lp-burst-core{position:absolute;inset:8%;opacity:0;background:radial-gradient(circle,light-dark(var(--background),var(--foreground)) 0 13%,var(--yellow) 22% 45%,var(--orange) 58%,transparent 72%);clip-path:polygon(50% 0,60% 25%,79% 6%,76% 32%,100% 28%,82% 49%,100% 68%,75% 68%,81% 94%,59% 79%,50% 100%,40% 77%,18% 95%,25% 68%,0 71%,18% 50%,0 28%,26% 31%,20% 6%,41% 25%);animation:lp-bang .32s ease-out both;animation-delay:inherit}
 #lumi-play .lp-burst-ring{position:absolute;inset:18%;border:3px solid var(--orange);border-radius:50%;opacity:0;animation:lp-ring .36s ease-out both;animation-delay:inherit}
 #lumi-play .lp-burst-spark{position:absolute;left:50%;top:50%;width:7%;height:12%;border-radius:2px;background:var(--yellow);opacity:0;animation:lp-shard .32s ease-out both;animation-delay:inherit}
 #lumi-play .lp-burst-word{position:absolute;inset:10%;display:grid;place-items:center;color:var(--primary-foreground);text-shadow:1px 1px var(--primary),-1px -1px var(--primary),2px 2px var(--orange);font-size:clamp(14px,2.4cqw,36px);font-weight:500;opacity:0;animation:lp-pow .36s ease-out both;animation-delay:inherit}
 #lumi-play .lp-exploding{animation:lp-cell-bang .32s ease-out both;z-index:2}
 @keyframes lp-bang{0%{transform:scale(.1) rotate(-12deg);opacity:0}16%{transform:scale(1.35) rotate(8deg);opacity:1}42%{transform:scale(1.02) rotate(-6deg);opacity:1}100%{transform:scale(1.5) rotate(14deg);opacity:0}}
 @keyframes lp-ring{0%{transform:scale(.1);opacity:0}15%{opacity:.9}100%{transform:scale(2.1);opacity:0}}
 @keyframes lp-shard{0%{transform:translate3d(0,0,0) scale(.3);opacity:0}15%{opacity:1}100%{transform:translate3d(var(--lp-sx),var(--lp-sy),0) scale(.15) rotate(130deg);opacity:0}}
 @keyframes lp-pow{0%{transform:scale(.1) rotate(-15deg);opacity:0}24%{transform:scale(1.25) rotate(-8deg);opacity:1}65%{opacity:1}100%{transform:translateY(-20%) scale(1);opacity:0}}
 @keyframes lp-cell-bang{0%{transform:scale(1);opacity:1}22%{transform:scale(1.18);opacity:1}60%,100%{transform:scale(.15) rotate(12deg);opacity:0}}
 #lumi-play .lp-face{background-image:var(--lp-art);background-size:1416.9492% 811.2069%;background-position-y:7.6364%;background-repeat:no-repeat}
 #lumi-play .lp-t0{background-position-x:13.3848%}#lumi-play .lp-t1{background-position-x:28.8288%}#lumi-play .lp-t2{background-position-x:51.9949%}#lumi-play .lp-t3{background-position-x:21.1068%}#lumi-play .lp-t4{background-position-x:36.5508%}#lumi-play .lp-t5{background-position-x:44.2728%}
 #lumi-play .lp-cell{display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;padding:0;margin:0;appearance:none;touch-action:none;transition:filter .12s;position:relative;contain:layout style}
 #lumi-play .lp-cell[aria-pressed=true]{box-shadow:inset 0 0 0 4px var(--blue);z-index:1}
 #lumi-play .lp-cell.lp-hinted{box-shadow:inset 0 0 0 4px var(--green);z-index:1}
 #lumi-play .lp-cell:focus-visible{outline:3px solid var(--ring);outline-offset:-4px;z-index:2}
 #lumi-play .lp-cell[data-special]:not([data-special=""])::after{content:attr(data-mark);position:absolute;right:4%;bottom:4%;width:35%;height:35%;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 2px var(--yellow);font-size:clamp(12px,2cqw,30px);font-weight:500}
 #lumi-play .lp-cell[data-special="color"]{box-shadow:inset 0 0 0 4px var(--purple)}
 #lumi-play .lp-cell[data-special="row"]::before,#lumi-play .lp-cell[data-special="col"]::before{content:'';position:absolute;left:5%;right:5%;top:67%;height:12%;border-radius:3px;background:repeating-linear-gradient(45deg,var(--yellow) 0 4px,var(--background) 4px 8px);opacity:.85}
 #lumi-play .lp-cell[data-special="col"]::before{left:67%;right:auto;top:5%;bottom:5%;width:12%;height:auto}
 #lumi-play .lp-side{position:absolute;color:var(--lp-ink);background:var(--lp-paper);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:clamp(12px,2.6cqw,42px)}
 #lumi-play .lp-stage{left:74.94%;top:16.04%;width:4.67%;height:5.42%}#lumi-play .lp-moves{left:82.1%;top:15.5%;width:14.4%;height:6.1%}
 #lumi-play .lp-goals{left:68.06%;top:28.05%;width:27.4%;height:10.52%;gap:2%}
 #lumi-play .lp-goal-face{display:block;width:23%;aspect-ratio:118/116}#lumi-play .lp-goals span:not(.lp-goal-face){width:18%;text-align:center}
 #lumi-play .lp-footer{left:69.74%;top:92.24%;width:24.52%;height:3.3%;font-size:clamp(8px,1.1cqw,18px)}
 #lumi-play .lp-art-control{position:absolute;top:81%;height:8.5%;width:13.2%;border:0;padding:0;background:transparent;border-radius:12px}#lumi-play .lp-art-restart{left:68.6%}#lumi-play .lp-art-sound{left:82.4%}#lumi-play .lp-art-control:focus-visible{outline:3px solid var(--ring)}
 #lp-overlay{position:absolute;left:19%;top:34%;width:38%;min-height:23%;background:var(--background);color:var(--foreground);border-radius:16px;display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;padding:16px;text-align:center}
 #lp-overlay[hidden]{display:none}#lp-result{font-weight:500}
 @container(max-width:569px){#lumi-play .lp-scene{aspect-ratio:900/880;background-size:185.7778% 106.9318%;background-position:23.3161% 65.5738%}#lp-board,#lp-effects{left:3.1111%;top:2.6136%;width:93.3333%;height:93.8636%}#lumi-play .lp-side,#lumi-play .lp-art-control{display:none}#lp-overlay{left:10%;width:80%;top:30%}}
 @media(prefers-reduced-motion:reduce){#lumi-play .lp-cell{transition:none}#lumi-play .lp-burst-core,#lumi-play .lp-burst-ring,#lumi-play .lp-burst-spark,#lumi-play .lp-burst-word{animation-name:lp-soft;animation-duration:.2s}#lumi-play .lp-exploding{animation-name:lp-soft-cell;animation-duration:.2s}}
 @keyframes lp-soft{0%,100%{opacity:0}40%{opacity:.55}}@keyframes lp-soft-cell{0%{opacity:1}100%{opacity:0}}
 #lumi-play .lp-dense .lp-burst-core{clip-path:none;border-radius:50%;background:radial-gradient(circle,var(--background) 0 15%,var(--yellow) 18% 42%,var(--orange) 48% 60%,transparent 65%);animation-name:lp-dense-pop;animation-duration:.28s}
 @keyframes lp-dense-pop{0%{opacity:0}25%,55%{opacity:1}100%{opacity:0}}