@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--cream:#fff6e0;--ink:#3a2346;--pink:#ff6fae;--magenta:#d6247e;--yellow:#ffd84a;--purple:#5b2a9d;--teal:#22a6a0;--display:"Lilita One", "Arial Rounded MT Bold", "Arial Black", sans-serif;--body:"Fredoka", "Arial Rounded MT Bold", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--body);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;background:#8fd35a;margin:0;overflow:hidden}#game{cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}button{color:inherit;cursor:pointer;border:0;font-family:inherit}.hidden{display:none!important}.ico{width:1.5em;height:1.5em;display:inline-flex}.ico svg{width:100%;height:100%}#hud{pointer-events:none;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid;position:fixed;inset:0}.hud-left{align-items:center;gap:10px;display:flex}.avatar{width:68px;height:68px;box-shadow:0 0 0 3px var(--purple), 0 6px 0 #3a234640;background:#cdeb8a;border:4px solid #fff;border-radius:50%;flex:none;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;transform:scale(1.25)}#hud-name{font-family:var(--display);letter-spacing:.5px;color:#fff;-webkit-text-stroke:5px var(--purple);paint-order:stroke fill;margin-bottom:4px;font-size:22px;line-height:1.1}#hearts{gap:3px;display:flex}#hearts svg{filter:drop-shadow(0 2px #3a23464d);width:26px;height:26px;transition:transform .25s cubic-bezier(.3,2,.5,1)}#hearts svg.empty{transform:scale(.82)}#hearts svg.pop{animation:.4s heart-pop}@keyframes heart-pop{40%{transform:scale(1.5)}}.hud-center{justify-content:center;display:flex}.hud-right{justify-content:flex-end;gap:8px;display:flex}.pill{pointer-events:auto;background:var(--cream);border:3px solid var(--purple);height:46px;box-shadow:0 4px 0 var(--purple);font-family:var(--display);color:var(--purple);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:20px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.pill.round{justify-content:center;width:46px;padding:0;font-size:28px;line-height:1}button.pill:hover{transform:translateY(-1px)}button.pill:active{box-shadow:0 1px 0 var(--purple);transform:translateY(3px)}button.pill.bump{animation:.5s cubic-bezier(.3,2,.5,1) bump}@keyframes bump{30%{transform:scale(1.25)}}#compass{font-family:var(--body);pointer-events:none;background:#fff6e0eb;height:40px;font-size:16px;font-weight:600}.compass-arrow{background:var(--magenta);clip-path:polygon(50% 0,92% 100%,50% 76%,8% 100%);width:22px;height:22px}#toast{color:#fff;white-space:nowrap;opacity:0;background:#3a2346db;border-radius:999px;padding:9px 18px;font-size:17px;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;top:74px;left:50%;transform:translate(-50%,-10px)}#toast.show{opacity:1;transform:translate(-50%)}#hint{white-space:nowrap;background:#fff6e0e0;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:500;transition:opacity 1s;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}#hint.gone{opacity:0}#hint b,.title-keys b{color:var(--purple);font-weight:700}#hint i,.title-keys i{background:var(--pink);border-radius:50%;width:5px;height:5px;margin:0 7px 2px;display:inline-block}#compass-text{white-space:nowrap}@media (max-width:640px){#hud{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(10px, env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"left right""center center";align-content:start;gap:10px 8px}.hud-left{grid-area:left;gap:8px;min-width:0}.hud-right{grid-area:right;gap:6px}.hud-center{grid-area:center}.who{min-width:0}.avatar{border-width:3px;width:52px;height:52px}#hud-name{-webkit-text-stroke-width:4px;white-space:nowrap;text-overflow:ellipsis;margin:-2px -4px 2px;padding:2px 4px;font-size:18px;overflow:hidden}#hearts{gap:2px}#hearts svg{width:20px;height:20px}.hud-right .pill{gap:6px;height:42px;padding:0 12px;font-size:18px}.hud-right .pill.round{width:42px;padding:0}#compass{height:36px;font-size:15px}#toast{top:calc(max(14px, env(safe-area-inset-top)) + 108px);white-space:normal;text-align:center;border-radius:18px;width:max-content;max-width:calc(100vw - 28px);font-size:15px}}#touch{pointer-events:none;display:none;position:fixed;inset:0}@media (pointer:coarse){body.playing #touch{display:block}#hint{display:none}}.stick{left:max(22px, env(safe-area-inset-left));pointer-events:auto;background:#ffffff47;border:3px solid #ffffffb3;border-radius:50%;width:132px;height:132px;position:absolute;bottom:26px}.stick-knob{background:var(--cream);border:3px solid var(--purple);border-radius:50%;width:58px;height:58px;margin:-29px;position:absolute;top:50%;left:50%}#touch button{right:max(22px, env(safe-area-inset-right));pointer-events:auto;width:84px;height:84px;font-family:var(--display);color:#fff;border:3px solid var(--purple);box-shadow:0 5px 0 var(--purple);border-radius:50%;font-size:18px;position:absolute}.btn-jump{background:var(--pink);bottom:30px}.btn-punch{background:#ffb02e;bottom:128px;right:max(96px, calc(env(safe-area-inset-right) + 74px))!important}.screen{z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logo{font-family:var(--display);text-transform:uppercase;text-align:center;letter-spacing:.01em;filter:drop-shadow(0 .07em #3a14648c)drop-shadow(0 .18em .25em #3a14644d);margin:0;font-size:clamp(54px,12.5vmin,150px);font-weight:400;line-height:.88}.logo.small{font-size:clamp(44px,9vmin,104px)}.logo span{padding:.06em .15em;display:block;position:relative}.logo span b{z-index:1;background:linear-gradient(#ffd0ee 8%,#ff8fd0 42%,#ffe24d 62%,#ffb52e 96%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:400;position:relative}.logo span:before,.logo span:after{content:attr(data-text);padding:inherit;position:absolute;inset:0}.logo span:before{color:var(--purple);-webkit-text-stroke:.2em var(--purple)}.logo span:after{color:#fff;-webkit-text-stroke:.07em #fff}.logo span:first-child{transform:rotate(-3deg)}.logo span:nth-child(2){transform:rotate(1.5deg)}#title{background:radial-gradient(120% 70% at 50% 0,#ffe2824d,#ffe28200 70%);align-items:flex-start}.title-inner{flex-direction:column;align-items:center;gap:2.2vh;margin-top:max(4vh,20px);padding:0 16px;animation:.9s cubic-bezier(.2,1.4,.4,1) both drop-in;display:flex}@keyframes drop-in{0%{opacity:0;transform:translateY(-40px)scale(.9)}}.tagline{color:#fff;text-align:center;text-shadow:0 2px 0 var(--purple), 0 0 12px #3a146499;margin:0;font-size:clamp(16px,2.6vmin,24px);font-weight:600}.title-buttons{justify-content:center;gap:14px;display:flex;position:absolute;bottom:max(12vh,84px);left:0;right:0}.title-keys{white-space:nowrap;background:#fff6e0e0;border-radius:999px;margin:0;padding:8px 18px;font-size:15px;font-weight:500;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@media (pointer:coarse),(max-width:760px){.title-keys{display:none}}.title-sub{text-align:center;color:#fff;max-width:34em;text-shadow:0 1px 0 var(--purple), 0 0 10px #3a1464b3;margin:8px auto 0;padding:0 16px;font-size:clamp(13px,1.9vmin,17px);font-weight:600}.title-about{right:max(16px, env(safe-area-inset-right));border:2px solid var(--purple);font-family:var(--body);color:var(--purple);cursor:pointer;background:#fff6e0e0;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;position:absolute;bottom:22px}.title-about:hover{background:#fff}@media (pointer:coarse),(max-width:760px){.title-about{right:50%;bottom:max(16px, env(safe-area-inset-bottom));transform:translate(50%)}}#about{z-index:20;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:linear-gradient(160deg,#7846c8f0,#f06eaaf0);align-items:flex-start;animation:.25s both fade-in;overflow-y:auto}.about-inner{background:var(--cream);border:4px solid var(--purple);width:min(760px,100% - 24px);box-shadow:0 8px 0 var(--purple);-webkit-user-select:text;user-select:text;border-radius:26px;margin:clamp(12px,4vh,40px) auto;padding:clamp(18px,4vw,34px) clamp(16px,4vw,38px) 28px;font-size:17px;line-height:1.5;position:relative}.about-inner h2{font-family:var(--display);color:var(--magenta);margin:0 46px 12px 0;font-size:clamp(26px,5vw,38px);font-weight:400;line-height:1.1}.about-inner h3{font-family:var(--display);color:var(--purple);margin:22px 0 6px;font-size:22px;font-weight:400}.about-inner p{margin:0 0 10px}.about-inner ul{margin:0;padding-left:1.2em}.about-inner li{margin:4px 0}.about-inner dt{color:var(--purple);margin-top:10px;font-weight:700}.about-inner dd{margin:2px 0 0}.about-inner a{color:var(--magenta);font-weight:700}.about-close{cursor:pointer;position:absolute;top:14px;right:14px}.noscript{z-index:40;text-align:center;background:#ffd27a;place-content:center;gap:8px;padding:24px;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}.big-btn{min-width:190px;font-family:var(--display);color:#fff;box-shadow:0 0 0 4px var(--purple), 0 9px 0 4px var(--purple), 0 18px 24px #3a146459;text-shadow:0 2px #780a4680;pointer-events:auto;background:linear-gradient(#ff9ccd,#ff4f9a);border:4px solid #fff;border-radius:999px;padding:14px 30px 16px;font-size:clamp(22px,3.6vmin,34px);transition:transform 80ms,box-shadow 80ms}.big-btn:hover{transform:translateY(-2px)}.big-btn:active{box-shadow:0 0 0 4px var(--purple), 0 3px 0 4px var(--purple);transform:translateY(6px)}.big-btn.ghost{color:var(--purple);text-shadow:none;background:linear-gradient(#fffaf0,#ffe9b8)}.big-btn:disabled{filter:grayscale(.6);opacity:.75;cursor:default}#btn-play{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.06)}}.banner{font-family:var(--display);color:#fff;-webkit-text-stroke:.22em var(--purple);paint-order:stroke fill;text-align:center;letter-spacing:.02em;margin:0;font-size:clamp(26px,5vmin,52px);font-weight:400}#reveal{background:radial-gradient(circle at 50% 45%,#ffd66ebf,#a050c8d1);animation:.4s both fade-in;overflow:hidden}@keyframes fade-in{0%{opacity:0}}.rays{background:repeating-conic-gradient(#ffffff38 0 9deg, #fff0 9deg 18deg);width:220vmax;height:220vmax;margin:-110vmax;animation:40s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.reveal-inner{flex-direction:column;align-items:center;gap:2.5vh;padding:16px;display:flex;position:relative}.reveal-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(16px,4vw,48px);display:flex}.reveal-panel{flex-direction:column;gap:18px;width:min(320px,86vw);animation:.6s cubic-bezier(.2,1.4,.4,1) .9s both drop-in;display:flex}.perk{background:var(--cream);border:3px solid var(--purple);border-radius:20px;margin:0 0 4px;padding:14px 18px;font-size:18px;font-weight:600;line-height:1.3}.flipper{--w:min(330px, 78vw, 46vh);width:var(--w);perspective:1400px}.flipper .card{animation:1.1s cubic-bezier(.3,1.2,.4,1) both flip-in}@keyframes flip-in{0%{opacity:0;transform:rotateY(-900deg)scale(.2)}30%{opacity:1}to{transform:rotateY(0)scale(1)}}#album{touch-action:pan-y;background:linear-gradient(160deg,#7846c8eb,#f06eaaeb);align-items:flex-start;animation:.25s both fade-in;overflow-y:auto}.album-inner{width:min(1180px,100%);padding:20px clamp(12px,3vw,32px) 28px}.album-inner header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.album-inner header .banner{text-align:left;font-size:clamp(22px,4vmin,40px)}.album-count{font-family:var(--display);color:#fff;white-space:nowrap;margin-left:auto;font-size:22px}.album-grid{perspective:1600px;grid-template-columns:repeat(auto-fill,minmax(min(220px,44vw),1fr));gap:clamp(10px,2vw,22px);display:grid}.album-grid .slot{cursor:pointer;border-radius:6%;transition:transform .15s;position:relative}.album-grid .slot.locked{cursor:default}.album-grid .slot.current:after{content:"Playing";background:var(--yellow);border:3px solid var(--purple);font-family:var(--display);color:var(--purple);z-index:3;border-radius:999px;padding:4px 12px;font-size:15px;position:absolute;top:-10px;right:-8px}.album-grid .slot.selected{outline-offset:4px;outline:5px solid #fff}#album-footer{background:var(--cream);border:3px solid var(--purple);box-shadow:0 6px 0 var(--purple);border-radius:24px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;padding:14px 18px;font-size:17px;font-weight:600;display:flex;position:sticky;bottom:0}#album-footer .grow{flex:240px}#album-footer .big-btn{min-width:0;box-shadow:0 0 0 3px var(--purple), 0 6px 0 3px var(--purple);padding:10px 24px 12px;font-size:22px}.card{--frame-a:#2aa9a2;--frame-b:#17807c;--rx:0deg;--ry:0deg;--mx:50%;--my:50%;aspect-ratio:63/88;width:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));border-radius:5.5%/3.94%;transition:transform .25s ease-out;position:relative;box-shadow:0 6px 14px #280a3c59;container-type:inline-size}.card[data-rarity=ultra]{--frame-a:#e63a96;--frame-b:#b3186c}.card[data-rarity=chase]{--frame-a:#f3c64a;--frame-b:#c98a16}.card.tilting{transition:none}.card-frame{border-radius:inherit;background:linear-gradient(140deg, var(--frame-a), var(--frame-b));padding:4cqw;position:absolute;inset:0;overflow:hidden}.card-frame:before,.card-art:after,.holo{content:"";pointer-events:none;position:absolute;inset:0}.card-frame:before,.card-art:after{mix-blend-mode:screen;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 2 2 2 0 -3.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:55cqw}.card-art:after{opacity:.22;background-position:var(--mx) var(--my)}.card-body{background:#ffe9a6;border:.9cqw solid #f4c44f;border-radius:3.6cqw;flex-direction:column;gap:1.2cqw;height:100%;padding:1.6cqw;display:flex;position:relative;box-shadow:inset 0 0 0 .5cqw #fff3c8}.card-head{background:linear-gradient(140deg, var(--frame-a), var(--frame-b));border-radius:2.4cqw;justify-content:center;align-items:center;height:12.5cqw;margin:0 13cqw;display:flex;position:relative}.card-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;background:linear-gradient(#fff 20%,#cfe8ff 50%,#fff 60%,#ffd9f2 100%);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:9cqw;line-height:1;position:relative}.card-name.long{font-size:6.5cqw}.card-name:before{content:attr(data-text);z-index:-1;color:#2b1b3a;-webkit-text-stroke:1.7cqw #2b1b3a;position:absolute;inset:0}.card-head{isolation:isolate}.card-coin{z-index:2;background:radial-gradient(circle at 35% 30%,#ffe98a,#f7b62a);border:.9cqw solid #e48a17;border-radius:50%;place-items:center;width:14.5cqw;height:14.5cqw;display:grid;position:absolute;top:-1cqw;left:-13cqw}.card-coin svg{width:72%}.card-hp{z-index:2;place-items:center;width:17cqw;height:14.5cqw;display:grid;position:absolute;top:-1cqw;right:-13.5cqw}.card-hp svg{width:100%;height:100%;position:absolute;inset:0}.card-hp div{font-family:var(--display);color:#3aa2ee;text-align:center;-webkit-text-stroke:.25cqw #1c6fc4;font-size:6.2cqw;line-height:.82;position:relative}.card-hp small{font-size:3.6cqw;display:block}.card-ribbon{text-transform:uppercase;letter-spacing:.03em;color:#2b1b3a;white-space:nowrap;z-index:1;clip-path:polygon(0 0,100% 0,96.5% 50%,100% 100%,0 100%,3.5% 50%);background:#fbe3a4;border:.5cqw solid #c9953a;align-self:center;margin-top:-1.6cqw;padding:.8cqw 4cqw 1cqw;font-size:3.7cqw;font-weight:700;position:relative}.card-art{background:#cde;border-radius:2.4cqw;flex:1;min-height:0;margin-top:-3cqw;position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;display:block}.card-stat{--c:#f6b7b2;--d:#e23b3b;background:var(--c);border-radius:1.5cqw;align-items:center;height:11.2cqw;margin:0 7cqw 0 5.5cqw;padding:0 9.5cqw;display:flex;position:relative}.card-stat.s2{--c:#a9d6f7;--d:#2f8fe0}.card-stat.s3{--c:#fbd879;--d:#f0a81c}.stat-ico{background:radial-gradient(circle at 35% 28%, #fff8, #fff0 45%), var(--d);border:.8cqw solid #0000002e;border-radius:50%;place-items:center;width:13.5cqw;height:13.5cqw;margin-top:-6.75cqw;display:grid;position:absolute;top:50%;left:-5.5cqw}.stat-ico svg{width:62%}.stat-text{min-width:0;line-height:1.05}.stat-text b{text-transform:uppercase;color:#1f1530;font-size:4.3cqw;font-weight:700;display:block}.stat-text span{color:#2b1b3a;font-size:3.1cqw;font-weight:500;display:block}.stat-val{width:16cqw;height:16cqw;font-family:var(--display);color:#fff;background:var(--d);clip-path:polygon(50% 0%,60% 12%,75% 7%,79% 22%,93% 25%,89% 40%,100% 50%,89% 60%,93% 75%,79% 78%,75% 93%,60% 88%,50% 100%,40% 88%,25% 93%,21% 78%,7% 75%,11% 60%,0% 50%,11% 40%,7% 25%,21% 22%,25% 7%,40% 12%);text-shadow:0 .5cqw #00000040;place-items:center;margin-top:-8cqw;font-size:7.4cqw;display:grid;position:absolute;top:50%;right:-7cqw}.card-foot{color:#6b4a1e;text-transform:uppercase;justify-content:space-between;align-items:center;height:5cqw;font-size:2.9cqw;font-weight:700;display:flex}.card-rarity{background:var(--frame-b);color:#ffe9a6;letter-spacing:.05em;border-radius:1cqw;align-items:center;gap:1.2cqw;padding:.6cqw 2.4cqw;display:flex}.card-rarity i{letter-spacing:.12em;color:#fff;font-style:normal}.holo{border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my), #ffffff8c, #fff0 45%), linear-gradient(115deg, transparent 15%, #ff50c859 32%, #5adcff59 46%, #fff07859 58%, transparent 78%);background-size:100% 100%,250% 250%;background-position:0 0, var(--mx) var(--my);mix-blend-mode:soft-light;opacity:.75;z-index:5}.card:hover .holo{opacity:1}.card.mystery{--frame-a:#6a43b5;--frame-b:#3c2378}.card.mystery .card-body{background:repeating-linear-gradient(45deg,#4b2f8f 0 4cqw,#55379c 4cqw 8cqw);border-color:#8f6fe0;justify-content:center;align-items:center;gap:3cqw;box-shadow:inset 0 0 0 .5cqw #7a59cf}.mystery-mark{font-family:var(--display);color:#ffd84a;-webkit-text-stroke:2.4cqw #2b1b55;paint-order:stroke fill;filter:drop-shadow(0 2cqw #00000040);font-size:58cqw;line-height:.8;animation:3s ease-in-out infinite wobble}@keyframes wobble{50%{transform:rotate(6deg)scale(1.05)}}.mystery-label{font-family:var(--display);color:#d9c8ff;letter-spacing:.06em;text-transform:uppercase;font-size:6cqw}#win{pointer-events:none;background:radial-gradient(120% 70% at 50% 0,#ffe67899,#ff78be00 70%);align-items:flex-start;padding-top:7vh}.win-inner{flex-direction:column;align-items:center;gap:3vh;animation:.9s cubic-bezier(.2,1.4,.4,1) both drop-in;display:flex}#fade{z-index:20;opacity:0;pointer-events:none;background:radial-gradient(circle,#ffb7d6,#b36ae0);place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}#fade.on{opacity:1}#fade-text{font-family:var(--display);color:#fff;-webkit-text-stroke:.2em var(--purple);paint-order:stroke fill;text-align:center;padding:0 20px;font-size:clamp(26px,5vmin,48px)}