.reward-icon{background:#fff0c7;color:#ad893b;font-size:26px}.reward-count{width:25px;background:#fff2c7;color:#a68a42}
.garden-reward{background:linear-gradient(#fff6d4,#f1df9c)}.garden-reward svg{fill:#f5d76b;stroke:#8d8040;stroke-width:2}.garden-reward svg path{fill:#fffdf0;stroke:#8d8040;stroke-width:1.5}.garden-reward small{display:block;font-size:8px;line-height:1.2;margin-top:3px;white-space:nowrap;letter-spacing:0;color:#7e8252}
.ad-dialog{width:min(350px,calc(100vw - 28px));padding:28px 23px}.ad-dialog h2{font-size:22px}.ad-dialog p{font-size:12px;line-height:1.9;color:#829072;white-space:pre-line}.ad-video-symbol{display:grid;place-items:center;margin:0 auto 15px;width:62px;height:49px;border:2px solid #b7b67a;border-radius:14px;color:#a3944c;background:#fff5ca;font-size:36px}.ad-dialog .modal-actions>button{min-height:46px;flex:1}.ad-dialog [hidden]{display:none!important}
#modal.result-lost{padding:22px}#modal.result-lost .modal-symbol{width:44px;height:44px;font-size:32px;margin:0 auto 10px}#modal.result-lost h2{font-size:22px;margin:8px 0}#modal.result-lost .result-score{font-size:30px;margin:8px 0}#modal.result-lost .modal-actions{display:grid;grid-template-columns:1fr;margin-top:16px}#modal.result-lost .modal-actions>button{min-height:46px;padding:12px 8px}#modal.result-lost .modal-actions>.ad-revive{background:#f5e7b7;color:#8b7841}.ad-revive small{display:block;font-size:9px;margin-top:3px;opacity:.85}
#modal.fruit-unlock-modal{background:radial-gradient(ellipse at 50% 27%,#fff9d2,transparent 62%),#fffdf3;border:2px solid #ecdfa9;padding:27px 28px 28px;overflow:hidden}
.fruit-unlock-modal #modal-symbol{display:none}.fruit-unlock-modal #modal-eyebrow{color:#b2a45c;letter-spacing:3px;margin:3px 0 8px}.fruit-unlock-modal h2{font-size:26px;color:#647f4b;margin:8px 0 10px}.fruit-unlock-modal .unlock-kicker{font-size:11px;letter-spacing:2px;color:#b49c51}
.unlock-fruit-stage{position:relative;height:196px;display:grid;place-items:center;margin:8px auto 15px;isolation:isolate}.unlock-fruit-stage:before{content:"";position:absolute;width:178px;height:178px;border-radius:50%;background:repeating-conic-gradient(from 5deg,#fae88f44 0deg 15deg,transparent 15deg 30deg);z-index:-1;animation:unlock-rays 16s linear infinite}.unlock-fruit-stage:after{content:none}.unlock-fruit-stage img{width:174px;height:174px;object-fit:contain;filter:none;animation:fruit-reveal .65s cubic-bezier(.2,.8,.2,1) both}
.unlock-fruit-stage i{position:absolute;color:#e0bc4e;font-style:normal;font-size:24px;animation:spark-reveal .75s ease-out both}.unlock-fruit-stage i:nth-of-type(1){top:28px;left:17%;transform:rotate(-10deg)}.unlock-fruit-stage i:nth-of-type(2){top:48px;right:13%;font-size:17px;animation-delay:.08s}.unlock-fruit-stage i:nth-of-type(3){bottom:30px;left:12%;font-size:14px;animation-delay:.15s}.unlock-fruit-stage i:nth-of-type(4){bottom:20px;right:19%;font-size:21px;animation-delay:.2s}
.unlocked-fruit-name{display:block;color:#8c729f;font-size:27px;font-weight:750;line-height:1.4}.unlock-next-note{font-size:12px;color:#95a37c}.unlock-save-error{font-size:11px;color:#b87d50}.fruit-unlock-modal .modal-actions .primary{background:#8fae66;box-shadow:0 3px 0 #6f8b4f;min-height:46px;width:100%}
@keyframes fruit-reveal{0%{transform:translateY(18px) scale(.55);opacity:0}65%{transform:translateY(-5px) scale(1.06);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}@keyframes spark-reveal{from{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes unlock-rays{to{transform:rotate(360deg)}}
@media(max-width:760px) and (max-height:650px){.garden-reward svg{width:21px;height:21px}.garden-reward b{font-size:12px}.garden-reward small{font-size:7px;margin-top:2px}#modal.fruit-unlock-modal{padding:22px}.unlock-fruit-stage{height:158px}.unlock-fruit-stage img{width:143px;height:143px}.unlock-fruit-stage:before{width:146px;height:146px}.unlocked-fruit-name{font-size:24px}}
@media(prefers-reduced-motion:reduce){.unlock-fruit-stage:before,.unlock-fruit-stage img,.unlock-fruit-stage i{animation:none}}
.tile.tutorial-target{outline:2px solid #9562cb;outline-offset:-1px;box-shadow:inset 0 0 0 2px #fffbd7,0 0 0 2px #ffe280;z-index:2;animation:tutorial-glow 1.1s ease-in-out infinite alternate}.has-tutorial+.board-bottom{color:#77599e}
@keyframes tutorial-glow{from{filter:brightness(1.04)}to{filter:brightness(1.22);box-shadow:inset 0 0 0 2px #fffbd7,0 0 0 3px #ffe280}}
#modal.level-brief{width:min(390px,calc(100vw - 28px));padding:24px}#modal.level-brief .modal-symbol,#modal.level-brief .eyebrow{display:none}#modal.level-brief h2{font-size:23px;margin:0 0 18px}#modal.level-brief .level-mission{padding:12px;gap:25px;margin:0 0 12px}#modal.level-brief .level-mission strong{font-size:26px}.first-match-example{display:flex;justify-content:center;align-items:center;gap:8px;margin:8px 0 14px}.first-match-example img{width:35px;height:35px;object-fit:contain}.first-match-example>span{color:#dfb552;font-size:25px}.tutorial-lessons{text-align:left;display:grid;gap:12px}.tutorial-lessons>div{display:flex;gap:10px;align-items:center}.tutorial-lessons i{font-style:normal;font-size:10px;color:#9276b7;background:#f0e8f7;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.tutorial-lessons p{margin:0!important;line-height:1.65!important}.tutorial-lessons b{display:block;font-size:12px;color:#647451}.tutorial-lessons span{display:block;font-size:10px;color:#939a88}#modal.level-brief .modal-actions{margin-top:20px;gap:8px}#modal.level-brief .modal-actions>button{min-height:46px;padding:12px 9px;font-size:12px}#modal.level-brief .intro-fruit-lineup{margin:18px 0 8px}
#modal.result-won{width:min(350px,calc(100vw - 32px));padding:28px 25px}#modal.result-won .modal-symbol{width:60px;height:60px;margin:0 auto 15px;font-size:41px;color:#d6ad44;background:#fff2c1}#modal.result-won h2{font-size:28px;margin:10px 0 14px}#modal.result-won .result-score{font-size:43px;margin:8px 0 0}#modal.result-won .modal-actions{margin-top:25px;gap:8px}#modal.result-won .modal-actions>button{min-height:46px;padding:12px 10px}
@media(prefers-reduced-motion:reduce){.tile.tutorial-target{animation:none}}
.board-bottom.is-speaking{color:#77549b!important;font-weight:700;letter-spacing:.2px}
#modal.fruit-unlock-modal{padding:22px 25px;max-height:calc(100dvh - 24px);overflow-y:auto}#modal.fruit-unlock-modal #modal-eyebrow{display:none}#modal.fruit-unlock-modal h2{font-size:24px;margin:3px 0 8px}.fruit-unlock-modal .unlock-kicker{margin:0;font-size:10px}.fruit-unlock-modal .unlock-fruit-stage{height:155px;margin:3px auto 5px}.fruit-unlock-modal .unlock-fruit-stage img{width:139px;height:139px}.fruit-unlock-modal .unlock-fruit-stage:before{width:144px;height:144px}.fruit-unlock-modal .unlocked-fruit-name{font-size:21px;line-height:1.3}
.fruit-word{display:grid;justify-items:center;gap:5px;margin-top:5px}.fruit-word>b{font-size:29px;line-height:1.2;color:#765b9b;letter-spacing:.3px}.word-ipa{font:15px/1.5 "Segoe UI",Arial,sans-serif;color:#7b896a}.word-reading{font-size:11px;line-height:1.5;color:#92937e;max-width:100%}.listen-word{border:1px solid #ded1ee;background:#f1e9fa;color:#8564a4;border-radius:12px;min-height:42px;padding:8px 18px;font-size:12px;font-weight:600;margin:5px 0 0}.fruit-unlock-modal .modal-actions{margin-top:15px}.fruit-unlock-modal .unlock-save-error{margin:8px 0 0}
.first-word-listen{display:block;width:100%;border:0;border-radius:10px;background:#f4eafb;color:#7e61a0;min-height:38px;padding:8px 5px;margin:13px 0 0;font-size:10px}.first-word-listen b{font-size:13px;margin:0 4px}.first-word-listen span{font:12px "Segoe UI",Arial,sans-serif}.listen-hint{font-size:10px!important;color:#9a8bad!important;margin:8px 0!important}
#modal .learn-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;justify-content:center;margin:13px 0 6px}.learn-lineup>button{display:flex;align-items:center;flex-direction:column;gap:3px;border:1px solid #eee8d9;border-radius:10px;background:#faf8ef;padding:6px 2px;min-width:0;color:#829367}.learn-lineup>button img{width:33px;height:33px}.learn-lineup>button b{font-size:10px;color:#85719a;font-weight:650}.learn-lineup>button span{font-size:9px}.learn-lineup>button:hover,.listen-word:hover,.first-word-listen:hover{background:#eee5f8}
#collection-modal{max-height:calc(100dvh - 24px);overflow-y:auto}.collection-fruit>strong{display:block;font-size:14px;color:#796294;margin-top:5px}.collection-fruit .collection-ipa{display:block;font:11px/1.7 "Segoe UI",Arial,sans-serif;color:#788267}.collection-fruit .collection-reading{display:block;font-size:9px;line-height:1.6;color:#939382;min-height:30px;margin:4px 0}.collection-fruit>button{display:block;min-height:38px;width:100%;border:0;background:#f0e9f7;color:#8769a5;border-radius:9px;font-size:11px;padding:5px}.collection-fruit small{margin-top:7px}
@media(max-width:580px){.fruit-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-fruit{padding:10px 7px}.collection-fruit .collection-ipa{font-size:12px}.collection-fruit .collection-reading{font-size:10px;min-height:32px}.collection-fruit>button{min-height:42px}}
@media(max-width:760px) and (max-height:650px){#modal.fruit-unlock-modal{padding:17px 21px}#modal.fruit-unlock-modal h2{font-size:22px}.fruit-unlock-modal .unlock-fruit-stage{height:116px;margin:2px auto}.fruit-unlock-modal .unlock-fruit-stage img{width:108px;height:108px}.fruit-unlock-modal .unlock-fruit-stage:before{width:108px;height:108px}.fruit-unlock-modal .unlocked-fruit-name{font-size:20px}.fruit-word{gap:3px;margin-top:4px}.fruit-word>b{font-size:26px}.word-ipa{font-size:14px}.word-reading{font-size:10px}.listen-word{min-height:40px;margin-top:5px}.fruit-unlock-modal .modal-actions{margin-top:12px}#modal.level-brief .modal-actions{margin-top:14px}.first-word-listen{margin-top:10px}}