:root{--ink:#2b1d3a;--font:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--tl-h:var(--pn-safe-tl-h,0px);--tl-w:var(--pn-safe-tl-w,0px);--tile:60px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#14102b;margin:0;overflow:hidden}#c{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hide{display:none!important}.ic{flex:none;width:34px;height:24px}.bar{background:#00000047;border-radius:9px;height:7px;display:block;overflow:hidden}.bar s{background:#5ee06a;border-radius:9px;width:0;height:100%;text-decoration:none;transition:width .25s;display:block}#labels{pointer-events:none;z-index:2;position:fixed;inset:0;overflow:hidden}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud button{pointer-events:auto}#topR{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.pill{background:#20163ac7;border:3px solid #ffffffe6;border-radius:18px;align-items:center;gap:8px;padding:4px 14px 4px 8px;display:flex;box-shadow:0 4px #00000040}#cash b{letter-spacing:.5px;text-shadow:0 2px 0 var(--ink);text-align:right;min-width:40px;font-size:30px;line-height:1}#cash.bump{animation:.28s ease-out bump}@keyframes bump{40%{transform:scale(1.14)}}.chip{background:#20163a9e;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:200px;padding:4px 10px;font-size:14px;display:flex}#lvl b{color:#ffd23f}#lvl .bar{width:100%;height:6px}#goal{left:50%;top:calc(max(8px, var(--tl-h) + 6px) + env(safe-area-inset-top));background:#20163acc;border:3px solid #ffd23f;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 8px;min-width:180px;max-width:min(56vw,380px);padding:6px 12px 7px 7px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 4px #00000040}#goal .gic{grid-row:1/3;place-items:center;width:38px;height:38px;display:grid}#goal .gic img,#goal .gic svg{object-fit:contain;width:36px;height:36px}#goalT{text-shadow:0 2px 0 var(--ink);font-size:16px;line-height:1.1}#goalR{white-space:nowrap;background:#3ccb5a;border-radius:9px;padding:2px 7px;font-size:13px;font-style:normal}#goalR:empty{display:none}#goal .bar{grid-column:2/4;height:6px}#goal.done{border-color:#5ee06a;animation:.6s goaldone}@keyframes goaldone{30%{transform:translate(-50%)scale(1.08)}}#chips{left:calc(8px + max(var(--tl-w), env(safe-area-inset-left)));top:calc(var(--tl-h) + 62px + env(safe-area-inset-top));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}#chips .st{pointer-events:auto;background:#20163abf;border-radius:14px;align-items:center;gap:6px;min-height:40px;padding:4px 10px 4px 6px;font-size:15px;display:flex}#chips .st svg{width:28px;height:28px}#chips .st.rainbow{text-shadow:0 2px 0 var(--ink);background:linear-gradient(90deg,#ff5d8f,#ffb347,#47e5bc,#5ac8fa,#7b61ff)}#chips .st.ready{background:#3ccb5a;animation:1.2s infinite pulse}#side{right:calc(8px + env(safe-area-inset-right));flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;transform:translateY(-46%)}.tile{width:var(--tile);height:var(--tile);border:2px solid var(--ink);color:#fff;font-family:var(--font);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 2px;display:flex;position:relative;box-shadow:0 5px #00000059}.tile svg{width:32px;height:32px}.tile b{letter-spacing:.3px;text-shadow:0 1px 0 var(--ink);white-space:nowrap;font-size:10px;font-weight:400}.tile:active{transform:translateY(3px);box-shadow:0 2px #00000059}.tile.up{background:#3ccb5a}.tile.t-book{background:#ff8fc7}.tile.gift{background:#ff6b5e}.tile.boost{background:linear-gradient(135deg,#ff5d8f,#ffb347 30%,#47e5bc 60%,#5ac8fa 80%,#7b61ff)}.tile.boost.live{outline:3px solid #fff;animation:none}.tile .ad{width:22px;height:22px;color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:11px;place-items:center;font-size:12px;font-style:normal;display:grid;position:absolute;top:-6px;left:-6px}.badge{background:#ff3b30;border:2px solid #fff;border-radius:12px;place-items:center;min-width:24px;height:24px;font-size:14px;font-style:normal;animation:1s infinite pulse;display:grid;position:absolute;top:-7px;right:-7px}.tile.pulse{animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}#banner{opacity:0;text-align:center;width:min(92vw,520px);transition:transform .25s cubic-bezier(.2,1.6,.4,1),opacity .2s;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)scale(.6)}#banner.on{opacity:1;transform:translate(-50%,-50%)scale(1)}#banner h1{color:#ffd23f;-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 var(--ink);margin:0;font-size:clamp(34px,9vw,54px);font-weight:400;line-height:1}#banner p{background:#20163abf;border-radius:12px;margin:6px auto 0;padding:4px 12px;font-size:18px;display:inline-block}#banner p:empty{display:none}#toast{left:50%;top:calc(var(--tl-h) + 118px + env(safe-area-inset-top));flex-direction:column;align-items:center;gap:6px;width:min(80vw,420px);display:flex;position:absolute;transform:translate(-50%)}#toast div{text-align:center;background:#20163adb;border-radius:14px;padding:6px 14px;font-size:16px;animation:.25s ease-out toastin}#toast div.warn{background:#ff3b30}#toast div.good{background:#2fa84f}@keyframes toastin{0%{opacity:0;transform:translateY(-8px)}}#offer{left:50%;bottom:calc(26px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:94vw;display:flex;position:absolute;transform:translate(-50%)}.offerBtn{color:#fff;min-height:64px;font-family:var(--font);text-shadow:0 2px 0 var(--ink);cursor:pointer;background:linear-gradient(90deg,#ff5d8f,#ffb347 35%,#47e5bc 70%,#5ac8fa);border:3px solid #fff;border-radius:22px;align-items:center;gap:10px;max-width:92vw;padding:8px 20px 8px 10px;font-size:20px;animation:.3s cubic-bezier(.2,1.6,.4,1) offerin;display:flex;box-shadow:0 6px #0000004d}.offerBtn .pl{width:40px;height:40px;color:var(--ink);background:#fff;border-radius:20px;flex:none;place-items:center;display:grid}.offerBtn .pl svg{width:22px;height:22px}.offerBtn small{opacity:.95;font-size:13px;display:block}.offerBtn>span:last-child{text-align:left;line-height:1.05}@keyframes offerin{0%{opacity:0;transform:scale(.5)}}#hint{z-index:7;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}#hint span{text-shadow:0 2px 0 var(--ink);white-space:nowrap;background:#20163ad1;border-radius:16px;padding:6px 16px;font-size:22px}#hand{filter:drop-shadow(0 4px #0000004d);width:76px;height:76px;animation:1.6s ease-in-out infinite drag}@keyframes drag{0%{transform:translateY(10px)scale(1)}15%{transform:translateY(10px)scale(.9)}70%{transform:translate(var(--hx,-40px), var(--hy,-50px)) scale(.9)}to{transform:translate(var(--hx,-40px), var(--hy,-50px)) scale(1);opacity:0}}.padL{transform-origin:50% 100%;will-change:transform;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.padL .box{color:var(--ink);background:#fff4d6;border:3px solid #ffb703;border-radius:14px;align-items:center;gap:6px;padding:3px 9px 3px 4px;display:flex;box-shadow:0 3px #00000040}.padL .box img,.padL .box svg{object-fit:contain;width:30px;height:30px}.padL .nm{font-size:13px;line-height:1}.padL .pr{color:#1e8a3a;font-size:19px;line-height:1}.padL.poor .pr{color:#a33}.padL .free{color:#fff;background:#2b2f3a;border-radius:8px;margin-top:3px;padding:1px 7px;font-size:12px}.bub{border:2px solid var(--ink);will-change:transform;background:#fff;border-radius:20px 20px 20px 4px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:0;left:0;box-shadow:0 2px #00000040}.bub img{object-fit:contain;width:30px;height:30px}.bub i{color:#fff;background:#2b2f3a;border-radius:8px;padding:0 5px;font-size:12px;font-style:normal;position:absolute;bottom:-6px;right:-8px}.bub.sad{background:#ffd6d6;border-color:#c0392b}.bub.angry{background:#ff6b5e}.bub.happy{background:#d6ffd9}.bub.vip{border-color:#ffb703;box-shadow:0 0 0 3px #ffd23f}.bub svg{width:28px;height:28px}.alert{background:#ff3b30;border:3px solid #fff;border-radius:17px;place-items:center;width:34px;height:34px;font-size:22px;display:grid;position:absolute;top:0;left:0}.fl{white-space:nowrap;color:#b6ff9a;text-shadow:0 2px 0 var(--ink), 0 0 6px #0006;will-change:transform, opacity;font-size:24px;position:absolute;top:0;left:0}.fl.big{color:#ffd23f;font-size:34px}.fl.bad{color:#ff9a9a;font-size:18px}.carry{transform-origin:50% 100%;background:#20163acc;border-radius:10px;padding:1px 8px;font-size:15px;position:absolute;top:0;left:0}.carry.max{background:#ff9f1c}.edge{place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;position:absolute;top:0;left:0}.edge svg{filter:drop-shadow(0 2px #0006);width:44px;height:44px}body.sheet-open #side,body.sheet-open #offer,body.sheet-open #chips,body.sheet-open #labels{visibility:hidden}#sheet{z-index:8;padding:calc(var(--tl-h) + 8px) 10px 10px;background:#140c288c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#card{width:min(94vw,440px);max-height:100%;color:var(--ink);border:4px solid var(--ink);background:#fff8ec;border-radius:24px;flex-direction:column;animation:.25s ease-out offerin;display:flex;position:relative;box-shadow:0 8px #00000059}#sheetX{border:3px solid var(--ink);color:#fff;width:48px;height:48px;font-size:24px;font-family:var(--font);cursor:pointer;z-index:2;background:#ff5d5d;border-radius:24px;position:absolute;top:-14px;right:-10px;box-shadow:0 4px #0000004d}#cardBody{padding:16px 14px 14px;overflow-y:auto}#cardBody h2{text-align:center;color:var(--ink);margin:0 0 10px;font-size:28px;font-weight:400}#cardBody h2 small{opacity:.7;font-size:15px;display:block}.row{background:#fff;border:2px solid #ecdcc4;border-radius:16px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:grid}.row .ri{background:#ffe9b8;border-radius:14px;place-items:center;width:52px;height:52px;display:grid}.row .ri svg,.row .ri img{width:42px;height:42px}.row .rn{font-size:18px;line-height:1.05}.row .rd{opacity:.75;font-family:system-ui,sans-serif;font-size:13px;font-weight:700}.row .dots{gap:3px;margin-top:4px;display:flex}.row .dots i{background:#e6d6bd;border-radius:4px;width:12px;height:8px}.row .dots i.on{background:#3ccb5a}.row .btns{flex-direction:column;gap:4px;display:flex}.btn{border:2px solid var(--ink);color:#fff;min-width:96px;min-height:44px;font-family:var(--font);text-shadow:0 1px 0 var(--ink);cursor:pointer;background:#3ccb5a;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:4px 10px;font-size:18px;display:flex;box-shadow:0 4px #0000004d}.btn:disabled{cursor:default;background:#b8aea0}.btn.ad{background:linear-gradient(90deg,#ff5d8f,#ffb347,#47e5bc,#5ac8fa)}.btn.ad svg{width:16px;height:16px}.btn.big{width:100%;min-height:64px;margin-top:8px;font-size:24px}.btn.ghost{color:var(--ink);text-shadow:none;box-shadow:none;background:0 0;border-color:#0000;font-size:16px}.btn.max{color:var(--ink);text-shadow:none;background:#ffd23f}.wb{text-align:center}.wb .amt{color:#1e8a3a;justify-content:center;align-items:center;gap:8px;margin:4px 0 2px;font-size:44px;display:flex}.wb .amt svg{width:52px;height:36px}.wb p{opacity:.8;margin:2px 0 8px;font-family:system-ui,sans-serif;font-size:15px;font-weight:700}.days{grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0;display:grid}.days div{text-align:center;background:#f1e3cc;border:2px solid #0000;border-radius:10px;padding:6px 0 4px;font-size:12px}.days div svg{width:26px;height:26px;margin:0 auto 2px;display:block}.days div.done{background:#c9f2cf}.days div.today{background:#fff1c7;border-color:#ffb703}.days div.next{border:2px dashed #8a7a66}.book{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px;display:grid}.book h3{grid-column:1/-1;margin:6px 0 0;font-size:18px;font-weight:400}.stk{aspect-ratio:1;background:#f1e3cc;border:3px solid #e3d2b6;border-radius:14px;place-items:center;display:grid;position:relative}.stk img{object-fit:contain;filter:grayscale()brightness(.4)opacity(.35);width:78%;height:78%}.stk.l1{background:#fff1e0;border-color:#cd7f32}.stk.l2{background:#f2f7ff;border-color:#b8c4d0}.stk.l3{background:#fff7cc;border-color:#ffc400}.stk.l1 img,.stk.l2 img,.stk.l3 img{filter:none}.stk b{background:var(--ink);color:#fff;white-space:nowrap;border-radius:8px;padding:0 5px;font-size:11px;font-weight:400;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.stk.lock img{filter:grayscale()brightness(0)opacity(.15)}.tabs{gap:6px;margin-bottom:10px;display:flex}.tabs button{border:2px solid var(--ink);min-height:44px;font-family:var(--font);color:var(--ink);background:#f1e3cc;border-radius:12px;flex:1;font-size:16px}.tabs button.on{background:#ffd23f}.setrow{justify-content:center;margin-top:6px;display:flex}.mm-stick{z-index:4;pointer-events:none;background:#ffffff2e;border:3px solid #ffffff8c;border-radius:60px;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:fixed}.mm-stick i{background:#ffffffd9;border-radius:27px;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%;box-shadow:0 3px #00000040}#chipList{flex-direction:column;align-items:flex-start;gap:6px;display:flex}#lvl{justify-content:flex-start;max-width:170px}@media (orientation:portrait){#goal{top:calc(60px + env(safe-area-inset-top));width:max-content;max-width:94vw}#chips{top:calc(122px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left))}#toast{top:auto;bottom:calc(112px + env(safe-area-inset-bottom));flex-direction:column-reverse}}@media (orientation:landscape){#goal{top:calc(8px + env(safe-area-inset-top));max-width:min(48vw,400px)}#chips{top:calc(var(--tl-h) + 12px + env(safe-area-inset-top))}#toast{top:calc(74px + env(safe-area-inset-top))}#toast div:not(:last-child){display:none}#banner{top:48%}}@media (height<=500px){:root{--tile:54px}#side{width:calc(var(--tile) * 2 + 10px);flex-flow:wrap;justify-content:flex-end;transform:translateY(-40%)}.tile svg{width:28px;height:28px}#goal{max-width:min(46vw,360px)}#toast{top:calc(var(--tl-h) + 70px)}#hint{bottom:12%}#banner{top:48%}#cardBody h2{font-size:22px}}@media (width<=380px){:root{--tile:56px}#goalT{font-size:14px}#cash b{font-size:26px}}@media (prefers-reduced-motion:reduce){.badge,.tile.pulse,#hand,.alert{animation:none}}
