.thermite{position:relative;margin-left:auto;margin-right:auto;display:grid;gap:.5rem}.thermite .square{position:relative;z-index:10;aspect-ratio:1/1;overflow:hidden;border-radius:.5rem;opacity:.8;background-image:radial-gradient(circle at center,var(--tw-gradient-stops));display:flex;align-items:center;justify-content:center}.thermite .square[data-status=full]{--tw-gradient-from:#079a84 var(--tw-gradient-from-position);--tw-gradient-to:rgba(7,154,132,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#02312d var(--tw-gradient-to-position)}.thermite .square[data-status=half]{--tw-gradient-from:#6a706f var(--tw-gradient-from-position);--tw-gradient-to:hsla(170,3%,43%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#252727 var(--tw-gradient-to-position)}.thermite .square[data-status=fail]{--tw-gradient-from:#7e1117 var(--tw-gradient-from-position);--tw-gradient-to:rgba(126,17,23,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#380003 var(--tw-gradient-to-position)}.thermite .square[data-status=empty]{background-color:transparent}.thermite .square[data-status=empty] *{display:none}.thermite .square .piece{height:100%;width:100%;padding:25%}.thermite .square .crosses{position:absolute;display:grid;width:100%;height:100%;grid-template-columns:min-content min-content;grid-template-rows:min-content min-content;align-content:space-between;justify-content:space-between;padding:.25rem;opacity:.3}.thermite .square .crosses img{max-width:none}.thermite .square .highlight{position:absolute;width:100%;height:100%}@keyframes highlight{0%,to{opacity:.18}50%{opacity:.15}}.thermite .square .highlight{animation:highlight 2s cubic-bezier(.4,0,.6,1) infinite;background-color:transparent;opacity:.2}.thermite .square[data-highlighted=true] .highlight{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.thermite .notice{pointer-events:none;position:absolute;inset:0;z-index:30;display:grid;place-content:center}@keyframes notice{0%{scale:1;opacity:.8;letter-spacing:0}to{scale:1.6;opacity:0;letter-spacing:4px}}.thermite .notice span{animation:notice 1.5s ease-out;font-size:2.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));opacity:0}.thermite .background{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;--tw-gradient-from:#121d23 var(--tw-gradient-from-position);--tw-gradient-to:rgba(18,29,35,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0b161c var(--tw-gradient-to-position);background-image:radial-gradient(circle at center,var(--tw-gradient-stops))}