#game-container{max-width:600px;margin:0 auto;padding:1rem;font-family:var(--bl-font-body, "Atkinson Hyperlegible", sans-serif);color:var(--bl-color-text-primary, #2D2A26)}.game-title{font-family:var(--bl-font-brand, "Artifika", serif);font-size:2rem;text-align:center;color:var(--bl-color-primary, #A85A3A);margin-bottom:.25rem}.game-subtitle{text-align:center;color:var(--bl-color-text-secondary, #5C5650);margin-bottom:1.5rem}.level-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.btn-level{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:var(--bl-color-surface, #F2EDE6);border:2px solid var(--bl-color-border, #D4C9BA);border-radius:var(--bl-radius-lg, 16px);cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:180px}.btn-level:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.level-label{font-weight:700;font-size:1.1rem;color:var(--bl-color-primary, #A85A3A)}.level-desc{font-size:.85rem;color:var(--bl-color-text-secondary, #5C5650)}.level-example{font-style:italic;font-size:.9rem;color:var(--bl-color-text-muted, #8C8278)}.level-best{font-size:.8rem;color:var(--bl-color-accent, #B89530);font-weight:600}.settings-bar{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.settings-bar select{padding:.3rem .5rem;border-radius:var(--bl-radius-sm, 4px);border:1px solid var(--bl-color-border, #D4C9BA)}.btn-small{font-size:.8rem;padding:.3rem .6rem;border:1px solid var(--bl-color-border, #D4C9BA);border-radius:var(--bl-radius-sm, 4px);background:var(--bl-color-surface, #F2EDE6);cursor:pointer}.btn{display:inline-block;padding:.6rem 1.5rem;border:none;border-radius:var(--bl-radius-md, 8px);cursor:pointer;font-size:1rem;font-weight:600;transition:transform .1s,box-shadow .1s}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.btn-primary{background:var(--bl-color-primary, #A85A3A);color:#fff}.btn-secondary{background:var(--bl-color-surface, #F2EDE6);color:var(--bl-color-text-primary, #2D2A26);border:1px solid var(--bl-color-border, #D4C9BA)}.progress-bar{margin-bottom:1rem;text-align:center}.progress-text{font-size:.85rem;color:var(--bl-color-text-secondary, #5C5650)}.progress-track{height:8px;background:var(--bl-color-border, #D4C9BA);border-radius:4px;margin-top:.3rem;overflow:hidden}.progress-fill{height:100%;background:var(--bl-color-accent, #B89530);border-radius:4px;transition:width .4s ease}.tutorial-banner{background:var(--bl-color-surface-accent, #EDE8DF);border-left:3px solid var(--bl-color-accent, #B89530);padding:.5rem .75rem;font-size:.85rem;border-radius:0 var(--bl-radius-sm, 4px) var(--bl-radius-sm, 4px) 0;margin-bottom:1rem}.challenge-text{text-align:center;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.drop-zone{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.drop-slot{width:110px;min-height:100px;border:2px dashed var(--bl-color-border, #D4C9BA);border-radius:var(--bl-radius-md, 8px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bl-color-surface, #F2EDE6);transition:border-color .2s,background .2s;cursor:pointer}.drop-slot .slot-label{font-size:.75rem;color:var(--bl-color-text-muted, #8C8278);font-style:italic}.drop-slot.drag-over{border-color:var(--bl-color-accent, #B89530);background:#b8953014}.drop-slot.awaiting-drop{border-color:var(--bl-color-accent, #B89530);animation:slotPulse 1s ease infinite}.drop-slot.correct{border-color:#4caf50;background:#4caf5014}.drop-slot.wrong{border-color:#c53b4d;background:#c53b4d14;animation:shake .4s ease}.slot-arrow{font-size:1.5rem;color:var(--bl-color-text-muted, #8C8278);margin:0 .25rem}.symbol-pool{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.symbol-card{width:100px;padding:.5rem;border:2px solid var(--bl-color-border, #D4C9BA);border-radius:var(--bl-radius-md, 8px);background:#fff;text-align:center;cursor:grab;transition:transform .15s,opacity .15s;user-select:none}.symbol-card:hover{transform:scale(1.03)}.symbol-card:active{cursor:grabbing;transform:scale(.97)}.symbol-card.dragging{opacity:.4}.symbol-card.used{opacity:.3;pointer-events:none}.symbol-card.verb-card{border-color:var(--bl-color-accent, #B89530)}.symbol-card.selected{outline:3px solid var(--bl-color-accent, #B89530);outline-offset:2px;animation:selectedPulse 1s ease infinite}.card-symbol{margin-bottom:.25rem}.card-symbol svg{max-width:80px;height:auto}.card-label{font-size:.75rem;color:var(--bl-color-text-secondary, #5C5650)}.touch-clone{opacity:.95!important;pointer-events:none!important}.result-overlay-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:100;justify-content:center;align-items:center;padding:1rem;overflow-y:auto}.result-overlay-backdrop.visible{display:flex}.result-area{background:var(--bl-color-surface, #F2EDE6);border-radius:var(--bl-radius-lg, 16px);padding:1.5rem;max-width:420px;width:100%;max-height:90vh;overflow-y:auto;text-align:center;animation:resultPop .4s cubic-bezier(.34,1.56,.64,1);position:relative}.result-area.correct{border:3px solid #4CAF50}.result-area.wrong{border:3px solid #C53B4D}.result-message{font-size:1.1rem;margin:.5rem 0}.result-sentence{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0}.result-sentence svg{max-width:60px;height:auto}.sentence-arrow{color:var(--bl-color-text-muted, #8C8278);font-size:1.2rem}.result-sentence-image{max-width:280px;max-height:220px;border-radius:var(--bl-radius-md, 8px);margin:.75rem 0}.celebration-icon{display:inline-block;font-size:3rem;animation:starEarn .8s ease}.result-area.correct{animation:resultPop .4s cubic-bezier(.34,1.56,.64,1),successBounce .6s ease .4s}.confetti-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confettiFall 2.5s ease-in forwards}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:2px}.confetti-piece:nth-child(1){left:10%;animation-delay:0s;background:#ff6b6b}.confetti-piece:nth-child(2){left:20%;animation-delay:.1s;background:#4ecdc4}.confetti-piece:nth-child(3){left:30%;animation-delay:.05s;background:#ffe66d}.confetti-piece:nth-child(4){left:40%;animation-delay:.15s;background:#a78bfa}.confetti-piece:nth-child(5){left:50%;animation-delay:.08s;background:#ff9f43}.confetti-piece:nth-child(6){left:60%;animation-delay:.2s;background:#6bcb77}.confetti-piece:nth-child(7){left:70%;animation-delay:.12s;background:#4d96ff}.confetti-piece:nth-child(8){left:80%;animation-delay:.18s;background:#ff6b6b}.confetti-piece:nth-child(9){left:90%;animation-delay:.03s;background:#ffe66d}.confetti-piece:nth-child(10){left:15%;animation-delay:.22s;background:#4ecdc4}.confetti-piece:nth-child(11){left:45%;animation-delay:.07s;background:#a78bfa}.confetti-piece:nth-child(12){left:75%;animation-delay:.16s;background:#6bcb77}.end-stars{text-align:center;font-size:2rem;margin-bottom:.5rem}.star{margin:0 .25rem}.star.filled{filter:none}.star:not(.filled){filter:grayscale(1);opacity:.4}.end-title{font-family:var(--bl-font-brand, "Artifika", serif);text-align:center;color:var(--bl-color-primary, #A85A3A)}.end-subtitle{text-align:center;color:var(--bl-color-text-secondary, #5C5650)}.end-buttons{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}@keyframes resultPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes successBounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes starEarn{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}@keyframes selectedPulse{0%,to{outline-color:var(--bl-color-accent, #B89530)}50%{outline-color:transparent}}@keyframes slotPulse{0%,to{box-shadow:0 0 #b895304d}50%{box-shadow:0 0 0 6px #b8953000}}.btn-creative{border-color:var(--bl-color-accent, #B89530);background:linear-gradient(135deg,var(--bl-color-surface, #F2EDE6),rgba(184,149,48,.08))}.btn-creative .level-label{color:var(--bl-color-accent, #B89530)}.creative-controls{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.scene-reveal{text-align:center;margin:1rem 0;padding:1rem;background:var(--bl-color-surface, #F2EDE6);border-radius:var(--bl-radius-lg, 16px);border:2px solid var(--bl-color-border, #D4C9BA);animation:resultPop .4s cubic-bezier(.34,1.56,.64,1)}.scene-bliss{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem}.scene-bliss svg{max-width:60px;height:auto}.scene-sentence-text{font-size:1.1rem;font-weight:600;color:var(--bl-color-text-primary, #2D2A26);margin:.5rem 0}.scene-image-container{margin:.75rem 0}.scene-sentence-image{max-width:280px;max-height:220px;border-radius:var(--bl-radius-md, 8px)}.bliss-fallback{font-family:monospace;font-size:.8rem;color:var(--bl-color-text-muted, #8C8278)}@media(max-width:480px){.drop-slot{width:90px;min-height:85px}.symbol-card{width:85px}.slot-arrow{font-size:1.2rem}.level-buttons{flex-direction:column;align-items:center}.btn-level{min-width:240px}}