#game-container{max-width:600px;margin:0 auto;padding:0 1rem 1rem;font-family:var(--bl-font-body, "Atkinson Hyperlegible", sans-serif);color:var(--bl-color-text-primary, #2D2A26)}#play-screen,#compose-svopp-play-screen{position:relative}.wdw-progress{margin-bottom:1rem}.round-prompt{text-align:center;font-size:1.1rem;font-weight:600;margin:0 0 .75rem;padding:0 5rem;min-height:40px;display:flex;align-items:center;justify-content:center}#title-screen{padding-top:var(--bl-space-3, .75rem)}.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}.title-illustration{max-width:400px;margin:0 auto 1.5rem;border-radius:var(--bl-radius-lg, 16px);overflow:hidden;box-shadow:0 2px 12px #2c261e1a}.title-image{width:100%;height:auto;display:block}.mode-group{margin-bottom:1.5rem}.mode-group-heading{font-family:var(--bl-font-brand, "Artifika", serif);font-size:1.15rem;text-align:start;color:var(--bl-color-text-secondary, #5C5650);margin:0 0 .6rem;font-weight:600;letter-spacing:.02em}.level-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.btn.btn-level{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--bl-color-surface, #F2EDE6),rgba(184,149,48,.08));border:2px solid var(--bl-color-accent, #B89530);border-radius:var(--bl-radius-lg, 16px);cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:96px;min-width:0;text-align:center}.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-accent, #B89530)}.level-desc{font-size:.85rem;color:var(--bl-color-text-secondary, #5C5650)}.settings-bar{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.settings-bar #sound-toggle-icon{font-size:1.1rem;line-height:1}.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}.round-image-container{text-align:center;margin-bottom:1rem;min-height:120px;display:flex;align-items:center;justify-content:center}.round-image-container img{height:250px;width:auto;border-radius:var(--bl-radius-lg, 16px);border:2px solid var(--bl-color-border, #D4C9BA);box-shadow:0 2px 8px #00000014}.round-image-container[hidden]{display:none}.loading-overlay{text-align:center;padding:2rem;color:var(--bl-color-text-secondary, #5C5650);font-size:1.1rem}.sentence-reveal{text-align:center;font-size:1.1rem;font-weight:600;color:var(--bl-color-primary, #A85A3A);margin:.5rem 0;animation:resultPop .4s cubic-bezier(.34,1.56,.64,1)}.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}.slot-wrapper{position:relative}.slot-concept{position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:64px;margin-bottom:.25rem}.slot-concept img{width:100%;aspect-ratio:1;border-radius:var(--bl-radius-md, 8px);object-fit:cover;display:block}.drop-zone.compose-svo-mode{--wdw-concept-size: 105px;align-items:stretch}.drop-zone.compose-svo-mode .slot-wrapper{display:flex;flex-direction:column;align-items:center}.drop-zone.compose-svo-mode .slot-concept{position:static;transform:none;width:var(--wdw-concept-size);height:var(--wdw-concept-size)}.drop-zone.compose-svo-mode .slot-concept img{height:100%}.drop-zone.compose-svo-mode .slot-arrow{align-self:stretch;display:flex;align-items:center;padding-top:calc(var(--wdw-concept-size) + .25rem)}.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:100%;height:auto}.sentence-arrow{color:var(--bl-color-text-muted, #8C8278);font-size:1.2rem}.result-sentence-image{height:360px;width:auto;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-screen{position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:1rem;overflow-y:auto;background:#0006}#end-screen[hidden]{display:none}.content:has(#end-screen:not([hidden]))~blissary-footer{display:none}.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-title:after{display:none}.end-subtitle{text-align:center;color:var(--bl-color-text-secondary, #5C5650)}#end-score{text-align:center}.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}}.wdw-controls{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;position:sticky;bottom:0;margin-top:1rem;padding:.6rem 0;background:var(--bl-color-background, #FAF7F3);border-top:1px solid var(--bl-color-border, #D4C9BA);z-index:5}.wdw-controls[hidden]{display:none}.compose-svo-overlay-buttons{display:flex;justify-content:center;gap:.5rem;margin-top:.75rem}.compose-svo-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)}.compose-svo-bliss{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem}.compose-svo-bliss svg{max-width:60px;height:auto}.compose-svo-sentence-text{font-size:1.1rem;font-weight:600;color:var(--bl-color-text-primary, #2D2A26);margin:.5rem 0}.compose-svo-image-container{margin:.75rem 0}.compose-svo-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)}.compose-svopp-mode-title{flex:1;font-family:var(--bl-font-brand, "Artifika", serif);font-size:1.2rem;text-align:center;color:var(--bl-color-primary, #A85A3A);margin:0}.compose-svopp-image-container{text-align:center;margin-bottom:1rem;min-height:170px;display:flex;align-items:center;justify-content:center;border-radius:var(--bl-radius-lg, 16px)}.compose-svopp-image-container img{height:260px;width:auto;border-radius:var(--bl-radius-lg, 16px);border:2px solid var(--bl-color-border, #D4C9BA);box-shadow:0 2px 8px #00000014}.compose-svopp-image-container.placeholder{background:var(--bl-color-surface, #F2EDE6);border:2px dashed var(--bl-color-border, #D4C9BA);color:var(--bl-color-text-muted, #8C8278);font-size:.9rem;font-style:italic}.compose-svopp-image-container.placeholder:after{content:attr(data-placeholder)}:root{--wdw-rgb-subject: 100, 149, 237;--wdw-rgb-verb: 184, 149, 48;--wdw-rgb-object: 76, 175, 80;--wdw-rgb-preposition: 149, 100, 200;--wdw-rgb-thing: 76, 175, 80}[data-kind=subject],[data-kind=people]{--wdw-role-color: rgba(var(--wdw-rgb-subject), .4);--wdw-role-bg: rgba(var(--wdw-rgb-subject), .06)}[data-kind=verb]{--wdw-role-color: rgba(var(--wdw-rgb-verb), .4);--wdw-role-bg: rgba(var(--wdw-rgb-verb), .06)}[data-kind=object]{--wdw-role-color: rgba(var(--wdw-rgb-object), .4);--wdw-role-bg: rgba(var(--wdw-rgb-object), .06)}[data-kind=preposition]{--wdw-role-color: rgba(var(--wdw-rgb-preposition), .4);--wdw-role-bg: rgba(var(--wdw-rgb-preposition), .06)}[data-kind=thing]{--wdw-role-color: rgba(var(--wdw-rgb-thing), .4);--wdw-role-bg: rgba(var(--wdw-rgb-thing), .06)}.wdw-slot[data-section=subject],.wdw-slot[data-section=people]{--wdw-role-color: rgba(var(--wdw-rgb-subject), .4);--wdw-role-bg: rgba(var(--wdw-rgb-subject), .06)}.wdw-slot[data-section=verb]{--wdw-role-color: rgba(var(--wdw-rgb-verb), .4);--wdw-role-bg: rgba(var(--wdw-rgb-verb), .06)}.wdw-slot[data-section=object]{--wdw-role-color: rgba(var(--wdw-rgb-object), .4);--wdw-role-bg: rgba(var(--wdw-rgb-object), .06)}.wdw-slot[data-section=preposition]{--wdw-role-color: rgba(var(--wdw-rgb-preposition), .4);--wdw-role-bg: rgba(var(--wdw-rgb-preposition), .06)}.wdw-slot[data-section=thing]{--wdw-role-color: rgba(var(--wdw-rgb-thing), .4);--wdw-role-bg: rgba(var(--wdw-rgb-thing), .06)}.wdw-slot{width:92px;min-height:100px;border:2px dashed var(--wdw-role-color, 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(--wdw-role-bg, var(--bl-color-surface, #F2EDE6));padding:.3rem;transition:border-color .2s,background .2s,opacity .2s}.wdw-slot .slot-bliss svg{max-width:64px;height:auto}.wdw-slot .slot-bliss{margin-bottom:.2rem}.wdw-slot .slot-word{font-size:.75rem;color:var(--bl-color-text-secondary, #5C5650);text-align:center;line-height:1.1}.wdw-slot .slot-label{font-size:.75rem;color:var(--bl-color-text-muted, #8C8278);font-style:italic}.wdw-slot[data-state=locked]{border-style:solid}.wdw-slot[data-state=active]{border-color:var(--bl-color-accent, #B89530);animation:slotPulse 1s ease infinite}.wdw-slot[data-state=future]{opacity:.5;border-style:dashed}.wdw-slot.drag-over{border-color:var(--bl-color-accent, #B89530);background:#b8953014}.wdw-slot.awaiting-drop{border-color:var(--bl-color-accent, #B89530);animation:slotPulse 1s ease infinite}.wdw-slot-row{display:flex;justify-content:center;align-items:stretch;gap:.4rem;margin:.5rem 0 1.25rem;flex-wrap:wrap}.compose-svopp-slot-row{flex-wrap:nowrap}.compose-svopp-slot-row .wdw-slot{box-sizing:border-box;flex:0 1 92px;min-width:0}.compose-svopp-slot-row .wdw-slot .slot-bliss svg{max-width:min(64px,100%)}.wdw-pool{display:grid;gap:.5rem;align-items:stretch}.wdw-pool[data-section-count="2"]{grid-template-columns:1fr 1fr}.wdw-pool[data-section-count="3"]{grid-template-columns:2fr 1.2fr 1.2fr}.wdw-pool[data-section-count="4"]{grid-template-columns:2fr 1fr 1.5fr 1.2fr}.wdw-pool[data-mode=compose-svo][data-section-count="3"]{grid-template-columns:1fr 1fr 2fr}.wdw-pool[data-mode=compose-svo] .wdw-pool-section[data-kind=object] .wdw-pool-cards{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.wdw-pool[data-mode=compose-svo] .wdw-pool-section[data-kind=object] .wdw-pool-cards>.wdw-card:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center}.wdw-pool-section{padding:.5rem;border:1px solid var(--wdw-role-color);background:var(--wdw-role-bg);border-radius:var(--bl-radius-md, 8px);transition:opacity .2s}.wdw-pool-section[data-state=dim]{opacity:.55}.wdw-pool-section[data-state=active]{opacity:1}.wdw-pool-section-label{text-align:center;font-size:.7rem;font-style:italic;color:var(--bl-color-text-muted, #8C8278);margin-bottom:.4rem}.wdw-pool-cards{display:flex;flex-direction:column;gap:.4rem;align-items:center}.wdw-card{width:100%;max-width:110px;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}.wdw-card:hover{transform:scale(1.03)}.wdw-card:focus-visible{outline:3px solid var(--bl-color-accent, #B89530);outline-offset:2px}.wdw-card .card-symbol svg{max-width:100%;height:auto}.wdw-card .card-label{font-size:.75rem;color:var(--bl-color-text-secondary, #5C5650)}.wdw-card[data-card-state=chosen]{opacity:.3;pointer-events:none;cursor:default}.wdw-card[data-card-state=unavailable]{opacity:.5;pointer-events:none;cursor:default}@media(max-width:480px){.round-image-container img{height:200px;width:auto}.drop-slot{width:90px;min-height:85px}.symbol-card{width:85px}.slot-arrow{font-size:1.2rem}.level-buttons{grid-template-columns:1fr}.compose-svopp-image-container{min-height:150px}.compose-svopp-image-container img{height:220px}.result-sentence-image{height:260px}.wdw-slot{width:72px;min-height:86px;padding:.2rem}.wdw-slot .slot-bliss svg{max-width:50px}.wdw-slot .slot-label{font-size:.7rem}.wdw-slot .slot-word{font-size:.65rem}.drop-zone.compose-svo-mode{--wdw-concept-size: 72px}.compose-svopp-mode-title{font-size:1rem}}