:root{--pj-accent: #38bdf8;--pj-accent-bg: rgba(56,189,248,.15)}#game-wrap{gap:18px;max-width:500px}@media(max-width:640px){body{justify-content:flex-start;min-height:100dvh}#game-wrap{padding-top:52px;gap:12px}#input-area{margin-bottom:4px}#letter-slots{scroll-margin-top:80px;scroll-margin-bottom:24px}}#word-progress{width:100%;display:flex;justify-content:center}#progress-dots{display:flex;gap:10px}.pdot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;transition:background .3s,transform .3s}.pdot.done{background:#60e090;transform:scale(1.15)}.pdot.current{background:#f0c060;transform:scale(1.3);box-shadow:0 0 8px #f0c06099}#scramble-area{background:var(--pj-surface, #1a1c2e);border-radius:16px;padding:18px 0;width:100%;box-shadow:0 8px 32px #0006;min-height:78px;display:flex;align-items:center;justify-content:center}#scramble-letters{display:flex;gap:6px;flex-wrap:nowrap;justify-content:center}#input-area{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}#letter-slots{display:flex;gap:6px;flex-wrap:nowrap;justify-content:center;min-height:52px}.sletter{background:#ffffff12;border:2px solid rgba(255,255,255,.12);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#e0d8ff;transition:transform .15s,opacity .15s,background .15s;user-select:none;flex-shrink:0}.sletter.used{opacity:.22;background:#ffffff08;border-color:transparent}.sletter.shake{animation:sl-shake .25s ease}@keyframes sl-shake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-4deg)}75%{transform:translate(5px) rotate(4deg)}}.lslot{background:#f0c06014;border:2px solid rgba(240,192,96,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#f5d882;transition:background .1s,border-color .1s;flex-shrink:0}.lslot:empty{background:#ffffff08;border-color:#ffffff14}.lslot.correct{background:#50dc7833;border-color:#50dc7880;color:#70f0a0}#word-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;top:0;left:0}#feedback-area{min-height:28px;text-align:center}#feedback-text{font-size:15px;font-weight:700;letter-spacing:.5px}#feedback-text.correct{color:#70f090}#feedback-text.wrong{color:#f07070}#feedback-text.skip{color:#a0a0c0}#bottom-bar{justify-content:space-between}.word-correct-flash{animation:wcf .4s cubic-bezier(.22,1,.36,1)}@keyframes wcf{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}.lslot.hint-flash{animation:hint-pulse .7s ease}@keyframes hint-pulse{0%,to{box-shadow:none}35%{box-shadow:0 0 0 3px #f9d342,0 0 12px #f9d34277}}