.barista-body{background:#fff3e9}.barista-header{max-width:1080px;padding:20px 30px}.barista-tag{background:#eee6f7;border-radius:22px;padding:10px 16px;font-size:14px;font-weight:bold}.barista-main{max-width:1000px;margin:auto;padding:10px 28px 35px}.barista-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.barista-heading h1{font-size:clamp(32px,4vw,46px);margin:0 0 20px}.barista-heading>p{background:#dfefd9;padding:12px 18px;border-radius:24px;font-weight:bold}.barista-game{position:relative;background:#fffdf8;border:2px solid #ebd7c7;padding:24px;border-radius:28px;overflow:hidden;text-align:center}.barista-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:bold;color:#705674;text-align:left}.barista-chances{display:inline-block;background:#eee6f7;border-radius:20px;padding:8px 16px;font-weight:bold;margin:15px 0 8px;color:#65567e}.barista-chances.last-chance{background:#fff0d9;color:#815b3d}.barista-instruction{font-size:17px;margin:10px 0 15px}.barista-words{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;min-height:58px;margin-bottom:20px}.barista-words button{font:600 22px/1.3 Fredoka,ui-rounded,sans-serif;padding:12px 18px;border-radius:17px;border:2px solid #d9c9e6;background:#eee6f7;color:#5c486d;box-shadow:0 4px 0 #d9c9e6}.barista-words button:disabled{opacity:.4;cursor:default}.barista-words button.selected{background:#dfefd9;border-color:#b9d0b0;box-shadow:none}.barista-words button.wrong-word{background:#ffe9ce;border-color:#d9b589;opacity:1}.barista-words button:focus-visible{outline:4px solid #6b9563;outline-offset:4px}.barista-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.sentence-slot{min-width:74px;min-height:48px;padding:7px 10px;border-bottom:4px solid #9c83ae;font:600 20px/1.4 Fredoka,ui-rounded,sans-serif;color:#5b456e}.sentence-slot.filled{background:#f3edf9;border-radius:10px 10px 0 0}.coffee-scene{position:relative;background:linear-gradient(135deg,#e4efda,#fceacb);border-radius:22px;width:min(100%,590px);height:300px;margin:0 auto 18px;overflow:hidden}.coffee-scene img{display:block;width:100%;height:100%;object-fit:contain}.coffee-scene img.making-coffee{animation:coffee-step-in .6s ease-out}.coffee-scene>span{position:absolute;bottom:10px;left:10px;right:10px;border-radius:20px;padding:7px 12px;background:#fffdf8eb;font-size:16px;font-weight:bold;color:#705674}.coffee-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:0 0 18px;counter-reset:coffee}.coffee-steps li{counter-increment:coffee;padding:10px 8px;border-radius:15px;background:#f0e9f6;color:#786980;font-size:14px}.coffee-steps li:before{content:counter(coffee);display:block;font:600 23px/1.3 Fredoka,ui-rounded,sans-serif}.coffee-steps li.done{background:#dfefd9;color:#486643}.coffee-steps li.current{box-shadow:inset 0 0 0 2px #93b184}.barista-feedback{font-size:17px;font-weight:bold;color:#705674;min-height:48px;margin:16px 0}.barista-overlay{position:absolute;inset:0;z-index:5;background:#fffdf8f7;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center}.barista-overlay>img{width:110px;height:170px;object-fit:contain;margin-bottom:15px}.barista-overlay h2{font-size:clamp(28px,4vw,38px);margin-bottom:15px}.barista-overlay p{max-width:620px;font-size:17px}.barista-levels{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.barista-levels span{background:#eee6f7;padding:8px 12px;border-radius:20px;font-size:14px}.barista-overlay[hidden],#barista-next[hidden]{display:none}.barista-bottom{display:flex;justify-content:space-between;gap:18px;text-align:left;align-items:center;border-top:1px solid #eaded4;margin-top:20px;padding-top:15px}.barista-bottom p{font-size:14px;margin:0;max-width:75%}.barista-overlay.result-state>.barista-levels{display:none}@keyframes coffee-step-in{from{transform:scale(.97);opacity:.7}to{transform:scale(1);opacity:1}}@media(max-width:650px){.barista-header{padding:18px 14px}.barista-header .brand{font-size:20px}.barista-tag{font-size:12px;padding:8px}.barista-main{padding:0 12px 25px}.barista-heading{display:block;padding:10px}.barista-heading>p{display:inline-block;margin:0 0 18px}.barista-game{padding:16px}.barista-top{font-size:14px}.barista-words{gap:10px}.barista-words button{font-size:19px;padding:10px 14px}.barista-slots{gap:8px}.sentence-slot{min-width:68px;font-size:18px;padding:6px}.coffee-scene{height:245px}.coffee-steps{grid-template-columns:repeat(2,1fr)}.coffee-steps li{font-size:14px;padding:7px}.barista-overlay{padding:20px}.barista-overlay p{font-size:16px}}@media(prefers-reduced-motion:reduce){.coffee-scene img.making-coffee{animation:none}}