.popup .rating .rating-list{scrollbar-width:thin;scrollbar-color:#a885d9 #e9def9;overscroll-behavior:contain;touch-action:pan-y}@supports selector(::-webkit-scrollbar){.popup .rating .rating-list{scrollbar-width:auto;scrollbar-color:auto}.rating-list::-webkit-scrollbar{width:9px}.rating-list::-webkit-scrollbar-track{background:#e9def9;border-radius:999px;margin-block:4px}.rating-list::-webkit-scrollbar-thumb{background:#a885d9;border:2px solid #e9def9;border-radius:999px;min-height:36px}.rating-list::-webkit-scrollbar-thumb:hover{background:#8860c0}.rating-list::-webkit-scrollbar-thumb:active{background:#724bb0}}@media (hover:hover){.rating-list{cursor:grab}}.rating-list.dragging,.rating-list.dragging *{cursor:grabbing}.rating-list:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #9973d0}button.bare.result-leaderboard{color:#fff;cursor:pointer;isolation:isolate;filter:drop-shadow(0 2px 2px #0005);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:flex-start;align-items:center;width:68px;min-width:68px;padding:0 0 1px;display:flex;position:relative;overflow:visible}.result-leaderboard-icon{object-fit:contain;pointer-events:none;transform-origin:50% 80%;width:64px;height:56px;display:block}.result-leaderboard-caption{color:#29a5df;background:#fff;border-radius:8px 8px 0 0;place-items:center;width:56px;min-height:20px;margin-top:-3px;padding:1px 2px 3px;font-size:14px;font-weight:900;line-height:1;display:grid;position:relative}.result-leaderboard-place{white-space:nowrap;box-sizing:border-box;background:#222722;border:2px solid #fff;border-radius:12px;place-items:center;width:68px;min-height:21px;margin-top:-2px;padding:0 4px 1px;display:grid;position:relative}.result-leaderboard-place strong{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:15px;font-weight:900;line-height:1.05}.result-leaderboard.rank-moving .result-leaderboard-icon{animation:.6s ease-in-out 3 result-rank-trophy}.result-leaderboard.rank-moving .result-leaderboard-place{animation:.45s ease-in-out 3 result-rank-place}.result-leaderboard:focus-visible{outline-offset:4px;border-radius:16px;outline:3px solid #ffd83c}.result-rank-confetti{pointer-events:none;z-index:3;position:absolute;inset:0}.result-rank-confetti i{opacity:0;width:6px;height:10px;animation:result-rank-confetti 1.4s ease-out var(--confetti-delay) both;border-radius:1px;position:absolute;top:29px;left:calc(50% - 3px)}@keyframes result-rank-trophy{50%{transform:translateY(-3px)rotate(-7deg)scale(1.06)}}@keyframes result-rank-place{50%{border-color:#ffe455;transform:scale(1.06)}}@keyframes result-rank-confetti{0%{opacity:1;transform:translate(0)rotate(0)}38%{opacity:1;transform:translate(var(--confetti-x), var(--confetti-y)) rotate(var(--confetti-spin))}80%{opacity:1}to{opacity:0;transform:translate(calc(var(--confetti-x) * 1.1), calc(var(--confetti-y) + 92px)) rotate(calc(var(--confetti-spin) * 1.6))}}@media (prefers-reduced-motion:reduce){.result-leaderboard.rank-moving .result-leaderboard-place,.result-leaderboard.rank-moving .result-leaderboard-icon,.result-rank-confetti i{animation:none}}.hud.has-result .right{z-index:8}.hud.has-result .level{visibility:hidden}.hud.has-result .right .result-leaderboard{position:absolute;top:calc(100% + 6px);right:0}.hud.has-result .right>.icon{display:none}.hud.has-result .pause{pointer-events:none}.result-screen .popup{gap:10px;margin-top:24px;padding-top:50px;padding-bottom:28px}.result-screen .popup .picture{flex:none;width:198px;height:198px}.result-screen .popup .picture img{object-fit:contain;width:170px;height:170px}.victory-screen .popup{gap:8px;margin-top:34px;padding:44px 26px 16px}.victory-screen .popup .praise{flex:none;width:78%;height:auto;margin:-8px 0 0}.victory-screen .popup .picture{width:auto;height:auto}.victory-screen .popup .picture img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:230px}.victory-screen .win-reward-slot{width:auto;height:45px;min-height:45px}.victory-screen .popup .coin-reward{flex-direction:row;gap:6px;width:auto;min-height:45px;margin-top:0}.victory-screen .popup .coin-reward>span{white-space:nowrap;flex:none;width:2ch;min-width:2ch}.victory-screen{scrollbar-width:none;overflow-y:auto}.victory-screen::-webkit-scrollbar{display:none}.window-preview .victory-screen.has-double-reward{scroll-padding-bottom:calc(64px * var(--k))}.window-preview .victory-screen.has-double-reward .popup:after{content:"";pointer-events:none;width:1px;height:64px;position:absolute;top:100%;left:0}.victory-screen .victory-actions{flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;height:68px;position:relative}.victory-screen.has-double-reward .victory-actions{gap:8px;height:144px}.victory-actions .continue-slot{width:200px;height:68px}:is(.victory-actions:has(.double-slot) .continue-slot,.victory-actions .double-slot){width:150px;height:68px;min-height:68px}.victory-actions button.art .halves{width:100%;min-width:0;padding:0 12px}.victory-actions button.art{width:100%}.victory-actions:has(.double-slot) button.art span{font-size:18px}.victory-actions .reward-double{border-radius:14px;gap:5px;width:150px;min-width:0;height:62px;min-height:62px;margin-top:6px;padding:0 9px;font-size:17px}.victory-actions .reward-double img,.victory-actions .reward-check{flex:none;width:20px;height:20px}.win-reward-slot{place-items:center;width:100%;height:145px;min-height:145px;display:grid}.result-actions{flex-direction:column;align-items:center;gap:5px;width:100%;display:flex}.popup .continue-slot{min-height:68px}.popup .double-slot{min-height:66px}.popup .continue-slot button{animation:.2s ease-out both continue-appear}.reward-double{color:#815107;text-shadow:0 1px #fff0a4;background:linear-gradient(#ffe677,#ffcb36 70%,#ffb722);border:3px solid #ffe99a;border-radius:17px;justify-content:center;align-items:center;gap:9px;min-width:242px;min-height:60px;margin-top:6px;padding:8px 20px 12px;font-size:24px;font-weight:900;display:flex;box-shadow:0 5px #c98d13,inset 0 2px #fff3bb}.reward-double img{object-fit:contain;width:32px;height:28px}.reward-double:active{transform:translateY(2px);box-shadow:0 3px #c98d13}.result-actions button:disabled{opacity:.6;cursor:default}.overlay:has(.rating){z-index:9}@media (width<=700px),(aspect-ratio<=7/10){.hud.has-result:has(~.result-screen) .right .result-leaderboard{transform-origin:100% 0;scale:.6}}@media (aspect-ratio<=3/5){.hud.has-result:has(~.result-screen) .right .result-leaderboard{scale:.4}}@keyframes continue-appear{0%{opacity:0;transform:translateY(5px)}}@media (prefers-reduced-motion:reduce){.popup .continue-slot button{animation:none}}*{box-sizing:border-box}:root{--k:1}html,body,#app{background:#eef0fb;height:100%;margin:0;overflow:hidden}#app{width:var(--app-width,100%);height:var(--app-height,100%);position:relative}body{color:#4a3b6b;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,Segoe UI,sans-serif}img{-webkit-user-drag:none;pointer-events:none}input{-webkit-user-select:text;user-select:text}.app,.stage{position:absolute;inset:0}.stage canvas{touch-action:none;display:block}.app.menus{background:#e6dcfb var(--menu-bg) center / cover}.app.menus .stage{visibility:hidden}.topbar,.pagehead,.hud{zoom:var(--k)}.hud{pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;max-width:552px;margin:0 auto;padding:12px 16px 0;display:grid;position:absolute;top:0;left:0;right:0}.hud>*{pointer-events:auto}.hud .pause{justify-self:start}.hud .level{pointer-events:none;text-align:center;white-space:nowrap;color:var(--level-title,#6a47c4);font-size:59.4px;font-weight:900;line-height:1;position:relative;top:-.051em}.hud .right{justify-self:end;display:flex;position:relative}.hud .right .icon{position:absolute;top:calc(100% + 8px);right:0}button{color:#fff;cursor:pointer;background:linear-gradient(#ffb347,#ff8a1f);border:0;border-radius:14px;padding:10px 28px;font:800 18px system-ui;box-shadow:0 4px #d86a0c}button:active{transform:translateY(2px);box-shadow:0 2px #d86a0c}button.icon{padding:4px 12px;font-size:20px}.coins{white-space:nowrap;color:#b0650c;align-items:center;gap:4px;font-weight:900;display:flex}.coins img{width:24px;height:24px}.overlay{z-index:4;background:#2a1e4080;place-items:center;animation:.3s both fade;display:grid;position:absolute;inset:0}.halves{position:relative}.halves>i{pointer-events:none;border-style:solid;border-color:#0000;border-image-repeat:stretch;border-image-slice:var(--slice) fill;border-width:var(--border);position:absolute;inset:0}.halves>:not(i){position:relative}.popup_panel{--slice:100 100 130 100;--border:30px 30px 38px 30px}.popup_title{--slice:0 64 0 64;--border:0 16px 0 16px}.popup_inner{--slice:70 70 70 70;--border:18px}.btn_green{--slice:0 46 0 46;--border:0 12px 0 12px}.btn_red{--slice:0 52 0 52;--border:0 13px 0 13px}.popup{zoom:var(--k);text-align:center;flex-direction:column;align-items:center;gap:14px;width:360px;margin-top:40px;padding:64px 26px 34px;animation:.4s cubic-bezier(.3,1.5,.6,1) both pop;display:flex}.popup .title{place-items:center;width:78%;height:66px;display:grid;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.popup h2{color:#fff;text-shadow:0 2px #5a33b8;margin:0 0 8px;font-size:26px;font-weight:900}.popup .praise{width:78%;margin-top:-8px;animation:.6s cubic-bezier(.3,1.8,.6,1) .25s both praise}.popup .picture{padding:14px}.popup .picture img{max-width:100%;max-height:230px;display:block}.popup .message{padding:22px 20px}.popup .message p{color:#5a3fa0;margin:0;font-size:17px;font-weight:700;line-height:1.35}button.art{box-shadow:none;background:0 0;border-radius:0;margin-top:6px;padding:0}button.art:active{box-shadow:none;transform:scale(.95)}button.art .halves{white-space:nowrap;place-items:center;min-width:200px;height:62px;padding:0 26px;display:grid}button.art span{color:#fff;text-shadow:0 2px #3b8a17;padding-bottom:4px;font-size:24px;font-weight:900}button.art.red span{text-shadow:0 2px #a3182c}button.art .coin{vertical-align:-5px;width:26px;height:26px;margin:0 2px 0 6px}button.link{box-shadow:none;color:#fff;text-shadow:0 1px #5a33b8;background:0 0;padding:8px 16px;font-size:16px;text-decoration:underline}button.link:active{box-shadow:none}.popup .reward{color:#fff;text-shadow:0 2px #b0650c;align-items:center;gap:6px;margin-top:8px;font-size:26px;font-weight:900;display:flex}.popup .reward img{width:34px;height:34px}.popup .coin-reward{flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:129px}.popup .coin-reward .reward-pile{object-fit:contain;transform-origin:50%;width:49px;height:45px;transition:transform .15s ease-out,opacity .15s ease-out}.coin-reward>span{text-align:center;font-variant-numeric:tabular-nums;min-width:3ch;transition:opacity .15s ease-out}.reward-flight-layer{z-index:30;pointer-events:none;position:fixed;inset:0}.reward-flying-coin{will-change:transform;position:absolute;top:0;left:0}.confetti{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.confetti i{width:calc(24px * var(--size));height:calc(42px * var(--size));background-image:var(--art);background-blend-mode:multiply;-webkit-mask:var(--art) center / 100% 100%;mask:var(--art) center / 100% 100%;-webkit-mask:var(--art) center / 100% 100%;background-size:100% 100%;animation:linear both fall;position:absolute;top:-60px}@keyframes fall{to{transform:translateY(calc(100vh + 120px)) rotate(var(--spin))}}@keyframes praise{0%{opacity:0;transform:scale(0)rotate(-8deg)}}.splash{z-index:9;background:#e6dcfb;place-items:center;display:grid;position:absolute;inset:0}.splash .bar{background:#fff8;border-radius:5px;width:min(60%,320px);height:10px;overflow:hidden}.splash .bar div{background:#8a5cf0;border-radius:5px;height:100%;transition:width .15s}.error{z-index:6;color:#fff;background:#c33;border-radius:8px;padding:8px;position:absolute;bottom:8px;left:8px;right:8px}.ad-wait{z-index:10;background:#1a1030b0;place-items:center;display:grid;position:absolute;inset:0}.ad-wait .spinner{width:calc(64px * var(--k));height:calc(64px * var(--k));border:calc(7px * var(--k)) solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:.8s linear infinite spin}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.7)}}button.bare{box-shadow:none;color:inherit;font:inherit;background:0 0;border-radius:0;padding:0}button.bare:active{box-shadow:none;transform:scale(.94)}.mirror{display:flex;position:relative}.mirror>img:first-child{pointer-events:none;width:100%;height:100%;display:block}.mirror>:nth-child(n+2){position:absolute}.hud .pause .mirror{width:52px;height:52px}.hud .coinbar{border-radius:21px;gap:7px;height:42px;padding:0 16.3px 0 4.7px;font-size:22.2px;box-shadow:inset 0 0 0 2.3px #f1c9a3}.hud .coinbar img{width:32.7px;height:32.7px}.topbar .round .mirror{width:58px;height:58px}.coinbar{color:#b0650c;white-space:nowrap;background:#fff8f0;border-radius:18px;align-items:center;gap:6px;height:36px;padding:0 14px 0 4px;font-size:19px;font-weight:900;display:inline-flex;box-shadow:inset 0 0 0 2px #f1c9a3}.coinbar img{width:28px;height:28px}.topbar .coinbar{border-radius:20.5px;gap:7px;height:41px;padding:0 16px 0 4.5px;font-size:21.6px;box-shadow:inset 0 0 0 2.3px #f1c9a3}.topbar .coinbar img{width:32px;height:32px}.screen{z-index:2;background:#e6dcfb var(--menu-bg) center / cover;animation:.25s both fade;position:absolute;inset:0;overflow:hidden}.home{padding-bottom:calc(24px * var(--k));flex-direction:column;align-items:center;display:flex}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:552px;padding:9px 16px 0;display:flex}.topbar .menu{align-items:center;gap:10px;display:flex}.home .logo{width:calc(240px * var(--k));aspect-ratio:867/418;height:auto;margin-top:calc(4px * var(--k));flex-shrink:0;animation:.4s cubic-bezier(.3,1.4,.6,1) both drop}.figure-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;width:100%;min-height:0;margin:8px 0;display:flex;container-type:size}.figure{width:min(100cqw, 100cqh * var(--ar), 560px);position:relative}.figure>*{display:block;position:absolute}.figure .edge{background:var(--frame) 0 0 / 700% 700% no-repeat}.figure img{object-fit:contain}.figure img.fresh{animation:.42s cubic-bezier(.3,1.6,.6,1) both square}.figure .arrow{pointer-events:none;animation:.8s ease-in-out infinite alternate bob;transform:translateY(-55%)}.figure img.current{animation:.8s ease-in-out infinite alternate blink}@keyframes square{0%{transform:scale(0)}60%{filter:brightness(1.6);transform:scale(1.35)}}@keyframes bob{to{transform:translateY(-75%)}}@keyframes blink{to{filter:brightness(1.18)}}.sidebtn{flex-direction:column;align-items:center;width:76px;display:flex;position:relative}.sidebtn .icon{object-fit:contain;width:68px;height:68px;position:relative}.sidebtn .glow{width:108px;animation:8s linear infinite spin;position:absolute;top:-18px}.sidebtn span{color:#fff;white-space:nowrap;text-shadow:0 0 3px #6a47c4,0 2px #6a47c4;margin-top:-6px;font-size:14px;font-weight:900;position:relative}.sidebtn.locked .icon{filter:grayscale(.9);opacity:.8}.dock{zoom:var(--k);flex-shrink:0;justify-content:center;align-items:flex-end;gap:10px;margin-top:8px;display:flex}.dock .side{margin-bottom:14px}.side.in-top{display:none}.topbar .sidebtn{justify-content:center;width:62px;height:58px}.topbar .sidebtn .icon{width:50px;height:50px}.topbar .sidebtn span{margin:0;font-size:12px;position:absolute;bottom:-4px}.topbar .sidebtn .icon_rating{width:52px;height:52px;top:-2px}.popup .rating{grid-template-rows:auto minmax(0,1fr);place-items:center;width:100%;height:350px;min-height:350px;padding:12px 10px;display:grid}.popup .rating>.spinner,.popup .rating>.note{grid-row:1/-1}.popup .rating .spinner{border:5px solid #d9c9f7;border-top-color:#6a47c4;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.popup .rating .note{color:#5a3fa0;margin:0;font-size:17px;font-weight:700}.popup .rating .caption{color:#8a73c8;justify-self:end;margin:0 16px 6px;font-size:13px;font-weight:800}.popup .rating ol{scrollbar-gutter:stable;width:100%;height:100%;min-height:0;margin:0;padding:0 6px;list-style:none;overflow:hidden auto}.popup .rating li{color:#5a3fa0;border-radius:12px;align-items:center;gap:8px;padding:5px 8px;font-size:16px;font-weight:800;display:flex}.popup .rating li+li{margin-top:3px}.popup .rating li.me{background:#ffe9a8;box-shadow:inset 0 0 0 2px #f2c14e}.popup .rating .rank{background:#e4dafa;border-radius:14px;flex:none;place-items:center;min-width:28px;height:28px;padding:0 4px;font-size:14px;font-weight:900;display:grid}.popup .rating .top1 .rank{color:#8a5a00;background:#ffd23f}.popup .rating .top2 .rank{color:#5b6472;background:#dfe3ea}.popup .rating .top3 .rank{color:#7a3f10;background:#f0b27a}.popup .rating .avatar{object-fit:cover;color:#fff;background:#b79cf2;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:grid}.popup .rating .name{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;min-width:0;overflow:hidden}.popup .rating .score{color:#6a47c4;flex:none;font-size:18px;font-weight:900}.rating-signin-slot{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:100%;height:132px;display:flex}.popup .signin{color:#fff;text-shadow:0 1px #5a33b8;margin:12px 0 0;font-size:15px;font-weight:800}.levelbtn{align-items:flex-end;height:132.83px;animation:1.6s ease-in-out infinite pulse;display:flex}.levelbtn .mirror{aspect-ratio:530/248;width:220px}.levelbtn:not(.normal) .mirror{aspect-ratio:530/320}.levelbtn .label{color:#fff;white-space:nowrap;-webkit-text-stroke:5px #195402;paint-order:stroke fill;text-shadow:0 3px #195402;justify-content:center;align-items:center;height:71%;font-size:26px;font-weight:900;line-height:1;display:flex;top:9%;left:0;right:0}.levelbtn:not(.normal) .label{height:55%;top:29%}.levelbtn .tab{text-align:center;color:#fff;font-size:15px;font-weight:900;top:7.5%;left:0;right:0}.levelbtn.hard .tab{text-shadow:0 2px #9c0731,0 0 3px #9c0731}.levelbtn.super .tab{text-shadow:0 2px #5235c5,0 0 3px #5235c5}.levelbtn.nightmare .tab{text-shadow:0 2px #c0419e,0 0 3px #c0419e}@media (width>=760px) and (hover:hover){.side.in-top{display:flex}.side.in-dock{display:none}.topbar .sidebtn .icon_levels{width:49.6px;height:49.6px;top:.4px}.topbar .sidebtn .icon_daily{width:54.6px;height:54.6px;top:1.1px}.levelbtn .mirror{width:260px}.levelbtn{height:156.981px}.levelbtn .label{-webkit-text-stroke-width:6px;font-size:31px}.levelbtn .tab{font-size:17px}}.collection{flex-direction:column;display:flex}.pagehead{flex-direction:column;flex-shrink:0;align-items:center;padding:14px 64px 8px;display:flex;position:relative}.pagehead .back{position:absolute;top:12px;left:max(16px,50% - 260px)}.pagehead .back img{width:52px;height:52px;display:block}.pagehead h1{color:#fff;text-shadow:0 3px #6a47c4,0 0 6px #6a47c4;margin:4px 0 0;font-size:32px;font-weight:900;line-height:40px}.pagehead .sub{color:#6a47c4;margin-top:2px;font-weight:800}.scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 14px 24px;overflow:hidden auto}@media (hover:hover){.scroll{cursor:grab}}.scroll.dragging,.scroll.dragging *{cursor:grabbing}.shelf{--slice:0 26 0 26;--border:0 9px 0 9px}.shelfrow{zoom:var(--k);--shelf:62px;grid-template-columns:repeat(3,1fr);align-items:end;gap:0 10px;max-width:480px;margin:0 auto 10px;padding:0 8px;display:grid;position:relative}.shelfrow .shelf{height:var(--shelf);filter:drop-shadow(0 6px 6px #3a1d7a59);position:absolute;bottom:0;left:4px;right:4px}.shelfrow .figcard{padding-bottom:calc(var(--shelf) * .72);flex-direction:column;align-items:center;display:flex;position:relative}.figcard .stand{aspect-ratio:1;justify-content:center;align-items:flex-end;width:84%;display:flex;position:relative}.figcard .pic{filter:drop-shadow(0 4px 3px #3a1d7a55);max-width:100%;max-height:100%}.figcard:not(.open) .pic{filter:url(#desaturate)drop-shadow(0 4px 3px #3a1d7a55)}.figcard .lock{width:30%;position:absolute;bottom:0;right:-4%}.showcase{z-index:5;justify-content:center;align-items:center;gap:calc(18px * var(--k));background:#000000e0;flex-direction:column;display:flex;overflow:hidden}.showcase>:not(.beam){zoom:var(--k)}.showcase .beam{mix-blend-mode:screen;pointer-events:none;width:150vmin;margin:-75vmin 0 0 -75vmin;animation:14s linear infinite spin;position:absolute;top:45%;left:50%}.showcase .figpic-hit-area{flex-shrink:0;width:320px;height:330px;display:block;position:relative}.showcase .figpic{object-fit:contain;flex-shrink:0;width:320px;height:330px;animation:.4s cubic-bezier(.3,1.5,.6,1) both pop;display:block;position:relative}.showcase .showtitle,.showcase .showtext{color:#fff;text-align:center;margin:0;font-weight:900;position:relative}.showcase .showtitle{text-shadow:0 3px #6a47c4,0 0 8px #6a47c4;font-size:34px;animation:.4s both drop}.showcase .showtext{font-size:18px}.popup .close .mirror{width:46px;height:46px}.popup>.close{position:absolute;top:-18px;right:-12px}.toggles{justify-content:center;gap:14px;display:flex}.toggle .mirror{width:76px;height:78px}.toggle .icon{width:68%;top:12%;left:16%}.langs{background:#5a33b840;border-radius:18px;gap:4px;width:100%;padding:4px;display:flex;position:relative;box-shadow:inset 0 2px #3b1f8a33}.langs:before{content:"";width:calc((100% - 8px - 4px * (var(--n) - 1)) / var(--n));transform:translateX(calc(var(--i) * (100% + 4px)));background:#fff;border-radius:14px;transition:transform .28s cubic-bezier(.3,1.3,.5,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 3px #c8b6ef}.langs .lang{color:#fff;text-shadow:0 1px #5a33b8;border-radius:14px;flex:1;padding:9px 0;font-size:16px;font-weight:800;transition:color .2s,text-shadow .2s;position:relative}.langs .lang.on{color:#5a3fa0;text-shadow:none}.rows{flex-direction:column;gap:8px;width:100%;display:flex}.rows .row{color:#5a3fa0;background:#fff;width:100%;font-size:16px;box-shadow:0 3px #c8b6ef}.popup .buttons{gap:8px;display:flex}.popup .buttons button.art .halves{min-width:130px;padding:0 18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.04)}}@keyframes drop{0%{opacity:0;transform:translateY(-40px)}}.daily{--u:calc(var(--k) * 1px * 400 / 1080);justify-content:center;display:flex}.daily-page{width:calc(1080 * var(--u));height:100%;padding-top:calc(190 * var(--u));flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.daily-page img{display:block}.dhead{top:calc(38 * var(--u));width:min(var(--app-width,100vw), calc(1490 * var(--u)));padding:0 calc(43 * var(--u));justify-content:space-between;align-items:center;display:flex;position:absolute;left:50%;translate:-50%}.dhead img{width:calc(130 * var(--u));height:calc(130 * var(--u))}.dhead h1,.daily-page .dtext{color:#fff;paint-order:stroke fill;white-space:nowrap;margin:0;font-weight:900;line-height:1}.dhead h1{font-size:calc(96 * var(--u));-webkit-text-stroke:calc(16 * var(--u)) #710bd0;text-shadow:0 calc(7 * var(--u)) 0 #710bd0}.podium{width:100%;height:calc(640 * var(--u));flex:none;position:relative}.podium .stand{width:max(calc(1700 * var(--u)), calc(var(--app-width,100vw) + 40px));height:calc(316 * var(--u));--slice:0 115 0 115;--border:0 calc(115 * var(--u));position:absolute;bottom:0;left:50%;transform:translate(-50%)}.podium .trophy{left:calc(305 * var(--u));top:calc(-10 * var(--u));width:calc(470 * var(--u));height:calc(470 * var(--u));position:absolute}.podium .tshadow{left:calc(340 * var(--u));top:calc(355 * var(--u));width:calc(400 * var(--u));position:absolute}.trophy{display:block;position:relative}.trophy img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.trophy img+img{transition:clip-path .6s ease-out}.podium .tgroup{pointer-events:none;position:absolute;inset:0}.podium .tgroup.next,.calendar .monthbox span.next{animation:.33s ease-out backwards slide-next}.podium .tgroup.prev,.calendar .monthbox span.prev{animation:.33s ease-out backwards slide-prev}.daily_bar{--slice:0 50 0 50;--border:0 calc(50 * var(--u))}.podium .bar{left:50%;top:calc(183 * var(--u));width:calc(764 * var(--u));height:calc(84 * var(--u));place-items:center;display:grid;position:absolute;transform:translate(-50%)}.podium .bar .fill{left:calc(1 * var(--u));top:calc(5 * var(--u));width:calc(762 * var(--u));height:calc(74 * var(--u));transition:clip-path .6s ease-out;position:absolute}.podium .bar span,.daily .day span,.daily .monthbox span,.daily .play span,.calendar .weekday{color:#fff;paint-order:stroke fill;white-space:nowrap;font-weight:900;line-height:1;position:relative}.podium .bar span{font-size:calc(32 * var(--u));margin-top:calc(-8 * var(--u));-webkit-text-stroke:calc(6 * var(--u)) #261178}.daily .month{top:calc(90 * var(--u));padding:calc(18 * var(--u));position:absolute}.daily .month img{width:calc(124 * var(--u));height:calc(184 * var(--u))}.daily .month.prev{left:calc(119 * var(--u) - 80 * var(--u))}.daily .month.prev img{transform:scaleX(-1)}.daily .month.next{right:calc(119 * var(--u) - 80 * var(--u))}.daily .month.off{visibility:hidden}.calendar{touch-action:pan-y;width:100%;height:calc(1014 * var(--u));margin-top:calc(-30 * var(--u));flex:none;position:relative}.calendar>*{position:absolute}.calendar .pages{left:calc(69 * var(--u));top:calc(224 * var(--u));width:calc(942 * var(--u));bottom:0;overflow:hidden}.calendar .strip,.calendar .page{position:absolute;inset:0}.calendar .page{width:100%}.calendar .top{left:calc(23 * var(--u));top:calc(-19 * var(--u));width:calc(1034 * var(--u));height:calc(322 * var(--u))}.daily_cal_top{--slice:0 150 0 150;--border:0 calc(150 * var(--u))}.calendar .board{left:calc(24 * var(--u));top:calc(124 * var(--u));width:calc(1032 * var(--u));height:calc(845 * var(--u))}.daily_cal_board{--slice:100;--border:calc(100 * var(--u))}.calendar .inner{left:calc(48 * var(--u));top:calc(173 * var(--u));width:calc(984 * var(--u));height:calc(746 * var(--u))}.daily_cal_inner{--slice:80;--border:calc(80 * var(--u))}.calendar .nail{top:calc(99 * var(--u));width:calc(54 * var(--u));height:calc(96 * var(--u));z-index:1}.calendar .monthbox{left:50%;top:calc(27 * var(--u));min-width:calc(522 * var(--u));height:calc(100 * var(--u));padding:0 calc(62 * var(--u));place-items:center;display:grid;transform:translate(-50%)}.daily_cal_shadow{--slice:0 70 0 70;--border:0 calc(70 * var(--u))}.calendar .monthbox span{font-size:calc(48 * var(--u));margin-top:calc(-6 * var(--u));color:#ffe58a;-webkit-text-stroke:calc(12 * var(--u)) #5227b5}.calendar .weekday{top:calc(202 * var(--u));width:calc(130 * var(--u));text-align:center;font-size:calc(30 * var(--u));-webkit-text-stroke:calc(7 * var(--u)) #261178;position:absolute}.calendar .day{width:calc(130 * var(--u));height:calc(130 * var(--u));place-items:center;display:grid;position:absolute}.calendar .day img{width:100%;height:100%;position:absolute;inset:0}.calendar .day span{font-size:calc(54 * var(--u));margin-top:calc(-6 * var(--u));-webkit-text-stroke:calc(10 * var(--u)) #431178}.calendar .day.future span{color:#431178;-webkit-text-stroke:0;margin-top:calc(4 * var(--u))}.calendar .day.failed span{-webkit-text-stroke-color:#0a4f9c}.calendar .day.done span{-webkit-text-stroke-color:#056305}.calendar .day.selected span{color:#fff8ea;-webkit-text-stroke-color:#9a4b17}.calendar .day.pop{animation:.5s cubic-bezier(.3,1.6,.6,1) .25s both day-pop}.calendar .day.future{cursor:default}.daily .play{margin-top:calc(20 * var(--u));flex:none}.daily .play .halves{min-width:calc(512 * var(--u));height:calc(210 * var(--u));padding:0 calc(72 * var(--u));place-items:center;display:grid}.daily_play,.daily_play_grey{--slice:0 100 0 100;--border:0 calc(100 * var(--u))}.daily .play span{font-size:calc(80 * var(--u));margin-top:calc(-10 * var(--u));-webkit-text-stroke:calc(14 * var(--u)) #195402}.daily .play.grey span{color:#f2f2f2;-webkit-text-stroke-color:#434343;font-size:calc(64 * var(--u))}.daily .play:not(.grey){animation:1.6s ease-in-out infinite pulse}@keyframes slide-next{0%{opacity:0;transform:translate(40%)}}@keyframes slide-prev{0%{opacity:0;transform:translate(-40%)}}@keyframes day-pop{0%{transform:scale(0)}}.trophies{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px;width:100%;margin:6px 0;display:grid}.trophies>div{color:#fff;text-shadow:0 1px #4a2a9e,0 0 3px #4a2a9e;flex-direction:column;align-items:center;font-size:12px;font-weight:900;display:flex}.trophies .trophy{width:64px;height:64px}.trophies>div:not(.won) span{opacity:.8}.trophies>div>span:last-child{overflow-wrap:anywhere;text-align:center;width:100%}.trophies-note{text-align:center;color:#fff;text-shadow:0 1px #4a2a9e;max-width:280px;margin:4px 0 8px;font-size:14px;font-weight:800}.rotate{z-index:20;background:#e6dcfb var(--menu-bg) center / cover;flex-direction:column;justify-content:center;align-items:center;gap:6vmin;display:none;position:absolute;inset:0}@media (orientation:landscape) and (hover:none) and (pointer:coarse){.rotate{display:flex}}.rotate .device{background:#fff8;border:2.2vmin solid #6a47c4;border-radius:4vmin;width:22vmin;height:38vmin;animation:2.2s ease-in-out infinite turn-upright;box-shadow:0 1vmin #4a2a9e}@keyframes turn-upright{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}.rotate p{text-align:center;color:#fff;-webkit-text-stroke:1.6vmin #6a47c4;paint-order:stroke fill;text-shadow:0 .8vmin #6a47c4;max-width:80vw;margin:0;font-size:7vmin;font-weight:900;line-height:1.15}
