:root{--pink:#f26d9c;--gold:#f5c542;--cream:#fff6ea;--text:#6b4a3a}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:Varela Round,sans-serif;color:var(--text);background:linear-gradient(180deg,#b9a7e8,#f3c6da 55%,#ffe3c9);display:flex;justify-content:center;user-select:none;touch-action:none;transition:background 1s}#app{width:100%;max-width:440px;height:100%;display:flex;flex-direction:column;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.screen{position:absolute;inset:0;display:flex;flex-direction:column;visibility:hidden;pointer-events:none}.screen.active{visibility:visible;pointer-events:auto}#screen-loader{align-items:center;justify-content:center;gap:18px;text-align:center;padding:30px}#screen-loader .logo{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(80,40,100,.25))}#screen-loader h1{font-family:Rubik;font-weight:900;font-size:26px;color:var(--pink);text-shadow:0 2px 0 #fff}#loaderBar{width:78%;max-width:280px;height:14px;background:#fff9;border:2px solid #fff;border-radius:99px;overflow:hidden;box-shadow:0 3px #78508c26}#loaderFill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#ffde7a);border-radius:99px;transition:width .2s}#loaderPct{font-family:Rubik;font-weight:900;font-size:15px}#loaderTip{font-size:13px;opacity:.75;max-width:260px}#screen-home{align-items:center;justify-content:space-evenly;padding:26px 22px;text-align:center}#screen-home .logo{width:96px;height:96px;object-fit:contain}#screen-home h1{font-family:Rubik;font-weight:900;font-size:30px;color:var(--pink);text-shadow:0 2px 0 #fff}#homeCompanion{width:130px;height:130px;object-fit:contain}@keyframes bob{0%,to{transform:translateY(0) scale(var(--csc,1))}50%{transform:translateY(-9px) scale(var(--csc,1))}}#playBtn{font-size:22px;padding:14px 10px;width:78%;max-width:260px;flex:0 0 auto;flex-direction:row;gap:10px}#homeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}#homeGrid .btn{font-size:11px;padding:9px 4px}#screen-settings{padding:20px 18px;gap:12px}#screen-settings h1{font-family:Rubik;font-weight:900;font-size:24px;color:var(--pink);text-align:center;text-shadow:0 2px 0 #fff;margin-bottom:6px}.setRow{background:#ffffffb3;border:2px solid #fff;border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:700;font-size:15px;box-shadow:0 3px #78508c1f}.setRow .langBtns{display:flex;gap:8px}.langBtn{border:2px solid transparent;border-radius:12px;padding:6px 14px;font-family:Varela Round;font-weight:700;font-size:14px;cursor:pointer;background:#f0e8f8;color:var(--text)}.langBtn.sel{background:linear-gradient(180deg,#ff8fb5,var(--pink));color:#fff;border-color:#fff;box-shadow:0 3px #00000026}.toggle{position:relative;width:52px;height:30px;border-radius:99px;border:none;cursor:pointer;background:#e3d5ee;transition:background .2s;flex:0 0 auto}.toggle:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:99px;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s}.toggle.on{background:linear-gradient(180deg,#8fe0b0,#4dbd80)}[dir=ltr] .toggle.on:after{transform:translate(22px)}[dir=rtl] .toggle.on:after{transform:translate(-22px)}.setRow.disabled{opacity:.55}.setHint{font-size:12.5px;font-weight:700;color:#a4577a;padding:0 6px;text-align:center}#settingsBack{margin-top:auto;flex:0 0 auto;padding:12px}#hud{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 2px;gap:6px}.pill{background:#ffffffc7;border:2px solid #fff;border-radius:999px;padding:3px 10px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:4px;box-shadow:0 3px #78508c26}.pill .num{font-family:Rubik;font-weight:900}.ic{width:19px;height:19px;object-fit:contain;vertical-align:-4px}.bx{width:36px;height:36px;object-fit:contain}#hearts{color:#e8536f}#coins .num{color:#b8860b}#gems .num{color:#3f8fd0}#brand{font-weight:700;font-size:15px;display:flex;align-items:center;gap:5px}#brand img{width:24px;height:24px;object-fit:contain}#scoreRow{display:flex;justify-content:center;gap:10px;padding:2px 12px 4px;align-items:center}#scorePill{background:#fff9;border-radius:14px;padding:2px 16px;text-align:center}#scorePill .lbl{font-size:11px;opacity:.7}#scorePill .num{font-family:Rubik;font-weight:900;font-size:22px;line-height:1}#combo{font-family:Rubik;font-weight:900;color:var(--pink);font-size:17px;min-width:66px;text-align:center;transition:transform .15s;transform:scale(0)}#combo.on{transform:scale(1)}#bestBox{min-width:66px;font-size:11px;text-align:center;opacity:.8;background:#fff6;border-radius:10px;padding:2px}#goal{margin:0 12px 4px;background:#ffffff8c;border-radius:12px;padding:4px 10px;font-size:12px;display:flex;align-items:center;gap:8px}#goalTxt{flex:1}#goalBar{height:7px;background:#f0dcc8;border-radius:99px;margin-top:2px;overflow:hidden}#goalFill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#ffde7a);border-radius:99px;transition:width .3s}#potion{display:none;font-size:12px;font-weight:700;color:#8f5fd0;background:#efe3ff;border-radius:99px;padding:3px 9px;animation:pulse 1.2s infinite}#potion.on{display:block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}#gameWrap{flex:1;position:relative;margin:0 10px 4px}#gameWrap canvas{position:absolute;inset:0;width:100%!important;height:100%!important;border-radius:18px;cursor:pointer}#boxStrip{display:flex;gap:8px;padding:4px 12px}.bslot{flex:1;background:#ffffffa6;border:2px dashed rgba(160,110,70,.4);border-radius:14px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;cursor:pointer;transition:transform .1s}.bslot:active{transform:scale(.95)}.bslot.empty{opacity:.55;cursor:default}.bslot.ready{border-style:solid;border-color:var(--gold);background:#fff4d6;animation:pulse 1s infinite}.bslot.opening{border-style:solid;border-color:#b79bf0;background:#f2eaff}.timer{font-family:Rubik;font-weight:900;font-size:12px;color:#7a5fc0}#bar{display:flex;gap:8px;padding:4px 12px 12px}.btn{flex:1;border:none;border-radius:15px;padding:7px 4px;font-family:Varela Round;font-size:12px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 4px #0000002e;transition:transform .08s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bimg{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));pointer-events:none}.btn:active{transform:translateY(3px);box-shadow:0 1px #0000002e}.btn-pink{background:linear-gradient(180deg,#ff8fb5,var(--pink))}.btn-gold{background:linear-gradient(180deg,#ffd76a,#eab233)}.btn-purple{background:linear-gradient(180deg,#b79bf0,#8f6fd8)}.btn-teal{background:linear-gradient(180deg,#7fd8c8,#3aa896)}.btn-gray{background:linear-gradient(180deg,#c9c2d8,#948aa8)}.modal{position:absolute;inset:0;background:#5a3c6e73;display:none;align-items:center;justify-content:center;z-index:20;padding:20px;backdrop-filter:blur(3px)}.modal.open{display:flex}.card{background:linear-gradient(180deg,#fffdf8,#fff0dc);border:4px solid #fff;border-radius:24px;padding:18px;width:100%;max-width:360px;box-shadow:0 12px 30px #5028644d;text-align:center;max-height:84vh;overflow:auto}.card h2{font-size:21px;color:var(--pink);margin-bottom:4px}.card h2:before{content:"✦ ";color:var(--gold);font-size:15px}.card h2:after{content:" ✦";color:var(--gold);font-size:15px}.card p{font-size:13px;opacity:.85;margin-bottom:12px}.close{position:sticky;top:0;float:inline-end;background:#fff;border:none;border-radius:99px;width:30px;height:30px;font-size:16px;cursor:pointer;box-shadow:0 2px #0000001f}#albumGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{background:#fff;border-radius:16px;padding:8px 4px;box-shadow:0 3px #78508c1f}.slot img{width:64px;height:64px;object-fit:contain}.slot .nm{font-size:11px;font-weight:700}.slot.locked{opacity:.55;filter:grayscale(1)}#dailyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.day{background:#fff;border-radius:12px;padding:6px 2px;font-size:11px;box-shadow:0 3px #78508c1f;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.dnum{font-size:10px;opacity:.65}.dic{width:30px;height:30px;object-fit:contain}.day.today{outline:3px solid var(--gold)}.day.legend{background:linear-gradient(180deg,#fff7e0,#ffe9b8);outline:2px solid #f0c25a}.day.claimed .dic,.day.claimed b,.day.claimed .dnum{opacity:.35}.dstar{position:absolute;top:-9px;inset-inline-end:-7px;width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.dchk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#2f8a5a}.big{width:100%}.shopSec{text-align:start;font-weight:700;margin:12px 2px 6px;font-size:14px;border-bottom:2px dashed rgba(160,110,70,.25);padding-bottom:4px}.shopGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.item{background:#fff;border-radius:16px;padding:10px 8px;box-shadow:0 3px #78508c1f;font-size:12px}.sw{height:34px;border-radius:10px;margin-bottom:6px;border:2px solid rgba(0,0,0,.08)}.item button{margin-top:6px;width:100%;border:none;border-radius:10px;padding:6px;font-family:Varela Round;font-weight:700;cursor:pointer;font-size:12px}.buy{background:#ffe9b0;color:#8a6a10}.equip{background:#e8dcff;color:#6a4fc0}.used{background:#d8f2e0;color:#2f8a5a}#homeCompanionWrap{position:relative;flex:0 0 auto;cursor:pointer;animation:bob 2.6s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(80,40,100,.25))}.companionHat{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:34px;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.compStage{height:175px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.compWrap{position:relative;transition:transform .25s}.compImg{width:120px;height:120px;object-fit:contain}.compLevel{font-family:Rubik;font-weight:900;color:var(--pink);font-size:16px;margin-bottom:5px}.compBar{height:10px;background:#f0dcc8;border-radius:99px;overflow:hidden;max-width:240px;margin:0 auto 5px}.compFill{height:100%;width:0%;background:linear-gradient(90deg,var(--gold),#ffde7a);border-radius:99px;transition:width .3s}.compHint{font-size:12px}.compRow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.csw{width:34px;height:34px;border-radius:99px;border:3px solid #fff;cursor:pointer;box-shadow:0 2px #00000026}.csw.sel{outline:3px solid var(--gold)}.chip{min-width:44px;height:40px;border-radius:12px;border:2px solid #fff;background:#fff;cursor:pointer;font-size:20px;padding:0 8px;font-family:Varela Round;font-weight:700;color:var(--text);box-shadow:0 2px #0000001f}.chip.none{font-size:13px}.chip.sel{outline:3px solid var(--gold);background:#fff4d6}#boxEmo{font-size:56px;margin:6px 0}#rewardList{font-size:16px;font-weight:700;line-height:1.9;margin-bottom:10px}#toast{position:absolute;bottom:88px;left:50%;z-index:30;pointer-events:none;transform:translate(-50%,18px);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s;background:linear-gradient(180deg,#fffdf8,#ffeeda);border:3px solid #fff;border-radius:999px;padding:9px 20px;box-shadow:0 0 0 2px #f26d9c80,0 8px 18px #5028644d;font-weight:700;font-size:14px;color:#d15585;max-width:88%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#toast:before{content:"✦ ";color:var(--gold)}#toast:after{content:" ✦";color:var(--gold)}#toast.show{transform:translate(-50%);opacity:1}#toast.out{transform:translate(-50%,-22px);opacity:0;transition:transform .45s ease-in,opacity .4s ease-in}#goScore{font-family:Rubik;font-weight:900;font-size:40px;color:var(--pink)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}