body{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}#app{flex:1;max-width:600px;margin:0 auto;padding:20px;box-sizing:border-box}h1{text-align:center;margin-bottom:20px}button{padding:10px 20px;margin:5px;font-size:16px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#menu{display:flex;flex-wrap:wrap;justify-content:center}.category-btn{flex:1 1 40%;margin:10px}#image-area{text-align:center}#image-area img{max-width:100%;height:auto;cursor:pointer;border-radius:8px}#blanks-container{display:flex;justify-content:center;margin:20px 0}.blank{width:50px;height:50px;border:2px dashed #555;margin:0 5px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#f9f9f9}.blank.over{background:#e0e0e0}#letter-pool{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.letter{width:50px;height:50px;border:2px solid #333;margin:5px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#fff;cursor:grab}.letter.selected{outline:2px solid #2196F3}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.shake{animation:shake .5s}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg)}}.confetti{position:absolute;top:0;width:8px;height:8px;pointer-events:none;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1}@media (max-width: 500px){.blank,.letter{width:40px;height:40px;font-size:20px;margin:3px}}.slide-viewer[data-v-b52f5364]{touch-action:none}.drag-letter-overlay-animated[data-v-b52f5364]{font-family:Fredoka One,Comic Sans MS,Luckiest Guy,cursive;font-size:20vw;font-weight:700;background:linear-gradient(90deg,#1976d2 20%,#8e24aa 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px #fff,0 0 0 #1976d2,0 0 24px #8e24aa;border:none!important;border-radius:0!important;box-shadow:none!important;background:none!important;background-color:transparent!important;outline:none!important;padding:0;margin:0;min-width:3.5rem;min-height:3.5rem;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;animation:pulse-glow-b52f5364 1.2s infinite alternate;position:relative}.drag-image-overlay-animated[data-v-b52f5364]{width:10vw;height:10vw;object-fit:contain;border-radius:50%;box-shadow:0 0 24px 8px #8e24aa66,0 0 0 8px #fff;animation:pulse-glow-b52f5364 1.2s infinite alternate}.drag-word-overlay-animated[data-v-b52f5364]{font-size:10vw;font-weight:700;background:linear-gradient(90deg,#1976d2 20%,#8e24aa 80%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px #fff,0 0 0 #1976d2,0 0 24px #8e24aa;border:none!important;border-radius:0!important;box-shadow:none!important;background:none!important;background-color:transparent!important;outline:none!important;padding:0;margin:0;min-width:3.5rem;min-height:3.5rem;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;animation:pulse-glow-b52f5364 1.2s infinite alternate;position:relative}.fixed.pointer-events-none.flex.items-center.justify-center[data-v-b52f5364]{background:transparent!important;box-shadow:none!important;border:none!important}@keyframes pulse-glow-b52f5364{0%{box-shadow:0 0 24px 8px #8e24aa66,0 0 0 8px #fff;transform:scale(1)}to{box-shadow:0 0 48px 16px #8e24aa99,0 0 0 12px #fff;transform:scale(1.08)}}.slide-viewer[data-v-8b584049]{touch-action:none}