:root{--ink:#4c3831;--muted:#9e8276;--cream:#fff8ec;--card:#fffdf9;--red:#ef5c67;--orange:#ff974d;--gold:#ffc63e;--shadow:0 9px 22px rgba(116,72,48,.12)}*{box-sizing:border-box}body{margin:0;background:#f2d8bc;font-family:"Nunito","Noto Sans SC",sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent}.app-shell{position:relative;margin:auto;max-width:510px;min-height:100dvh;padding:env(safe-area-inset-top) 18px calc(88px + env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(circle at 105% 0,#ffe39a 0,transparent 28%),linear-gradient(180deg,#fff4e1,#fffaf1 45%,#f9ece1)}button{font:inherit;border:0;cursor:pointer;color:inherit}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between}.avatar,.small-avatar,.large-avatar{display:grid;place-items:center;border:3px solid #fff;background:linear-gradient(135deg,#ffcb5a,#f88768);color:#fff;font-weight:900;box-shadow:0 4px 9px #e9a77299}.avatar{width:42px;height:42px;border-radius:50%;font-size:18px}.brand{font-weight:900;font-size:20px;letter-spacing:.5px}.brand span{font-size:13px;color:#8abe6a;vertical-align:2px}.balance,.tiny-balance{border-radius:18px;background:#fff;color:#a66a20;padding:8px 11px;box-shadow:0 3px 10px #d8a86936}.balance i{font-style:normal;color:#ffa420;font-size:18px;margin-right:3px}.page{display:none;animation:appear .25s ease}.page.active{display:block}@keyframes appear{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.welcome-row{display:flex;justify-content:space-between;align-items:end;padding:9px 3px 17px}.eyebrow{color:#b18c7d;font-size:12px;margin:0 0 4px;font-weight:700;letter-spacing:.3px}h1{font-size:27px;line-height:1.2;margin:0;font-weight:900;letter-spacing:-.7px}h1 em{color:#ee6b56;font-style:normal;font-size:31px}.streak{font-size:11px;background:#ffeed0;border:1px solid #ffdea5;color:#ad7755;padding:7px 9px;border-radius:12px}.streak strong{color:#ef764f}.level-card{background:#fffdf9;border:1px solid #fff;border-radius:20px;padding:14px 15px 13px;box-shadow:var(--shadow);margin-bottom:12px}.level-progress{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;color:#927468;font-size:12px;font-weight:800}.level-progress>div{height:8px;border-radius:9px;background:#f5e8dd;overflow:hidden}.level-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffba49,#fb6d68);border-radius:inherit;transition:width .35s}.level-progress b{font-size:11px;color:#ef765a}.mission{margin-top:13px;display:flex;align-items:center;gap:9px}.mission-fruit{font-size:27px;width:38px;height:38px;display:grid;place-items:center;background:#fff1ee;border-radius:13px}.mission small,.reward-strip small{display:block;color:#aa8a7a;font-size:11px}.mission strong{font-size:14px}.moves{margin-left:auto;text-align:center;background:#f6f0e6;border-radius:11px;padding:3px 10px;line-height:1.1}.moves b{display:block;font-size:19px;color:#ed6b59}.moves small{color:#9e8276;font-size:10px}.game-panel{background:#f5bd7a;border:4px solid #f5d29c;padding:10px;border-radius:24px;box-shadow:inset 0 2px #fff5d6,0 8px 17px #d59a6854}.game-toolbar{padding:0 3px 8px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#fff7e6;text-shadow:0 1px #bd7c43}.game-toolbar b{font-size:18px}.game-toolbar button{border-radius:50%;height:28px;width:28px;background:#fff2d4;color:#c27644;font-weight:900}.spark{font-style:normal;color:#fff450}.board-wrap{padding:5px;background:#d4925e;border-radius:17px;box-shadow:inset 0 2px 5px #935b4880}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;aspect-ratio:1}.tile{position:relative;display:grid;place-items:center;min-width:0;border-radius:10px;background:#c98158;box-shadow:inset 0 1px #fff2cf44;user-select:none;transition:transform .16s,filter .16s}.tile.selected{outline:3px solid #fff7bd;z-index:2;transform:scale(1.08)}.tile.hint{animation:hint .7s 2}@keyframes hint{50%{filter:brightness(1.3);transform:scale(.85)}}.gem{display:grid;place-items:center;width:82%;aspect-ratio:1;border-radius:39% 61% 54% 46%/45% 41% 59% 55%;box-shadow:inset -3px -4px 0 #00000016,inset 3px 3px 0 #fff9;transition:transform .2s}.gem::after{content:"";width:24%;aspect-ratio:1;border-radius:50%;background:#fff9;transform:translate(-45%,-48%)}.gem[data-type="0"]{background:#ef626d}.gem[data-type="1"]{background:#ffac40;border-radius:56% 44% 50% 50%}.gem[data-type="2"]{background:#6fbf79;border-radius:50% 50% 43% 57%}.gem[data-type="3"]{background:#6faedc;border-radius:47% 53% 61% 39%}.gem[data-type="4"]{background:#a67bcb;border-radius:50% 45% 50% 50%}.gem[data-type="5"]{background:#f475b4;border-radius:45% 55% 45% 55%}.tile.clearing .gem{animation:pop .26s ease forwards}@keyframes pop{to{transform:scale(1.5) rotate(35deg);opacity:0}}.hint-row{display:flex;justify-content:space-between;align-items:center;padding:9px 4px 0;font-size:11px;color:#966848}.hint-row button{color:#d66355;background:#ffefcb;border:1px solid #ffe1a0;border-radius:10px;padding:4px 9px;font-size:11px;font-weight:900}.reward-strip{margin:13px 1px 0;padding:10px 12px;border-radius:16px;background:#fff0cf;display:flex;align-items:center;gap:8px;color:#825e42}.reward-icon{display:grid;place-items:center;background:#ffb542;color:white;width:34px;height:34px;border-radius:12px;font-size:19px}.reward-strip strong{font-size:13px}.reward-strip>span{margin-left:auto;font-size:10px;color:#bd9171}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(510px,100%);padding:9px 19px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;background:#fffcf7e8;backdrop-filter:blur(14px);border-top:1px solid #f3e7db;z-index:5}.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;background:transparent;color:#ad9588;min-width:50px}.tabbar i{font-size:22px;font-style:normal;line-height:1}.tabbar button.active{color:#eb735c;font-weight:900}.tabbar button.active i{filter:drop-shadow(0 3px 3px #e4746755)}.page-title{position:relative;padding:16px 3px 19px}.page-title .tiny-balance{position:absolute;right:1px;bottom:17px;font-size:13px}.shop-hero,.rank-hero{background:linear-gradient(115deg,#ffbf63,#f47a69);border-radius:22px;color:#fff;padding:19px;box-shadow:0 10px 21px #ee906259;display:flex;justify-content:space-between;overflow:hidden;position:relative}.shop-hero:after,.rank-hero:after{content:"";position:absolute;width:150px;height:150px;border:28px solid #fff2;border-radius:50%;right:-72px;top:-78px}.shop-hero small{font-size:12px;opacity:.85}.shop-hero strong{font-size:23px;display:block;margin-top:3px}.shop-hero p{margin:7px 0 0;font-size:11px;opacity:.9}.shop-hero>span{font-size:54px;z-index:1;filter:drop-shadow(0 4px 3px #a8444755)}.section-head{margin:24px 3px 11px;display:flex;justify-content:space-between;align-items:center}.section-head h2{margin:0;font-size:18px}.section-head span{font-size:11px;color:#b18c7d}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.product{background:#fffdf9;border:1px solid #fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.product-visual{height:110px;display:grid;place-items:center;font-size:50px;background:linear-gradient(145deg,#fff3d8,#f7e3d7)}.product:nth-child(2) .product-visual{background:#e8f4e8}.product:nth-child(3) .product-visual{background:#e6effc}.product:nth-child(4) .product-visual{background:#f9e7f1}.product-body{padding:10px}.product b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product small{font-size:10px;color:#a48475;display:block;margin:3px 0 8px}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-footer strong{font-size:13px;color:#e4774c}.product-footer button{padding:4px 8px;border-radius:8px;background:#fff0df;color:#dc6c55;font-size:11px;font-weight:900}.product-footer button:disabled{color:#b8aaa2;background:#f2eee9}.shop-note{font-size:11px;line-height:1.8;color:#b08e7d;text-align:center;padding:12px 17px}.rank-hero{background:linear-gradient(115deg,#6954a2,#9d74c1);align-items:center}.rank-hero span,.rank-hero small{display:block;font-size:11px;opacity:.8}.rank-hero strong{display:block;font-size:21px;letter-spacing:.5px;margin:4px 0}.rank-hero i{font-style:normal;font-size:56px;z-index:1}.podium{display:flex;justify-content:center;align-items:end;gap:8px;height:155px;padding-top:22px}.podium-person{text-align:center;width:29%;font-size:10px;color:#8e776d}.podium-person .p-avatar{margin:auto auto 4px;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 4px 7px #9f716450;font-size:20px;background:#f8d27e}.podium-person:nth-child(1) .p-avatar{background:#b2dfc4}.podium-person:nth-child(2) .p-avatar{width:49px;height:49px;background:#ffd05a}.podium-person:nth-child(3) .p-avatar{background:#c6cce5}.podium-person b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-person i{display:block;margin-top:4px;padding:6px;border-radius:7px 7px 0 0;background:#eee1d5;color:#a77959;font-style:normal;font-weight:900}.podium-person:nth-child(2) i{background:#ffd567;padding-top:20px;color:#b06a30}.my-rank,.rank-row{background:#fffdf9;border:1px solid #fff;box-shadow:0 5px 13px #966e5420;border-radius:15px;padding:9px 11px;display:flex;align-items:center;gap:9px}.my-rank{border:1.5px solid #f7bf76;background:#fffaf2}.rank-number{font-weight:900;color:#d1825b;width:21px;text-align:center}.small-avatar{border-width:2px;width:31px;height:31px;border-radius:50%;font-size:12px}.my-rank div,.rank-row div{display:grid;gap:1px;font-size:12px}.my-rank small,.rank-row small{color:#ac8d7c;font-size:10px}.my-rank>strong,.rank-row>strong{margin-left:auto;color:#e7a548;font-size:13px}.my-rank>strong small{color:#e7a548}.rank-list{display:grid;gap:7px}.rank-row{border-radius:13px;font-size:12px}.rank-row:nth-child(-n+3) .rank-number{color:#e29a36}.weekly-prizes{background:#f1e7fb;margin-top:17px;padding:14px;border-radius:17px}.weekly-prizes h3{font-size:14px;margin:0 0 7px;color:#665179}.weekly-prizes div{display:flex;justify-content:space-between;gap:5px}.weekly-prizes span{display:grid;gap:3px;font-size:10px;color:#937da1}.weekly-prizes b{color:#725686;font-size:10px}.profile-head{display:flex;align-items:center;gap:12px;padding:24px 3px 20px}.large-avatar{width:62px;height:62px;border-radius:22px;font-size:28px}.profile-head h1{font-size:22px}.profile-head p{font-size:11px;color:#ac8c7c;margin:4px 0}.profile-head button{margin-left:auto;background:#fff0df;color:#db735e;border-radius:10px;padding:5px 10px;font-size:11px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fffdf9;box-shadow:var(--shadow);border-radius:17px;padding:14px 0;margin-bottom:18px}.profile-stats div{text-align:center;border-right:1px solid #f0e5da}.profile-stats div:last-child{border:0}.profile-stats b{display:block;color:#e8795e;font-size:20px}.profile-stats span{font-size:10px;color:#aa8a7b}.profile-menu{display:grid;gap:8px}.profile-menu button{padding:14px;background:#fffdf9;border-radius:14px;box-shadow:0 4px 12px #92684b12;text-align:left;font-size:13px;font-weight:800;display:flex;align-items:center;gap:10px}.profile-menu button>span{font-size:19px}.profile-menu i{margin-left:auto;font-size:23px;color:#bba99d;font-style:normal}.profile-menu label{margin-left:auto;width:36px;height:20px;background:#ffb17d;border-radius:20px;padding:2px}.profile-menu input{display:none}.profile-menu label b{display:block;background:#fff;width:16px;height:16px;border-radius:50%;margin-left:16px;transition:.2s}.profile-menu input:not(:checked)+b{margin-left:0}.modal-backdrop{display:none;position:fixed;inset:0;background:#3c27265c;z-index:10;align-items:end;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{background:#fffaf3;width:min(474px,100%);border-radius:24px;padding:23px;text-align:center;box-shadow:0 16px 45px #3c272650;animation:rise .25s}@keyframes rise{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}.modal .big-icon{font-size:58px}.modal h2{margin:7px 0;font-size:23px}.modal p{font-size:13px;color:#94796e;line-height:1.7;margin:0 0 16px}.modal .modal-reward{font-size:19px;color:#e77850;font-weight:900;margin:9px}.modal-actions{display:flex;gap:8px}.modal-actions button{flex:1;border-radius:13px;padding:12px;font-weight:900;background:#f4e8df;color:#9b7d6e}.modal-actions button.primary{color:#fff;background:linear-gradient(105deg,#ff9a50,#ee635d);box-shadow:0 5px 10px #e6796450}.toast{position:fixed;z-index:20;left:50%;bottom:98px;transform:translate(-50%,15px);background:#4c3831e8;color:white;border-radius:20px;padding:9px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:370px){.app-shell{padding-left:12px;padding-right:12px}.game-panel{padding:7px}.tile{border-radius:8px}.reward-strip>span{display:none}.product-visual{height:96px}}