:root{--ink:#14342d;--green:#20b868;--green2:#0d8b58;--lime:#d9ff6b;--cream:#fffdf3;--red:#f45b69;--gold:#ffca43;--blue:#3e8bff;--panel:rgba(255,255,255,.95);--shadow:0 18px 50px rgba(7,31,27,.25)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,ui-rounded,"Trebuchet MS",Arial,sans-serif;background:#092b26;color:var(--ink);overflow:hidden;overscroll-behavior:none}button{font:inherit}.app{position:fixed;inset:0;overflow:hidden}.screen{display:none;position:absolute;inset:0;width:100%;height:100%;min-height:0}.screen.active{display:flex}.fit-target{transform-origin:center center}
.cover-screen{background:url('assets/ui/cover-bg.webp') center/cover no-repeat;align-items:center;justify-content:center;padding:2.2vh 2vw;overflow:hidden}.cover-shade{position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(134,255,153,.18),transparent 34%),linear-gradient(110deg,rgba(4,31,27,.95),rgba(6,49,38,.87) 52%,rgba(3,32,29,.63))}.cover-shell{position:relative;z-index:2;width:min(1240px,96vw);height:min(700px,93vh);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:18px}.cover-copy{padding:24px 8px 24px 24px;color:white;text-shadow:0 2px 12px rgba(0,0,0,.2)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:1000;letter-spacing:.13em;font-size:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:8px 13px;border-radius:999px}.dark-eye{background:#eaf5e9;border-color:#d3e7d1;color:#24533f}.cover-copy h1{font-size:clamp(48px,6.6vw,91px);line-height:.88;margin:17px 0 14px;letter-spacing:-.055em;font-weight:1000}.cover-copy h1 span{color:var(--lime);text-shadow:0 5px 0 rgba(4,47,35,.7)}.tagline{font-size:clamp(17px,1.7vw,25px);font-weight:800;margin:0 0 15px;color:#f7ffe9}.profile-row{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 12px}.profile-chip{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.11);color:white;border-radius:13px;min-width:103px;padding:7px 10px;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:center;text-align:left}.profile-chip span{font-size:20px;grid-row:1/3}.profile-chip b{font-size:15px}.profile-chip small{font-size:9px;letter-spacing:.1em;opacity:.72;font-weight:900}.profile-chip.clickable{cursor:pointer}.profile-chip.clickable:hover{background:rgba(255,255,255,.18)}.bonus-chip.ready{box-shadow:0 0 0 2px var(--gold),0 0 24px rgba(255,202,67,.4)}.feature-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.feature-row span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.19);padding:7px 10px;border-radius:11px;font-weight:850;font-size:12px}.cover-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:570px}.cover-actions .btn:last-child{grid-column:1/-1}.btn{border:0;border-radius:15px;padding:14px 20px;font-weight:1000;letter-spacing:.035em;cursor:pointer;transition:.16s transform,.16s filter;min-width:150px}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(180deg,#e5ff73,#a9ee42);color:#17391d;box-shadow:0 6px 0 #62a827,0 12px 25px rgba(0,0,0,.22)}.btn-daily{background:linear-gradient(180deg,#ffd960,#ffad2e);color:#4a2d00;box-shadow:0 6px 0 #c8730c;display:flex;flex-direction:column;align-items:center}.btn-daily small{font-size:10px;margin-top:2px;opacity:.75}.btn-ghost{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.35)}.btn-ghost.dark{background:#eef4ec;color:#22453a;border-color:#dce7da}.btn-video{background:linear-gradient(180deg,#68a5ff,#3779e8);color:white;box-shadow:0 6px 0 #2055af}.best-line{margin-top:15px;font-size:13px;color:#def9e2}.best-line strong{font-size:17px;color:white}.best-line i{font-style:normal;opacity:.5;margin:0 6px}.cover-art{position:relative;height:520px;display:flex;align-items:center;justify-content:center}.cover-art img{width:min(680px,58vw);max-width:118%;filter:drop-shadow(0 24px 31px rgba(0,0,0,.35));animation:heroFloat 5s ease-in-out infinite}.round-badge{position:absolute;right:2%;top:11%;width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--gold);color:#3f2900;border:7px solid #fff9cf;box-shadow:0 12px 30px rgba(0,0,0,.28);transform:rotate(8deg)}.round-badge b{font-size:34px;line-height:1}.round-badge small{font-size:12px;font-weight:1000}.daily-sticker{position:absolute;left:1%;bottom:15%;background:#ff4d6d;color:white;border:5px solid #fff;border-radius:16px;padding:9px 15px;font-size:13px;font-weight:900;line-height:1;text-align:center;transform:rotate(-8deg);box-shadow:0 10px 20px rgba(0,0,0,.25)}.daily-sticker b{font-size:20px}.cover-screen footer{position:absolute;z-index:2;bottom:8px;color:rgba(255,255,255,.68);font-size:11px}@keyframes heroFloat{50%{transform:translateY(-8px) rotate(.4deg)}}
.game-screen{align-items:center;justify-content:center;padding:1.4vh 1vw}.game-bg{position:absolute;inset:0;background:linear-gradient(rgba(4,37,31,.62),rgba(5,52,39,.76)),url('assets/ui/game-bg.webp') center/cover no-repeat}.game-shell{position:relative;z-index:2;width:min(1220px,98vw);height:min(760px,97vh);display:flex;flex-direction:column;gap:10px}.topbar{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.94);padding:9px 10px;border-radius:17px;box-shadow:var(--shadow)}.icon-btn{width:43px;height:43px;border:0;border-radius:12px;background:#eef4ec;color:#21483d;font-weight:1000;font-size:21px;cursor:pointer}.mode-badge{background:#183f35;color:white;border-radius:10px;padding:9px 11px;font-weight:1000;font-size:11px;letter-spacing:.07em;white-space:nowrap}.progress-wrap{flex:1;min-width:120px}.progress-top{display:flex;justify-content:space-between;font-size:10px;font-weight:900;margin-bottom:4px}.progress{height:8px;border-radius:99px;background:#dce8dc;overflow:hidden}.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#16a963,#9edd48);transition:width .35s}.stat-pill{min-width:72px;height:43px;border-radius:12px;background:#f1f6ed;display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px}.coin-pill{background:#fff5cd}.game-content{flex:1;min-height:0;display:grid;grid-template-columns:190px minmax(390px,1fr) 190px;gap:10px}.side-card,.quiz-card,.keyboard-wrap{background:var(--panel);border-radius:18px;box-shadow:var(--shadow)}.side-card{padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:0}.mini-title{font-size:10px;letter-spacing:.12em;font-weight:1000;color:#648077}.hearts{font-size:20px;line-height:1.4;margin:7px 0}.divider{height:1px;width:100%;background:#dde7df;margin:11px 0}.round-score{font-weight:1000;font-size:28px;color:#16975a;margin-top:4px}.fever-meter{width:100%;height:11px;background:#e6e9e6;border-radius:99px;overflow:hidden;margin:8px 0 4px}.fever-meter div{height:100%;width:0;background:linear-gradient(90deg,#ff9c38,#ff4f54);transition:width .25s}.fever-text{font-size:10px;font-weight:850;color:#7b6658}.fever-active .fever-meter{box-shadow:0 0 18px rgba(255,85,52,.5)}.fever-active .fever-text{color:#e94b36}.quiz-card{padding:12px 16px 10px;display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0}.question-label{font-size:11px;font-weight:1000;letter-spacing:.11em;color:#54766c;margin-bottom:7px}.photo-frame{position:relative;width:min(540px,100%);flex:1;min-height:180px;max-height:390px;background:#e9efe4;border:5px solid white;border-radius:18px;overflow:hidden;box-shadow:0 7px 20px rgba(20,70,52,.17)}.photo-frame img{width:100%;height:100%;display:block;object-fit:cover}.image-loader{position:absolute;inset:0;background:#edf3e8;display:flex;align-items:center;justify-content:center}.image-loader.hidden{display:none}.image-loader span{width:33px;height:33px;border:4px solid #cce1cd;border-top-color:#29ad66;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feedback-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.6) rotate(-5deg);opacity:0;padding:10px 15px;border-radius:12px;font-size:21px;font-weight:1000;color:white;text-shadow:0 2px 2px rgba(0,0,0,.14);transition:.2s}.feedback-stamp.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}.feedback-stamp.good{background:#16ad60}.feedback-stamp.bad{background:#e84e57}.new-fruit-badge{position:absolute;right:7px;top:7px;background:#ffd44f;color:#543600;border:3px solid white;border-radius:10px;padding:5px 8px;font-size:9px;font-weight:1000;transform:translateY(-50px) rotate(4deg);transition:.25s}.new-fruit-badge.show{transform:translateY(0) rotate(4deg)}.answer{min-height:52px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:9px;flex-wrap:wrap}.answer-word{display:flex;gap:4px}.answer-gap{width:8px}.answer-mark{display:flex;align-items:center;justify-content:center;width:27px;height:34px;border-bottom:3px solid #94a9a1;font-weight:1000;font-size:20px}.answer-mark.revealed{color:#126a45}.answer-mark.separator{border:0;width:12px}.answer-sub{display:flex;gap:7px;font-size:10px;font-weight:800;color:#81958d}.hint-icon{font-size:32px;margin:6px}.right-card p{font-size:11px;line-height:1.35;color:#6d817a;margin:0 0 9px}.small-btn{width:100%;border:0;border-radius:10px;padding:9px 8px;font-size:10px;font-weight:1000;background:#e4efe2;color:#23533e;cursor:pointer;margin:3px 0}.small-btn:disabled{opacity:.45;cursor:default}.reward-action{background:linear-gradient(180deg,#65a0ff,#3d78de);color:white}.coin-action{background:linear-gradient(180deg,#ffe27a,#ffc94d);color:#5d3b00}.best-score{font-size:25px;font-weight:1000;color:#1b7751}.collection-mini{margin-top:9px;display:flex;gap:7px;font-size:10px}.keyboard-wrap{padding:10px 12px}.keyboard{display:grid;grid-template-columns:repeat(13,1fr);gap:6px}.key{height:42px;border:0;border-radius:9px;background:#f6f8f0;box-shadow:0 3px 0 #cfd9ca;color:#23493d;font-weight:1000;font-size:14px;cursor:pointer}.key:hover:not(:disabled){background:#e8f8d7}.key.correct{background:#a7e98d;color:#165c35;box-shadow:0 3px 0 #65b861}.key.wrong{background:#ffc0c4;color:#8b2830;box-shadow:0 3px 0 #e47a81}.key:disabled{cursor:default}.shake{animation:shake .3s}.pulse{animation:pulse .25s}@keyframes shake{25%{transform:translateX(-7px)}50%{transform:translateX(7px)}75%{transform:translateX(-4px)}}@keyframes pulse{50%{transform:scale(1.015)}}
.result-screen{align-items:center;justify-content:center;background:linear-gradient(145deg,#073d31,#0e694c);padding:2vh}.result-card{width:min(720px,94vw);max-height:94vh;background:#fffdf5;border-radius:28px;padding:24px;text-align:center;box-shadow:0 28px 70px rgba(0,0,0,.35)}.result-crown{font-size:55px}.result-card h2{font-size:39px;margin:6px 0;color:#164e3b}.result-card>p{margin:0 0 14px;color:#668078}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-grid div{background:#eef5e9;border-radius:12px;padding:10px 5px}.result-grid span{display:block;font-size:8px;font-weight:1000;color:#758b82}.result-grid b{display:block;font-size:19px;margin-top:4px}.daily-reward-box{display:none;margin:12px auto 0;background:#fff1bd;border:2px solid #ffd15b;border-radius:14px;padding:9px;max-width:420px}.daily-reward-box.show{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;text-align:left}.daily-reward-box span{font-size:10px;font-weight:900}.daily-reward-box b{font-size:19px;color:#775000}.daily-reward-box button{grid-column:1/-1}.new-best{opacity:0;font-size:13px;font-weight:1000;color:#e09300;margin-top:8px}.new-best.show{opacity:1}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.result-actions .btn{padding:12px 17px}
.modal{display:none;position:absolute;inset:0;z-index:20;align-items:center;justify-content:center;background:rgba(2,28,22,.77);padding:2vh}.modal.open{display:flex}.modal-card{position:relative;background:#fffdf6;border-radius:24px;padding:22px;width:min(650px,94vw);max-height:94vh;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.4)}.modal-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border:0;border-radius:50%;font-size:22px;background:#edf2e9;cursor:pointer}.modal-icon,.gift-pop,.heart-pop{font-size:48px}.modal-card h2{font-size:30px;margin:7px 0;color:#174e3b}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.how-grid div{background:#eff5eb;border-radius:12px;padding:11px;text-align:left}.how-grid b{display:block;font-size:12px}.how-grid span{font-size:10px;color:#6e827a}.reward-modal{width:min(500px,92vw)}.reward-modal p,.revive-modal p{font-size:12px;color:#687d75}.bonus-amount{font-size:25px;margin:8px}.bonus-amount b{font-size:45px;color:#d99400}.streak-dots{display:flex;justify-content:center;gap:6px;margin:10px}.streak-dots span{width:29px;height:29px;border-radius:50%;background:#edf0e9;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:1000}.streak-dots span.on{background:#ffd65a;color:#604000}.modal-actions{display:flex;gap:9px;justify-content:center}.modal-actions .btn{min-width:0;flex:1}.album-modal{width:min(820px,95vw)}.album-head{display:flex;justify-content:space-between;align-items:center;text-align:left}.album-head h2{margin:5px 0}.album-total{font-size:24px;font-weight:1000;background:#e8f4df;padding:9px 13px;border-radius:13px}.album-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:10px 0}.album-card{height:95px;border-radius:11px;background:#edf1e9;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.album-card img{width:100%;height:67px;object-fit:cover}.album-card b{font-size:8px;padding:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.album-card.locked{font-size:27px;color:#9aa99f;background:linear-gradient(145deg,#eff2eb,#dde5dd)}.album-card.locked b{font-size:8px}.album-nav{display:flex;align-items:center;justify-content:center;gap:12px}.album-nav .small-btn{width:100px}.revive-modal{width:min(470px,92vw)}.text-btn{border:0;background:transparent;color:#667c73;font-weight:900;margin-top:10px;cursor:pointer}.toast{position:absolute;z-index:50;left:50%;bottom:18px;transform:translate(-50%,20px);opacity:0;background:#123e33;color:white;border-radius:999px;padding:9px 16px;font-size:11px;font-weight:900;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}body.ad-paused .app:after{content:'AD';position:absolute;z-index:12;right:8px;bottom:8px;background:rgba(0,0,0,.5);color:white;padding:4px 7px;border-radius:7px;font-size:9px}
@media(max-width:900px){.cover-shell{grid-template-columns:1fr .75fr}.cover-copy h1{font-size:clamp(45px,8vw,72px)}.game-content{grid-template-columns:150px minmax(340px,1fr) 150px}.side-card{padding:11px}.keyboard{gap:4px}.key{height:38px}.album-grid{grid-template-columns:repeat(4,1fr)}}
@media(orientation:portrait){.cover-shell{height:94vh;grid-template-columns:1fr;grid-template-rows:auto 32%;gap:0;text-align:center}.cover-copy{padding:10px 12px}.cover-copy h1{font-size:clamp(45px,11vw,74px);margin:12px 0 9px}.profile-row,.feature-row{justify-content:center}.cover-actions{margin:auto}.cover-art{height:100%}.cover-art img{width:min(570px,80vw);max-height:100%;object-fit:contain}.round-badge{width:85px;height:85px;right:14%;top:1%}.round-badge b{font-size:27px}.daily-sticker{left:15%;bottom:6%}.game-shell{height:98vh;gap:6px}.topbar{padding:6px;gap:5px}.mode-badge{display:none}.stat-pill{min-width:54px;height:37px;font-size:11px}.icon-btn{width:37px;height:37px}.game-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:6px}.left-card,.right-card{flex-direction:row;padding:6px 9px;min-height:52px;gap:8px;justify-content:space-around}.left-card .divider,.right-card .divider,.right-card p,.hint-icon,.collection-mini{display:none}.left-card .mini-title,.right-card .mini-title{font-size:8px}.hearts{margin:0;font-size:16px}.fever-meter{width:100px;margin:0}.fever-text{font-size:8px;max-width:90px}.round-score{font-size:19px;margin:0}.right-card .small-btn{width:auto;min-width:105px;margin:0;padding:7px}.best-score{font-size:17px}.quiz-card{padding:7px 10px}.photo-frame{max-height:none;min-height:0}.answer{min-height:42px;margin-top:4px}.answer-mark{width:23px;height:29px;font-size:17px}.keyboard-wrap{padding:6px}.keyboard{grid-template-columns:repeat(9,1fr);gap:4px}.key{height:34px;font-size:12px}.result-grid{grid-template-columns:1fr 1fr}.album-grid{grid-template-columns:repeat(4,1fr)}.album-card{height:83px}.album-card img{height:56px}}
@media(orientation:landscape) and (max-height:600px){.cover-shell{height:96vh}.cover-copy{padding:8px 5px 8px 20px}.cover-copy h1{font-size:clamp(42px,7vw,67px);margin:8px 0}.tagline{font-size:16px;margin-bottom:8px}.profile-row,.feature-row{margin-bottom:7px}.profile-chip{padding:4px 7px}.cover-actions .btn{padding:10px 14px}.best-line{margin-top:8px}.cover-art{height:90vh}.game-shell{height:98vh;gap:5px}.topbar{padding:5px 7px}.icon-btn,.stat-pill{height:34px}.icon-btn{width:34px}.game-content{grid-template-columns:145px minmax(330px,1fr) 145px;gap:5px}.side-card{padding:7px}.divider{margin:5px 0}.hearts{font-size:15px;margin:2px}.round-score{font-size:20px}.hint-icon{font-size:22px;margin:1px}.right-card p{font-size:9px;margin-bottom:3px}.small-btn{padding:6px}.photo-frame{min-height:135px}.answer{min-height:36px;margin-top:3px}.answer-mark{height:26px;width:22px;font-size:16px}.keyboard-wrap{padding:5px}.keyboard{grid-template-columns:repeat(13,1fr);gap:3px}.key{height:30px;font-size:11px}.result-card{padding:14px}.result-crown{font-size:37px}.result-card h2{font-size:28px;margin:3px}.result-grid div{padding:6px}.modal-card{padding:13px}.album-card{height:72px}.album-card img{height:48px}}

/* Robust coin icon: avoids unsupported emoji/tofu squares on portal fonts */
.coin-icon{display:inline-block;flex:0 0 auto;width:25px;height:25px;background:url('assets/ui/coin.webp') center/contain no-repeat;vertical-align:middle}
.coin-icon-sm{width:20px;height:20px}
.coin-icon-lg{width:44px;height:44px}
.coin-action{display:flex;align-items:center;justify-content:center;gap:6px}
.bonus-amount{display:flex;align-items:center;justify-content:center;gap:8px}