.waffle-example-tile{text-transform:uppercase;border:2px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:600;display:flex}.waffle-example-tile-small{text-transform:uppercase;border:1px solid #d1d5db;border-radius:.25rem;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:600;display:flex}@media (width<=640px){.waffle-example-tile{width:40px;height:40px;font-size:1.25rem}.waffle-example-tile-small{width:30px;height:30px;font-size:.875rem}}.waffle-grid{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(5,1fr);gap:8px;max-width:400px;display:grid}.waffle-cell{aspect-ratio:1;cursor:pointer;color:#111827;text-transform:uppercase;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;font-size:2rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .1s;display:flex}.waffle-cell.hidden-cell{cursor:default;opacity:.3;background-color:#e5e7eb}.waffle-cell.correct{color:#fff;cursor:not-allowed;opacity:.9;background-color:#60b3a0}.waffle-cell.present{color:#fff;background-color:#e2bc54}.waffle-cell.wrong{color:#fff;background-color:#6b7280}.waffle-cell.selected{border-color:#3b82f6;transform:scale(1.05);box-shadow:0 0 0 3px #3b82f64d}.waffle-cell:not(.hidden-cell):not(.correct):hover{cursor:grab;transform:scale(1.05)}.waffle-cell.dragging{color:#0000;cursor:grabbing;border:2px dashed #9ca3af;transition:none;background-color:#0000!important}.waffle-cell[draggable=true]{cursor:grab}.waffle-cell[draggable=true]:active{cursor:grabbing}.swap-animation{animation:.3s ease-in-out swap}@keyframes swap{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.game-message{text-align:center;border-radius:.5rem;padding:.75rem 1rem;font-weight:500}.game-message.info{color:#1e40af;background-color:#dbeafe}.game-message.success{color:#065f46;background-color:#d1fae5}.game-message.error{color:#991b1b;background-color:#fee2e2}.game-over-banner{color:#fff;text-align:center;opacity:0;background:#6b7280;border-radius:.75rem;margin:1rem 0;padding:1rem;transition:all .5s;transform:translateY(-20px);box-shadow:0 10px 25px #6b72804d}.game-over-banner.show{opacity:1;transform:translateY(0)}.game-over-content{flex-direction:column;align-items:center;gap:.5rem;display:flex}.game-over-text{letter-spacing:.1em;text-shadow:2px 2px 4px #0000004d;font-size:2rem;font-weight:800}.game-over-cell{color:#fff!important;cursor:not-allowed!important;background-color:#6b7280!important}@media (width<=640px){.waffle-grid{gap:6px;max-width:420px}.waffle-cell{font-size:2rem}.game-over-text{font-size:1.5rem}}