.thermite{position:relative;margin-left:auto;margin-right:auto;display:grid;gap:.25rem}@media (min-width:640px){.thermite{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;touch-action:manipulation;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.thermite .square:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-image:none;background:transparent!important;opacity:0}.thermite .square[data-status=empty] *{display:none}.thermite .square .piece{height:100%;width:100%;padding:20%}@media (min-width:640px){.thermite .square .piece{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:.125rem;opacity:.3}@media (min-width:640px){.thermite .square .crosses{padding:.25rem}}.thermite .square .crosses img{height:.75rem;width:.75rem;max-width:none}@media (min-width:640px){.thermite .square .crosses img{height:1rem;width:1rem}}.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,1))}.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:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));opacity:0}@media (min-width:640px){.thermite .notice span{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){.thermite .notice span{font-size:2.5rem}}.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))}@media (max-width:768px){.thermite{gap:.25rem;max-width:calc(100vw - 32px)!important}.thermite .square{border-radius:.375rem}}