.alo-puzzle{--alo-green:#007f16;max-width:1240px;margin:40px auto;padding:24px;border-radius:24px;background:#f3f8ee;color:#04373c;font-family:inherit}.alo-puzzle *{box-sizing:border-box}.alo-puzzle h2{font-size:clamp(24px,3vw,36px);color:#04373c;margin:0 0 12px}.alo-puzzle p{line-height:1.6}.alo-puzzle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.alo-puzzle button{font:inherit;cursor:pointer}.alo-puzzle-reset{border:0;border-radius:24px;padding:12px 24px;background:#007f16;color:#fff;font-weight:bold}.alo-puzzle-reset:disabled{opacity:.5;cursor:wait}.alo-puzzle-progress{font-weight:bold}.alo-puzzle-status{min-height:3.2em;padding:12px 16px;background:#fff;border-radius:12px}.alo-puzzle-status.is-success{background:#d7efcb;color:#075018}.alo-puzzle-status.is-error{background:#fff0d1;color:#643b00}.alo-puzzle-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:24px;align-items:start}.alo-puzzle-board{position:relative;aspect-ratio:1143/952;background:#d9e4d1;border-radius:5px;isolation:isolate}.alo-puzzle-slot{position:absolute;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;line-height:0;clip-path:var(--piece-clip)}.alo-puzzle-slot canvas{width:100%;height:100%;display:block}.alo-puzzle-slot:focus-visible{filter:drop-shadow(0 0 4px #00363c);z-index:5}.alo-puzzle-bank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;contain:size;align-self:stretch;min-height:0;overflow:auto;padding:8px;background:#e7efd9;border-radius:12px;align-content:start}.alo-puzzle-piece{aspect-ratio:1;background:transparent!important;border:2px solid transparent!important;padding:0!important;display:flex;align-items:center;justify-content:center;border-radius:8px!important;touch-action:pan-y;min-width:0}.alo-puzzle-piece canvas{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(1px 2px 2px #0005);pointer-events:none}.alo-puzzle-piece.is-selected{border-color:#007f16!important;background:#c8e7ac!important}.alo-puzzle-piece:focus-visible,.alo-puzzle-reset:focus-visible{outline:3px solid #00373c;outline-offset:3px}.alo-puzzle-piece[hidden]{display:none}.alo-puzzle-bank.is-dragging{touch-action:none}@media(max-width:800px){.alo-puzzle{padding:16px;margin:24px auto}.alo-puzzle-layout{grid-template-columns:1fr}.alo-puzzle-bank{grid-template-columns:repeat(5,minmax(0,1fr));contain:none;max-height:300px;gap:5px}.alo-puzzle-status{font-size:15px}}@media(prefers-reduced-motion:no-preference){.alo-puzzle-piece{transition:background .15s,border-color .15s}}
.alo-puzzle-actions{display:flex;flex-wrap:wrap;gap:10px}.alo-puzzle-errors{border:2px solid #007f16;border-radius:24px;padding:10px 22px;background:#fff;color:#075018;font-weight:bold}.alo-puzzle-errors:disabled{opacity:.5;cursor:wait}.alo-puzzle-errors:focus-visible{outline:3px solid #00373c;outline-offset:3px}.alo-puzzle-slot.is-error{filter:drop-shadow(0 0 4px #d81919);z-index:3}

.alo-puzzle .alo-puzzle-actions button {
 font-family:var(--e-global-typography-accent-font-family,Arial),sans-serif!important;
 font-size:14px!important;
 font-weight:var(--e-global-typography-accent-font-weight,400)!important;
 line-height:1.2!important;
 text-transform:none!important;
 letter-spacing:normal!important;
 padding:9px 16px!important;
 width:auto!important;
 height:auto!important;
 min-width:0!important;
 min-height:0!important;
 margin:0!important;
 border:0!important;
 border-radius:20px!important;
 background:#003d49!important;
 color:#fff!important;
 box-shadow:none!important;
 outline:none!important;
}
.alo-puzzle .alo-puzzle-actions button:hover,
.alo-puzzle .alo-puzzle-actions button:active {
 background:#075766!important;
}
.alo-puzzle .alo-puzzle-actions button:focus-visible {
 outline:2px solid #86b817!important;
 outline-offset:3px;
}
.alo-puzzle {
 font-family:var(--e-global-typography-text-font-family,Arial),sans-serif;
 font-size:var(--e-global-typography-text-font-size,16px);
 font-weight:var(--e-global-typography-text-font-weight,400);
 white-space:normal;
}