:root{--ink:#1d1530;--tl-h:var(--pn-safe-tl-h,0px);--tl-w:var(--pn-safe-tl-w,0px);--sb:env(safe-area-inset-bottom,0px);--st:env(safe-area-inset-top,0px);--tile:clamp(58px, 9.2vh, 76px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#8fd3ff;height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:Lilita One,system-ui,sans-serif}#cv{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hide{display:none!important}button,.pill,#hint,#banner,#toast,#intro,.bn,#vs,#goal{text-shadow:0 2px 0 var(--ink), 0 -1px 0 var(--ink), 1px 0 0 var(--ink), -1px 0 0 var(--ink)}button{color:#fff;cursor:pointer;touch-action:manipulation;border:0;padding:0;font-family:inherit}svg{width:100%;height:100%;display:block}#top{z-index:10;top:calc(6px + max(var(--st), var(--tl-h), 46px));pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:min(94vw,460px);display:flex;position:fixed;left:50%;transform:translate(-50%)}#bars{align-items:flex-end;gap:6px;width:100%;display:flex}.bar{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bar.foe{align-items:flex-end}.bn{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;font-size:15px;line-height:1;overflow:hidden}.bt{border:3px solid var(--ink);background:#1d153099;border-radius:11px;width:100%;height:20px;position:relative;overflow:hidden;box-shadow:0 3px #0000002e}.bt i{width:100%;transition:width .45s ease-out;position:absolute;top:0;bottom:0;left:0}.bar.me .bf{background:linear-gradient(#7dff7d,#2fc24a)}.bar.foe .bf{background:linear-gradient(#ff8f8f,#ff3b4e);left:auto;right:0}.bar.foe .bl{left:auto;right:0}.bt .bl{background:#fff2a8;transition:width .9s ease-in .25s}.bt .bf{transition:width .12s ease-out}.bar.hit .bt{animation:.25s shake}#vs{color:#ffd23f;flex:none;padding-bottom:1px;font-size:20px}#goal{background:#1d15308c;border-radius:12px;align-items:center;gap:6px;max-width:100%;padding:3px 10px;font-size:13px;display:flex}#dots{gap:3px;display:flex}#dots i{border:1.5px solid var(--ink);background:#ffffff4d;border-radius:50%;width:9px;height:9px}#dots i.done{background:#5be35b}#dots i.now{background:#ffd23f;transform:scale(1.3)}#dots i.boss{background:#ff5fd2;border-radius:3px;width:12px;height:12px}#dots i.boss.done{background:#5be35b}#tr{z-index:11;top:calc(8px + var(--st));right:calc(8px + env(safe-area-inset-right,0px));pointer-events:none;flex-direction:row;align-items:center;gap:6px;display:flex;position:fixed}.pill{background:#1d1530bf;border:3px solid #fff;border-radius:19px;align-items:center;gap:5px;height:38px;padding:0 12px 0 4px;font-size:21px;display:flex}.pill .ic{width:30px;height:30px}.pill.sm{height:32px;padding-right:10px;font-size:16px}.pill.sm .ic{width:22px;height:22px}.pill.pop{animation:.3s ease-out pop}.fly{z-index:30;pointer-events:none;width:28px;height:28px;transition:transform .55s cubic-bezier(.5,-.3,.7,1),opacity .55s;position:fixed}#intro{z-index:12;top:calc(80px + max(var(--st), var(--tl-h), 46px));text-align:center;pointer-events:none;background:#1d1530d1;border:3px solid #ffd23f;border-radius:16px;flex-direction:column;align-items:center;width:max-content;max-width:min(72vw,360px);padding:7px 16px;animation:.35s ease-out introin;display:flex;position:fixed;left:50%;transform:translate(-50%)}#intro b{color:#ffd23f;font-size:22px;font-weight:400;line-height:1.05}#intro span{font-size:15px;line-height:1.15}#intro.boss{border-color:#ff5fd2}#intro.boss b{color:#ff8fe0;font-size:26px}@keyframes introin{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}#side{z-index:12;left:calc(8px + env(safe-area-inset-left,0px));flex-direction:column;gap:9px;display:flex;position:fixed;top:52%;transform:translateY(-50%)}.tile{width:var(--tile);height:var(--tile);border:3px solid var(--ink);letter-spacing:.02em;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;font-size:11px;display:flex;position:relative}.tile .ti{width:58%;height:58%;display:block}.tile b{margin-top:1px;font-weight:400;line-height:1}.tile.red{background:#ff5e5e;box-shadow:0 5px #b3302f}.tile.purple{background:#b07bff;box-shadow:0 5px #6b3fa0}.tile.orange{background:#ff9a2e;box-shadow:0 5px #b35f12}.tile.brown{background:#d68b45;box-shadow:0 5px #8a4f1c}.tile.pink{background:#ff7ac0;box-shadow:0 5px #b33f7e}.tile.new{animation:.9s ease-in-out infinite pulse}.tile:active,.offer:active,#quick:active,.btn:active{transform:translateY(3px)}.badge{text-align:center;background:#ff2e4d;border:2px solid #fff;border-radius:12px;min-width:24px;height:24px;padding:0 4px;font-size:14px;font-style:normal;line-height:20px;animation:.9s ease-in-out infinite pulse;position:absolute;top:-8px;right:-8px}#offers{z-index:13;right:calc(8px + env(safe-area-inset-right,0px));flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed;top:52%;transform:translateY(-50%)}.offer{width:var(--tile);min-height:var(--tile);border:3px solid var(--ink);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px 5px;line-height:1;display:flex;position:relative}.offer .oi{aspect-ratio:1;flex:none;width:54%;height:auto}.offer b{margin-top:1px;font-size:11px;font-weight:400}.offer small{opacity:.95;font-size:10px}.offer .play{border:2px solid var(--ink);width:26px;height:26px;position:absolute;top:-9px;right:-9px}.offer .play:after{top:6px;left:9px}.play{background:#fff;border-radius:50%;flex:none;width:26px;height:26px;display:inline-block;position:relative;box-shadow:0 2px #00000040}.play:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #1d1530;position:absolute;top:7px;left:10px}.offer.gold{background:#ffc93c;animation:1s ease-in-out infinite pulse;box-shadow:0 5px #b8860b}.offer.rainbow,.btn.rainbow{background:linear-gradient(120deg,#ff5e5e,#ffd23f,#7bd66b,#3da2ff,#b07bff) 0 0/300% 100%;animation:3s linear infinite rb;box-shadow:0 5px #6b3fa0}.offer.active{background:#7bd66b;animation:none;box-shadow:0 5px #237a35}.offer.active .play{display:none}@keyframes rb{to{background-position:300% 0}}#quick{z-index:14;left:50%;bottom:calc(14% + var(--sb));border:4px solid var(--ink);background:#3fcf5a;border-radius:22px;align-items:center;gap:10px;max-width:92vw;min-height:66px;padding:8px 20px 8px 10px;animation:.8s ease-in-out infinite pulse;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px #1f7a33}#quick .qi{flex:none;width:44px;height:44px}#quick .qt{text-align:left;flex-direction:column;line-height:1.02;display:flex}#quick b{font-size:23px;font-weight:400}#quick small{align-items:center;gap:4px;font-size:15px;display:flex}#quick small svg{width:18px;height:18px}#quick.next{background:#ffb52e;box-shadow:0 6px #a3680f}#hint{z-index:15;left:50%;bottom:calc(15% + var(--sb));text-align:center;pointer-events:none;background:#1d153099;border-radius:16px;width:max-content;max-width:min(84vw,360px);padding:7px 16px;font-size:22px;line-height:1.12;transition:opacity .25s;position:fixed;transform:translate(-50%)}#hint.off{opacity:0}#banner{z-index:16;text-align:center;pointer-events:none;opacity:0;padding:0 12px;position:fixed;top:30%;left:0;right:0}#banner h1{color:#ffd23f;letter-spacing:.02em;margin:0;font-size:clamp(42px,13vw,76px);font-weight:400;line-height:1}#banner p{margin:6px 0 0;font-size:21px}#banner.show{animation:1.7s ease-out forwards ban}@keyframes ban{0%{opacity:0;transform:scale(.4)rotate(-6deg)}12%{opacity:1;transform:scale(1.15)rotate(2deg)}22%{transform:scale(1)rotate(0)}78%{opacity:1}to{opacity:0;transform:translateY(-24px)}}#toast{z-index:17;left:50%;bottom:calc(14% + 82px + var(--sb));opacity:0;pointer-events:none;text-align:center;background:#1d1530db;border-radius:14px;max-width:84vw;padding:7px 14px;font-size:16px;transition:opacity .25s;position:fixed;transform:translate(-50%)}#toast.show{opacity:1}#flash{z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%, transparent 40%, var(--fc,#ff3c3c8c) 100%);position:fixed;inset:0}#flash.go{animation:.45s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}#hand{z-index:40;pointer-events:none;filter:drop-shadow(0 4px #0000004d);width:64px;height:64px;display:none;position:fixed;top:0;left:0}#hand.on{display:block}#hand.tap{animation:1s ease-in-out infinite tapme}@keyframes tapme{0%,to{translate:0}50%{translate:-6px -12px}}@keyframes pulse{0%,to{scale:.96}50%{scale:1.06}}@keyframes pop{0%{scale:1}40%{scale:1.3}to{scale:1}}@keyframes shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}#sheet{z-index:25;padding:calc(10px + max(var(--st), var(--tl-h))) 10px calc(10px + var(--sb));background:#140c289e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#card{border:4px solid var(--ink);background:#2b2150;border-radius:24px;flex-direction:column;width:min(94vw,440px);max-height:100%;animation:.25s ease-out cardin;display:flex;position:relative;overflow:hidden;box-shadow:0 8px #0000004d}@keyframes cardin{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}#sheetX{border:3px solid var(--ink);z-index:2;background:#ff5e5e;border-radius:14px;width:46px;height:46px;font-size:30px;line-height:1;position:absolute;top:8px;right:8px;box-shadow:0 4px #b3302f}#sheetH{flex:none;padding:14px 60px 8px 16px;font-size:26px;line-height:1.05}#sheetH small{opacity:.85;margin-top:3px;font-size:14px;display:block}#sheetB{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;padding:4px 12px 12px;overflow-y:auto}#sheetF{background:#241b44;flex-direction:column;flex:none;gap:8px;padding:10px 12px 14px;display:flex}#sheetF:empty{display:none}.btn{border:3px solid var(--ink);border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:6px 14px;font-size:21px;display:flex}.btn.green{background:#3fcf5a;box-shadow:0 5px #1f7a33}.btn.gold{background:#ffb52e;box-shadow:0 5px #a3680f}.btn.blue{background:#3da2ff;box-shadow:0 5px #1f5fa8}.btn.grey{background:#6b6289;min-height:46px;font-size:18px;box-shadow:0 5px #3f3860}.btn.big{min-height:72px;font-size:26px}.btn .ic{flex:none;width:30px;height:30px}.btn:disabled{filter:grayscale(.8);opacity:.6}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.cell{border:3px solid var(--ink);text-align:center;background:#3a2f66;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-height:118px;padding:6px 4px;font-size:12.5px;line-height:1.05;display:flex;position:relative}.cell .art{width:56px;height:56px}.cell .nm{font-size:12.5px}.cell .rr{color:#fff;border-radius:8px;padding:1px 6px;font-size:11px}.cell.on{border-color:#5be35b;box-shadow:inset 0 0 0 3px #5be35b}.cell.lock{background:#2a2248}.cell .pr{align-items:center;gap:3px;font-size:13px;display:flex}.cell .pr svg{width:16px;height:16px}.cell .tag{border:2px solid var(--ink);white-space:nowrap;background:#5be35b;border-radius:8px;padding:1px 6px;font-size:11px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.cell .tag.ad{background:linear-gradient(120deg,#ff5e5e,#ffd23f,#7bd66b,#3da2ff,#b07bff)}.row{border:3px solid var(--ink);background:#3a2f66;border-radius:16px;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.row .ri{flex:none;width:46px;height:46px}.row .rt{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.row .rt b{font-size:19px;font-weight:400}.row .rt small{opacity:.9;font-size:13px}.row .rb{flex-direction:column;flex:none;gap:6px;width:112px;display:flex}.row .rb .btn{min-height:46px;padding:4px 8px;font-size:16px}.row .rb .btn svg{width:18px;height:18px}.pips{flex-wrap:wrap;gap:2px;margin-top:3px;display:flex}.pips i{background:#ffffff38;border-radius:2px;width:8px;height:8px}.pips i.on{background:#ffd23f}.center{text-align:center}.reward{flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex}.reward .big{width:110px;height:110px}.reward .amt{color:#ffd23f;align-items:center;gap:6px;font-size:34px;display:flex}.reward .amt svg{width:34px;height:34px}.reward .ln{opacity:.92;text-align:center;font-size:16px}.reveal{animation:.6s ease-out reveal}.glow{background:radial-gradient(circle, color-mix(in srgb, var(--rc) 85%, transparent) 0%, color-mix(in srgb, var(--rc) 30%, transparent) 42%, transparent 70%);justify-content:center;align-items:center;width:180px;height:150px;animation:1.2s ease-in-out infinite glowpulse;display:flex;position:relative}@keyframes glowpulse{0%,to{scale:.95}50%{scale:1.08}}@keyframes reveal{0%{opacity:0;transform:scale(.2)rotate(-25deg)}70%{opacity:1;transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}.shakebox{animation:.12s linear infinite chestshake}@keyframes chestshake{0%,to{rotate:-6deg}50%{rotate:6deg}}.days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day{border:2px solid var(--ink);text-align:center;background:#3a2f66;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;font-size:11px;display:flex}.day svg{width:26px;height:26px}.day.got{background:#2f8f4a}.day.today{background:#ffb52e;transform:scale(1.06)}.slots{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.slot{border:3px solid var(--ink);text-align:center;background:#3a2f66;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:140px;padding:6px;font-size:13px;display:flex}.slot .art{width:58px;height:58px}.slot .btn{min-height:40px;padding:2px 6px;font-size:14px}.slot.empty{opacity:.55}.rar{border:2px solid var(--ink);border-radius:10px;padding:2px 10px;font-size:15px;display:inline-block}body.sheet-on #side,body.sheet-on #offers,body.sheet-on #hint,body.sheet-on #quick,body.sheet-on #intro,body.sheet-on #top{visibility:hidden}body.land #top{top:calc(6px + var(--st));width:min(52vw,440px)}body.land #intro{top:calc(64px + var(--st))}body.land #toast{bottom:calc(8% + 78px + var(--sb))}body.land #hint{bottom:calc(10% + var(--sb))}body.land #quick{bottom:calc(8% + var(--sb))}@media (height<=500px){:root{--tile:56px}#card:has(#sheetF:not(:empty)){grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 1fr;width:min(94vw,760px);display:grid}#card:has(#sheetF:not(:empty)) #sheetH{grid-column:1/3}#card:has(#sheetF:not(:empty)) #sheetF{background:0 0;justify-content:center;padding-top:4px}#card:has(#sheetF:not(:empty)) .reward .big{width:80px;height:80px}#card:has(#sheetF:not(:empty)) .glow{width:80px;height:80px}.btn.big{min-height:58px;font-size:22px}#side{grid-template-columns:repeat(2, var(--tile));gap:7px;display:grid;top:56%}.tile{font-size:9.5px}.offer{min-height:46px}#banner{top:24%}}
