:root{--teal: #1f9d8a;--teal2: #2fc4ad;--ink: #17303a;--card: rgba(255,255,255,.92);--gold: #ffc233;--green: #38c172;--red: #ef5b5b;--muted: #6b7f89;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:#8d8c88;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);overscroll-behavior:none}#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit;color:inherit;border:0;cursor:pointer}#hud{position:fixed;top:calc(var(--sat) + 8px);left:calc(var(--sal) + 10px);right:calc(var(--sar) + 10px);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.row.top{width:100%;display:flex;gap:8px;align-items:stretch;justify-content:space-between}.chip{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--card);border-radius:18px;padding:7px 12px;box-shadow:0 4px #0000001f,0 8px 18px #00000024;min-width:104px}.chip .ico{font-size:22px}.chip b{font-size:19px;font-weight:900;letter-spacing:.2px;display:block;line-height:1.05}.chip small{display:block;font-size:11px;font-weight:700;color:var(--green);height:13px}.chip.gems{min-width:0;gap:6px}.chip.gems .plus{background:var(--green);color:#fff;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:16px;line-height:1}.zone{flex:1;max-width:200px;background:var(--card);border-radius:18px;padding:6px 10px 5px;box-shadow:0 4px #0000001f,0 8px 18px #00000024;text-align:center}.zone-name{font-size:13px;font-weight:900}.zone small{font-size:10px;font-weight:800;color:var(--muted)}.bar{height:10px;background:#dfe8ea;border-radius:8px;overflow:hidden;margin:3px 0 1px}.bar.small{width:120px;height:9px;margin:0}.bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#6ee7a8,#1fbf75);border-radius:8px;transition:width .25s ease}.bag{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:14px;padding:5px 12px;box-shadow:0 3px #0000001a;font-weight:900;font-size:14px}.bag.full{animation:pulse .6s infinite alternate}.bag.full .bar i{background:linear-gradient(90deg,#ffb347,#ff6b3d)}#hint{background:var(--ink);color:#fff;padding:9px 16px;border-radius:20px;font-weight:800;font-size:14px;opacity:0;transform:translateY(-6px);transition:.25s}#hint.show{opacity:.94;transform:none;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(3px)}}@keyframes pulse{to{transform:scale(1.05)}}#joy{position:fixed;display:none;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:#ffffff38;border:3px solid rgba(255,255,255,.55);pointer-events:none;z-index:5}#joyKnob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffffd9;box-shadow:0 3px 8px #00000040;transform:translate(-50%,-50%)}#floaters{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:6}.floater{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:22px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 8px rgba(0,0,0,.25);animation:floatUp 1.1s ease-out forwards;white-space:nowrap}.floater.gold{color:var(--gold)}@keyframes floatUp{0%{opacity:0;margin-top:10px;scale:.6}15%{opacity:1;scale:1.15}to{opacity:0;margin-top:-60px;scale:1}}#dock{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--sab) + 10px);display:flex;gap:10px;z-index:7}#dock button{position:relative;width:74px;padding:8px 4px 6px;border-radius:20px;background:var(--card);box-shadow:0 5px #00000024,0 10px 20px #00000029;display:flex;flex-direction:column;align-items:center;gap:1px;transition:transform .1s}#dock button:active{transform:translateY(3px);box-shadow:0 2px #00000024}#dock button span{font-size:26px;line-height:1.1}#dock button em{font-style:normal;font-size:11px;font-weight:900}.dot{position:absolute;top:4px;right:8px;width:13px;height:13px;border-radius:50%;background:var(--red);border:2px solid #fff;display:none}.dot.on{display:block;animation:pulse .6s infinite alternate}.boost{position:fixed;right:calc(var(--sar) + 12px);bottom:calc(var(--sab) + 102px);z-index:7;display:flex;align-items:center;gap:6px;background:linear-gradient(#ffd75e,#ffb020);border-radius:22px;padding:10px 14px;font-weight:900;box-shadow:0 5px #c98400,0 10px 18px #0003}.boost span{font-size:20px}.boost.active{background:linear-gradient(#7af0b0,#28c76f);box-shadow:0 5px #1b8f4f,0 10px 18px #0003}.boost:active{transform:translateY(3px)}.truck{position:fixed;left:-170px;top:calc(var(--sat) + 150px);z-index:7;display:flex;align-items:center;gap:6px;background:linear-gradient(#a98bff,#6e4be8);color:#fff;border-radius:22px;padding:10px 16px;font-weight:900;box-shadow:0 5px #4a2fb3,0 10px 18px #00000040;animation:truckRun 12s linear forwards}.truck[hidden]{display:none}.truck span{font-size:26px}@keyframes truckRun{to{left:105%}}#toast{position:fixed;left:50%;top:calc(var(--sat) + 150px);transform:translate(-50%,-20px);background:var(--ink);color:#fff;padding:10px 18px;border-radius:18px;font-weight:800;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:20;text-align:center;max-width:86vw}#toast.show{opacity:.96;transform:translate(-50%)}#complete{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .4s;z-index:15}#complete.show{opacity:1}#complete .card{background:var(--card);border-radius:28px;padding:22px 30px;text-align:center;box-shadow:0 10px 40px #0000004d;transform:scale(.7);transition:transform .5s cubic-bezier(.2,1.6,.4,1)}#complete.show .card{transform:scale(1)}#complete .big{font-size:28px;font-weight:900;color:var(--teal)}#completeInfo{margin-top:8px;font-weight:800;font-size:16px;line-height:1.5}#loading{position:fixed;inset:0;background:linear-gradient(#1f9d8a,#136d60);color:#fff;display:grid;place-content:center;text-align:center;z-index:50;transition:opacity .6s}#loading.hide{opacity:0;pointer-events:none}#loading .logo{font-size:84px;animation:spin 2s linear infinite}#loading h1{margin:6px 0 0;font-size:36px;font-weight:900}#loading p{margin:0;font-weight:700;opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}#sheetWrap{position:fixed;inset:0;z-index:30;background:#0a191e73;opacity:0;pointer-events:none;transition:opacity .2s;display:flex;align-items:flex-end;justify-content:center}#sheetWrap.open{opacity:1;pointer-events:auto}#sheet{width:100%;max-width:560px;max-height:82vh;background:#f4faf9;border-radius:28px 28px 0 0;padding:8px 14px calc(var(--sab) + 16px);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.9,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch}#sheetWrap.open #sheet{transform:none}.grab{width:44px;height:5px;background:#c9d6d9;border-radius:3px;margin:4px auto 10px}.sh-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sh-head h2{margin:0;font-size:22px;font-weight:900}.x{background:#e1ecee;width:34px;height:34px;border-radius:50%;font-weight:900;font-size:16px}.card2{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:10px 12px;margin-bottom:9px;box-shadow:0 2px #00000012}.card2 .ic{font-size:30px;width:44px;height:44px;display:grid;place-items:center;background:#eaf7f4;border-radius:14px;flex:none}.card2 .tx{flex:1;min-width:0}.card2 .tx b{font-size:15px;font-weight:900;display:block}.card2 .tx small{color:var(--muted);font-weight:700;font-size:12px;display:block}.pips{display:flex;gap:2px;margin-top:4px;flex-wrap:wrap}.pips i{width:7px;height:7px;border-radius:2px;background:#d6e3e6}.pips i.on{background:var(--teal2)}.btn{min-width:92px;padding:10px 12px;border-radius:14px;font-weight:900;font-size:14px;background:#d6e0e3;color:#8a9aa1;white-space:nowrap}.btn.go{background:linear-gradient(#58d68d,#2fb36b);color:#fff;box-shadow:0 4px #1f8a50}.btn.go:active{transform:translateY(3px);box-shadow:0 1px #1f8a50}.btn.gold{background:linear-gradient(#ffd75e,#ffb020);color:#4a3200;box-shadow:0 4px #c98400}.btn.purple{background:linear-gradient(#a98bff,#6e4be8);color:#fff;box-shadow:0 4px #4a2fb3}.btn.max{background:#dff3e8;color:#2a8a55}.sec{margin:14px 2px 8px;font-size:13px;font-weight:900;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}.prog{height:9px;background:#dfe8ea;border-radius:6px;overflow:hidden;margin-top:5px}.prog i{display:block;height:100%;background:linear-gradient(90deg,#6ee7a8,#1fbf75)}.streak{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px}.streak div{background:#fff;border-radius:12px;padding:7px 0;text-align:center;font-size:11px;font-weight:900;color:var(--muted)}.streak div b{display:block;font-size:15px;color:var(--ink)}.streak div.done{background:#dff3e8}.streak div.now{outline:3px solid var(--gold)}.toggle{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;padding:12px 14px;margin-bottom:8px;font-weight:800}.sw{width:50px;height:28px;border-radius:16px;background:#cfdadd;position:relative;transition:.2s}.sw:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0000004d}.sw.on{background:var(--green)}.sw.on:after{left:25px}.note{font-size:12px;color:var(--muted);font-weight:700;line-height:1.45;padding:4px 4px 0}.big-reward{text-align:center;padding:6px 0 4px}.big-reward .em{font-size:54px}.big-reward h3{margin:4px 0;font-size:24px;font-weight:900}.big-reward p{margin:4px 0 14px;font-weight:700;color:var(--muted)}.row-btns{display:flex;gap:10px}.row-btns .btn{flex:1;padding:13px 8px}.fake-ad{position:fixed;inset:0;background:#050a0eeb;z-index:100;display:grid;place-items:center}.fake-ad-box{background:#fff;width:min(86vw,320px);border-radius:22px;padding:22px;text-align:center}.fake-ad-bar{height:8px;background:#e3ecee;border-radius:6px;overflow:hidden;margin:14px 0}.fake-ad-bar i{display:block;height:100%;width:0;background:var(--teal);animation:adfill 2.2s linear forwards}@keyframes adfill{to{width:100%}}.fake-ad-box button{padding:10px 24px;border-radius:14px;background:var(--teal);color:#fff;font-weight:900}.fake-ad-box button:disabled{background:#b8c7cb}@media (max-height: 560px){.boost{bottom:calc(var(--sab) + 90px)}#dock button{width:64px;padding:5px 4px}#dock button span{font-size:22px}}@media (min-width: 700px){#dock button{width:88px}}
