:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--world:#1a873a;--world-2:#0a4a1e;--hud:#0806186b;--grass:#7be36b;--on-bg:#fff;--track:#dce1f5;--tree:#22c7a9;--sky:#8adcff;--ink:#14102a;--ink-2:#3e3866;--muted:#57527c;--panel:#f2f4ff;--panel-2:#e1e6fa;--soft-line:#c7cdea;--magenta:#d63ce0;--magenta-d:#a421b0;--purple:#8b3fe0;--cyan:#22c3f2;--yellow:#ffd12b;--green:#3ccb5a;--goo:#ffc21a;--up:#157a36;--down:#c81e3a;--stage:#0e1a66;--stage-2:#2f56e0;--f-display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--f-body:"Nunito", system-ui, sans-serif;--r-sm:12px;--r-md:18px;--r-lg:20px;--jelly:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.22, 1, .36, 1);--top-h:70px;--tab-h:74px;--lift:0 4px 0 var(--ink)}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);font:600 16px/1.45 var(--f-body);-webkit-font-smoothing:antialiased;background:#0b0920;min-height:100vh}:root{--cur:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M5%203%20L26%2017%20L16.5%2018.5%20L21%2027%20L16.5%2029%20L12%2020.5%20L5%2026%20Z%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%2314102A%22%20stroke-width%3D%222.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%208%20L8%2013%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.85%22%2F%3E%3C%2Fsvg%3E) 5 3, auto;--cur-pointer:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M5%203%20L26%2017%20L16.5%2018.5%20L21%2027%20L16.5%2029%20L12%2020.5%20L5%2026%20Z%22%20fill%3D%22%23FFD12B%22%20stroke%3D%22%2314102A%22%20stroke-width%3D%222.6%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8%208%20L8%2013%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22M26%202%20l1.4%203%203.2.4-2.4%202.2.6%203.2-2.8-1.6-2.8%201.6.6-3.2-2.4-2.2%203.2-.4z%22%20fill%3D%22%23fff%22%20stroke%3D%22%2314102A%22%20stroke-width%3D%221.4%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E) 5 3, pointer}html,body{cursor:var(--cur)}button,a,select,label,summary,[role=button],.lobby-stage,.tile,.card,.offer,.rush-cell,.echo-pad,.jump-track,.flip,.spotlight{cursor:var(--cur-pointer)}button:disabled{cursor:var(--cur)}input,textarea{cursor:text}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:10px}.num{font-family:var(--f-body);font-variant-numeric:tabular-nums;font-weight:800}.mono{font-family:ui-monospace,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:13px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.row{align-items:center;display:flex}.row.gap{gap:10px}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}.row.end{justify-content:flex-end}.row.between{flex-wrap:wrap;justify-content:space-between;gap:12px}.stack{flex-direction:column;gap:14px;display:flex}.stack-lg{flex-direction:column;gap:30px;display:flex}kbd{font:600 11px/1 var(--f-body);background:#1f1a3d33;border-radius:6px;margin-left:6px;padding:3px 6px}.ico{flex:none;display:block}.ico.sprite{object-fit:contain;-webkit-user-select:none;user-select:none}.hud-pill .pill-ico{filter:drop-shadow(0 2px 0 var(--ink));margin:-10px 0 -10px -14px}.display,.h1,.pet-name,.modal-head h2,.opening-title,.spot-title,.drill-result .h1{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink)}.display{font:400 clamp(60px, 11vw, 118px)/.9 var(--f-display);color:#fff;text-wrap:balance;letter-spacing:.01em;margin:0}.display.small{font-size:clamp(32px,6vw,46px)}.h1{font:400 clamp(32px, 5vw, 46px)/1 var(--f-display);color:#fff;text-wrap:balance;margin:0}.h2{font:400 24px/1.1 var(--f-display);text-wrap:balance;margin:0 0 14px}.h3{font:400 20px/1.15 var(--f-display);margin:0 0 12px}.eyebrow{font:600 12px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--yellow);background:var(--ink);border-radius:999px;align-items:center;gap:6px;margin:0 0 12px;padding:6px 10px;display:inline-flex}.label{font:600 12px/1 var(--f-body);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;display:flex}.sub{color:var(--ink-2);max-width:60ch;margin:10px 0 0;font-weight:500}.footnote{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.warn{color:var(--down);border:3px solid var(--ink);border-radius:var(--r-sm);background:#ffe1e6;margin:12px 0 0;padding:10px 14px;font-weight:600}.btn{--b1:#fff;--b2:#dde2f5;--sk:-6deg;background:linear-gradient(var(--b1) 0 48%, var(--b2) 48%);min-height:44px;color:var(--ink);border:3px solid var(--ink);box-shadow:var(--lift);font:400 17px/1 var(--f-display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;transform:skewX(var(--sk));transition:transform .2s var(--jelly), box-shadow .15s;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 20px;display:inline-flex;position:relative}.btn:before{content:"";pointer-events:none;background:#fff9;border-radius:2px;height:3px;position:absolute;top:3px;left:8px;right:8px}.btn:hover:not(:disabled){transform:skewX(var(--sk)) translateY(-1px)}.btn:active:not(:disabled){transform:skewX(var(--sk)) translateY(3px);box-shadow:0 1px 0 var(--ink)}.btn:disabled{filter:grayscale(.9);opacity:.6}.btn.primary{--b1:#ffe666;--b2:#ffc81a}.btn.go{--b1:#74f06e;--b2:#2fc23a}.btn.ghost{--b1:#5bb2ff;--b2:#2b7bef;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;box-shadow:0 3px 0 var(--ink)}.btn.danger{--b1:#ff7a86;--b2:#f0353f;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.btn.small{min-height:34px;box-shadow:0 3px 0 var(--ink);border-width:2.5px;padding:0 14px;font-size:14px}.btn.small:before{width:7px;height:4px;top:4px;left:9px}.btn.big{min-height:56px;padding:0 30px;font-size:20px}.round-btn{border:3px solid var(--ink);width:44px;height:44px;box-shadow:0 3px 0 var(--ink);transition:transform .2s var(--jelly);background:linear-gradient(#5bb2ff 0 48%,#2b7bef 48%);border-radius:12px;place-items:center;display:grid}.round-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.pill{font:600 13px/1 var(--f-body);background:var(--panel-2);border:2.5px solid var(--ink);border-radius:999px;padding:7px 11px}.pill.on{background:var(--green)}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:#0b0920;position:fixed;inset:0 0 auto}.app{--fa:#1a873a;--fb:#0a4a1e;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23ffffff' fill-opacity='.05'%3E%3Cpath d='M30 10c0 0-14 15-14 24a14 14 0 0 0 28 0c0-9-14-24-14-24z'/%3E%3Cpath d='M90 66l4.6 9.4 10.4 1.5-7.5 7.3 1.8 10.3L90 89.6l-9.3 4.9 1.8-10.3-7.5-7.3 10.4-1.5z'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 120px 120px, radial-gradient(1400px 900px at 50% 0, color-mix(in srgb, var(--fa) 86%, transparent), color-mix(in srgb, var(--fb) 94%, transparent) 85%), url(../bg/landing-wide.jpg) 50% 100% / cover fixed var(--fb);flex-direction:column;min-height:100vh;display:flex}.app[data-view=packs]{--fa:#7a2fd6;--fb:#2e0e66}.app[data-view=collection]{--fa:#1570be;--fb:#0a3270}.app[data-view=market]{--fa:#3557dc;--fb:#121f7a}.app[data-view=trades]{--fa:#b8500c;--fb:#5e2206}.topbar{top:env(safe-area-inset-top,0px);z-index:20;border-bottom:3px solid var(--ink);background:linear-gradient(#251d57,#140f33);position:sticky;box-shadow:inset 0 -3px #ffffff12,0 4px #00000047}.topbar-in,.main,.foot{width:100%;max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.topbar-in{min-height:var(--top-h);align-items:center;gap:16px;display:flex}.badge{color:#fff;border:2.5px solid var(--ink);min-width:22px;height:22px;font:600 12px/1 var(--f-body);background:#ff3b5c;border-radius:11px;place-items:center;padding:0 6px;display:grid;position:absolute;top:-9px;right:-8px}.topbar-r{align-items:center;gap:8px;margin-left:auto;display:flex}.hud-pill{background:var(--ink);color:#fff;font:600 16px/1 var(--f-body);border:3px solid var(--ink);border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:5px 14px 5px 6px;display:inline-flex}.goo{align-items:center;gap:4px;font-weight:600;display:inline-flex}.main{flex:1;padding-block:28px 56px}.foot{color:var(--on-bg);border-top:3px solid #ffffff2e;flex-wrap:wrap;gap:8px 20px;padding-block:22px 30px;font-size:14px;font-weight:600;display:flex}.foot a{color:var(--on-bg);font-weight:800}.foot .muted,.main .sub,.main .footnote{color:var(--on-bg)}.modal .sub,.modal .footnote{color:var(--ink-2)}.foot .ca{overflow-wrap:anywhere}.view-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.view-head>div:first-child{flex:320px;min-width:0}.panel{--pb1:var(--panel);--pb2:var(--panel);--h1:#5fdcff;--h2:#22c3f2;background:linear-gradient(var(--pb1), var(--pb2));border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:inset 0 3px 0 #ffffff59, inset 0 -5px 0 #00000029, 0 5px 0 var(--ink);padding:18px;position:relative}.panel.tone-cyan{--pb1:#2e9bf0;--pb2:#1a68cc}.panel.tone-purple{--pb1:#8e4deb;--pb2:#5f26bd;--h1:#b47bff;--h2:#8b3fe0}.panel.tone-cyan .panel-h .muted,.panel.tone-purple .panel-h .muted{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.panel-h{background:repeating-linear-gradient(-45deg, #ffffff24 0 10px, transparent 10px 20px), linear-gradient(var(--h1) 0 50%, var(--h2) 50%);border-bottom:3px solid var(--ink);border-radius:17px 17px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:-18px -18px 16px;padding:10px 16px;display:flex}.panel-h h3{font:400 19px/1.1 var(--f-display);text-transform:uppercase;letter-spacing:.02em;color:#fff;-webkit-text-stroke:4.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);margin:0}.panel-h .muted{color:var(--ink);font-size:13px;font-weight:600}.panel-h h3{align-items:center;gap:8px;display:flex}.ph-ico{filter:drop-shadow(0 2px 0 var(--ink));margin:-14px 0 -12px -4px;transform:rotate(-10deg)}.empty{border:3px solid var(--ink);border-radius:var(--r-md);color:#fff;box-shadow:0 5px 0 var(--ink);background:#14102ac7;align-items:center;gap:14px;padding:18px 20px;font-weight:700;display:flex}.empty:before{content:"";width:52px;height:52px;filter:drop-shadow(0 3px 0 var(--ink));background:url(../ui/clock.png) 50%/contain no-repeat;flex:none;transform:rotate(-8deg)}.empty p{max-width:60ch;margin:0}.pet-svg{display:block;overflow:visible}.pet-body{transform-box:fill-box;transform-origin:50% 100%;animation:3.2s ease-in-out infinite breathe}.pet-sleep .pet-body{animation-duration:5s}.pet-happy .pet-body{animation:bounce .6s var(--jelly) infinite alternate}.pet-eyes{transform-box:view-box;animation:5.5s infinite blink}.pet-sleep .pet-eyes,.pet-happy .pet-eyes{animation:none}.pet-zzz text{fill:#fff;stroke:var(--ink);stroke-width:3px;paint-order:stroke;animation:2.4s ease-in-out infinite zzz}.pet-zzz text+text{animation-delay:.8s}.twinkle{animation:2.2s ease-in-out infinite twinkle}.holo-sheen{animation:4s linear infinite sheen}.hat-halo{animation:2.6s ease-in-out infinite halo}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.97)}}@keyframes bounce{0%{transform:scale(1.04,.95)}to{transform:translateY(-5%)scale(.97,1.04)}}@keyframes blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes zzz{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}to{opacity:0;transform:translate(10px,-14px)}}@keyframes twinkle{50%{opacity:.2}}@keyframes sheen{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes halo{50%{transform:translateY(-4px)}}.pet-name{font:400 clamp(38px, 5.5vw, 56px)/.95 var(--f-display);color:#fff;margin:0}@keyframes low{50%{transform:translateY(-2px)}}.squish{animation:squish .55s var(--jelly)}@keyframes squish{0%{transform:scale(1)}25%{transform:scale(1.12,.86)}55%{transform:scale(.94,1.07)}to{transform:scale(1)}}.bubble{z-index:2;color:var(--ink);font:600 15px/1.25 var(--f-body);border:3px solid var(--ink);text-align:center;text-wrap:balance;max-width:min(280px,80%);animation:pop-in .4s var(--jelly) both;background:#fff;border-radius:18px;padding:9px 14px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.bubble:after{content:"";border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);background:#fff;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.85)}}.pat-hint{text-align:center;font:600 13px/1 var(--f-body);color:var(--ink);margin:4px 0 0}.stage-note{color:var(--ink);text-align:center;background:#ffffffd9;border-radius:12px;margin:12px 0 0;padding:6px 10px;font-size:14px;font-weight:600}.tile{--rc:var(--soft-line);background:var(--panel);border:3px solid var(--ink);width:96px;box-shadow:inset 0 0 0 3px var(--rc), 0 3px 0 var(--ink);transition:transform .2s var(--jelly);border-radius:18px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:10px 6px 8px;display:flex;position:relative}.tile:active{transform:translateY(2px)}.tile.on{box-shadow:inset 0 0 0 3px var(--magenta), 0 3px 0 var(--ink)}.bar{flex-direction:column;gap:6px;display:flex}.bar-top{font:600 14px/1 var(--f-body);justify-content:space-between;display:flex}.bar-track{background:var(--track);border:2.5px solid var(--ink);border-radius:9px;height:16px;overflow:hidden}.bar-fill{background:var(--magenta);height:100%;transition:width .6s var(--out);border-radius:0 6px 6px 0;box-shadow:inset 0 3px #ffffff59}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:linear-gradient(#fff 0 55%,#eef1fc 55%);border-radius:14px;flex-direction:column;gap:2px;padding:12px;display:flex;position:relative}.quests{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.quests li{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:linear-gradient(#fff 0 55%,#eef1fc 55%);border-radius:14px;align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex}.q-ico{border:2.5px solid var(--ink);background:#e9ddff;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.q-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.q-label{font-size:15px;font-weight:800;line-height:1.2}.q-track{border:2.5px solid var(--ink);background:#3b2f6b;border-radius:8px;height:22px;position:relative;overflow:hidden}.q-num{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.q-track div{height:100%;transition:width .4s var(--out);background:linear-gradient(#8bf27a 0 50%,#3ccb5a 50%);border-radius:0 5px 5px 0}.cta-pack{text-align:left;width:100%;min-height:84px;color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:inset 0 3px 0 #ffffff73, inset 0 -5px 0 #0000001f, 0 5px 0 var(--ink);transition:transform .2s var(--jelly);background:repeating-linear-gradient(-45deg,#ffffff24 0 10px,#0000 10px 20px),linear-gradient(#ffe666 0 50%,#ffc81a 50%);align-items:center;gap:12px;padding:12px 16px 12px 96px;display:flex;position:relative}.cta-pack:hover{transform:translateY(-2px)}.cta-ico{filter:drop-shadow(0 3px #14102a8c);position:absolute;top:50%;left:6px;transform:rotate(-12deg)}.cta-text{font:400 20px/1.05 var(--f-display);text-transform:uppercase;flex-wrap:wrap;flex:1;align-items:baseline;gap:8px;display:flex}.cta-text b{font:400 40px/1 var(--f-display);color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink)}.cta-go{flex:none}.pet-strip{gap:10px;padding:2px 2px 6px;display:flex;overflow-x:auto}.pet-chip{border:3px solid var(--ink);font:600 14px/1.1 var(--f-body);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:18px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:8px 12px;display:flex}.pet-chip small{color:var(--muted);font-size:12px}.pet-chip.on{background:var(--yellow)}.rush-snack{object-fit:contain;width:72%;height:72%}.card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;text-align:left;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .25s var(--out);background:0 0;border:0;padding:0;display:block;position:relative}.card-inner{border:4px solid var(--ink);background:repeating-linear-gradient(-45deg, #ffffff1a 0 8px, transparent 8px 16px), linear-gradient(155deg, color-mix(in srgb, var(--rc) 55%, #fff) 0 40%, var(--rc) 40% 78%, color-mix(in srgb, var(--rc) 75%, var(--ink)) 100%);height:100%;box-shadow:inset 0 3px 0 #ffffff73, inset 0 -4px 0 #0000002e, 0 5px 0 var(--ink);transition:transform .2s var(--jelly);border-radius:14px;flex-direction:column;padding:6px;display:flex;position:relative;overflow:hidden}button.card:hover .card-inner{transform:translateY(-3px)}.card.selected .card-inner{outline:4px solid var(--magenta);outline-offset:2px}.card-sm{width:132px}.card-md{width:100%}.card-lg{width:100%;height:100%}.card-art{order:1}.card-plate{order:2}.card-foot{order:3}.card-actions{order:4}.card-art{aspect-ratio:1/.95;border:3px solid var(--ink);background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--rc) 25%, #fff) 0 18%, color-mix(in srgb, var(--rc) 70%, #fff) 46%, color-mix(in srgb, var(--rc) 55%, var(--ink)) 100%);border-radius:10px;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -10px 18px #14102a40}.card-rays{background:repeating-conic-gradient(from 0deg at 50% 52%, #ffffff38 0 8deg, transparent 8deg 20deg);pointer-events:none;position:absolute;inset:-20%;-webkit-mask:radial-gradient(circle at 50% 52%,#000 15%,#0000 62%);mask:radial-gradient(circle at 50% 52%,#000 15%,#0000 62%)}.card-art:after{content:"";pointer-events:none;background:#14102a4d;border-radius:50%;height:8%;position:absolute;bottom:9%;left:24%;right:24%}.card-art .pet-img{z-index:1;filter:drop-shadow(0 4px #14102a4d);width:auto;height:108%;transition:scale .25s var(--jelly);position:absolute;bottom:-6%;left:50%;translate:-50%}button.card:hover .card-art .pet-img{scale:1.06}.lvl-star{z-index:2;place-items:center;line-height:0;display:grid;position:absolute;bottom:2px;right:2px}.lvl-star .ico{filter:drop-shadow(0 3px 0 var(--ink))}.lvl-star b{font:400 16px/1 var(--f-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;padding-top:4px;position:absolute}.card-sm .lvl-star b{-webkit-text-stroke-width:3px;font-size:12px}.card-lg .lvl-star b{font-size:20px}.card-plate{z-index:2;background:var(--ink);text-align:center;border-radius:8px;margin:-10px 4px 0;padding:6px 8px 7px;position:relative;transform:skewY(-2deg);box-shadow:0 3px #0000004d}.card-name{font:400 16px/1.05 var(--f-display);color:#fff;text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.card-sm .card-name{font-size:13px}.card-sm .card-plate{margin-top:-8px;padding:4px 6px 5px}.card-lg .card-name{font-size:20px}.card-foot{justify-content:space-between;align-items:center;gap:6px;padding:8px 2px 0;display:flex}.card-rarity,.rtag{font:400 12px/1 var(--f-display);text-transform:uppercase;letter-spacing:.03em;color:var(--ink);background:var(--rc);border:2.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:4px 9px 5px}.card-foot .card-rarity{background:linear-gradient(#fff 0 50%, color-mix(in srgb, var(--rc) 35%, #fff) 50%)}.rtag{align-self:flex-start}.pips{filter:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink));gap:2px;display:inline-flex}.pips i{clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);background:#ffffff8c;width:13px;height:13px}.pips i.on{background:var(--yellow)}.card-sm .pips i{width:10px;height:10px}.card-sm .card-rarity{padding:3px 6px 4px;font-size:10px}.new-badge{z-index:3;font:400 12px/1 var(--f-display);color:#fff;border:2.5px solid var(--ink);background:#ff3b5c;border-radius:999px;padding:5px 8px;position:absolute;top:2px;left:2px;transform:rotate(-8deg)}.count-badge{z-index:3;font:600 12px/1 var(--f-body);background:var(--ink);color:#fff;border-radius:999px;padding:4px 8px;position:absolute;top:2px;right:2px}.card-actions{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;display:flex}.card-actions .pill.on{font:400 14px/1 var(--f-display);text-transform:uppercase;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#74f06e 0 50%,#2fc23a 50%);padding:8px 12px}.card.holo .card-inner:after{content:"";pointer-events:none;border-radius:inherit;z-index:2;background:linear-gradient(115deg,#0000 25%,#ffffffa6 45%,#0000 60%) 0 0/250% 250%,linear-gradient(135deg,#ff5fa840,#ffd35c40,#7ee8a640,#62b6ff40,#c58bff40) 0 0/100% 100%;background-position:var(--mx) var(--my), 0 0;mix-blend-mode:soft-light;position:absolute;inset:0}.card.t4 .card-inner{box-shadow:inset 0 3px 0 #ffffff73, inset 0 -4px 0 #0000002e, 0 5px 0 var(--ink), 0 0 22px 3px #ffbe3c99}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.grid-cards.sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.grid-cards.sm .card-sm{width:100%}.r-divider{align-items:center;gap:12px;margin:6px 0 14px;display:flex}.r-divider span{font:400 16px/1 var(--f-display);color:var(--ink);background:var(--rc);border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:6px 14px}.r-divider:after{content:"";background:#ffffff38;border-radius:2px;flex:1;height:4px}.r-divider small{font:800 13px/1 var(--f-body);color:var(--on-bg);order:3}.pack{flex:none;place-items:center;display:grid;position:relative}.pack-shot,.pack-canvas{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.pack-3d .pack-canvas{pointer-events:none;width:180%;height:150%;position:absolute;top:-25%;left:-40%}.pack-ph{background:linear-gradient(160deg, var(--a), var(--b));border:3px solid var(--ink);opacity:.8;border-radius:10px;animation:1.2s ease-in-out infinite alternate ph;position:absolute;inset:8% 10%}@keyframes ph{to{opacity:.5}}.offer-art .pack-shot{filter:drop-shadow(0 8px #14102a66)}.stash{border-radius:var(--r-lg);border:3px solid var(--ink);box-shadow:inset 0 -5px 0 #00000029, 0 5px 0 var(--ink);background:linear-gradient(#8e4deb,#5f26bd);margin-bottom:26px;padding:0 18px 22px;overflow:hidden}.stash .h3{text-transform:uppercase;border-bottom:3px solid var(--ink);color:#fff;-webkit-text-stroke:4.5px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);background:repeating-linear-gradient(-45deg,#ffffff24 0 10px,#0000 10px 20px),linear-gradient(#ffe666 0 50%,#ffc81a 50%);margin:0 -18px 22px;padding:10px 16px;font-size:20px}.stash-row{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}@media (width>=761px){.stash{width:fit-content}.stash-row{grid-template-columns:220px}}.stash-count{z-index:3;color:#fff;border:3px solid var(--ink);font:400 18px/1 var(--f-display);background:#ff3b5c;border-radius:10px;padding:4px 9px;position:absolute;top:4px;right:6px;transform:rotate(8deg)}.shelf{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px 18px;margin:34px 0 26px;display:grid}.offer{--a:#62b6ff;--b:#3a2a9e;text-align:center;color:#fff;border:4px solid var(--ink);background:repeating-conic-gradient(from 0deg at 50% 46%, #ffffff21 0 9deg, transparent 9deg 22deg), radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--a) 70%, #fff) 0 18%, var(--a) 45%, color-mix(in srgb, var(--b) 85%, #000) 100%);box-shadow:inset 0 3px 0 #fff6, 0 6px 0 var(--ink);border-radius:16px;flex-direction:column;align-items:stretch;padding:0;display:flex;position:relative}.shelf .offer:nth-child(odd){transform:rotate(-1.2deg)}.shelf .offer:nth-child(2n){transform:rotate(1.2deg)}.offer-title{z-index:2;background:var(--ink);font:400 24px/1 var(--f-display);text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:12px -10px 0;padding:7px 10px 8px;display:block;position:relative;transform:skewY(-3deg);box-shadow:0 3px #0000004d}.offer-art{place-items:center;padding:18px 0 10px;display:grid;position:relative}.offer-meta{font:800 14px/1.25 var(--f-body);color:#fff;-webkit-text-stroke:3.5px var(--ink);paint-order:stroke fill;margin:0 12px 12px}.offer-bar{--b1:#74f06e;--b2:#2fc23a;border:0;border-top:4px solid var(--ink);background:linear-gradient(var(--b1) 0 50%, var(--b2) 50%);min-height:58px;font:400 28px/1 var(--f-display);text-transform:uppercase;color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;cursor:var(--cur-pointer);border-radius:0 0 12px 12px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:0 12px;transition:filter .15s;display:flex}.offer-bar:hover:not(:disabled){filter:brightness(1.06)}.offer-bar:active:not(:disabled){filter:brightness(.94)}.offer-bar.open{--b1:#ffe666;--b2:#ffc81a;color:var(--ink);-webkit-text-stroke:0}.offer-bar.wait{--b1:#8a86a8;--b2:#6e6a8f;font-size:20px}.offer-bar:disabled{cursor:var(--cur)}.offer-bar.buy:disabled{--b1:#9c98b8;--b2:#7d7999}.offer-ribbon{z-index:4;border:3px solid var(--ink);color:var(--ink);font:400 15px/1 var(--f-display);text-transform:uppercase;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#ffe666 0 50%,#ffc81a 50%);border-radius:10px;padding:6px 12px;position:absolute;top:-14px;left:-10px;transform:rotate(-6deg)}.offer.locked .pack-shot{filter:grayscale(.9)brightness(.7)}.offer.locked{background:radial-gradient(circle at 50% 46%,#6e6a8f,#2e2a4a 100%)}.lock{z-index:2;white-space:nowrap;background:var(--ink);color:#fff;font:400 17px/1 var(--f-display);text-transform:uppercase;border-radius:10px;padding:9px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.odds{color:var(--ink);border:3px solid var(--ink);text-align:left;background:#fff;border-radius:12px;flex-direction:column;gap:6px;margin:0 12px 12px;padding:10px 12px;font-size:14px;list-style:none;display:flex}.stash-card{cursor:var(--cur-pointer);transition:transform .2s var(--jelly)}.stash-card:hover{transform:translateY(-3px)rotate(-1deg)}.stash-card .offer-title{font-size:19px}.stash-card .offer-art{padding:14px 0 12px}.stash-card .offer-bar{min-height:48px;font-size:24px}.odds li{justify-content:space-between;align-items:center;font-weight:600;display:flex}.opening{z-index:50;color:#fff;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cpath d='M20 12l2.4 5 5.6.6-4.2 3.8 1.2 5.6-5-2.8-5 2.8 1.2-5.6-4.2-3.8 5.6-.6z' fill='%23ffffff' fill-opacity='.08'/%3E%3Cpath d='M60 52l2.4 5 5.6.6-4.2 3.8 1.2 5.6-5-2.8-5 2.8 1.2-5.6-4.2-3.8 5.6-.6z' fill='%23ffffff' fill-opacity='.08'/%3E%3C/svg%3E"), radial-gradient(60% 50% at 50% 42%, var(--stage-2), var(--stage) 80%);padding:calc(env(safe-area-inset-top,0px) + 56px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 32px) max(16px, env(safe-area-inset-left,0px));flex-direction:column;justify-content:center;align-items:center;animation:.3s both fade-in;display:flex;position:fixed;inset:0;overflow:hidden auto}@keyframes fade-in{0%{opacity:0}}.opening .eyebrow{background:var(--yellow);color:var(--ink)}.opening-x{top:calc(env(safe-area-inset-top,0px) + 14px);right:max(16px, env(safe-area-inset-right,0px));z-index:7;border:3px solid var(--ink);width:46px;height:46px;box-shadow:0 3px 0 var(--ink);color:#fff;font:400 24px/1 var(--f-display);background:linear-gradient(#ff7a86 0 48%,#f0353f 48%);border-radius:12px;place-items:center;display:grid;position:fixed}.opening-rays{pointer-events:none;opacity:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--best) 30%, transparent) 0 8deg, transparent 8deg 22deg);transition:opacity .6s;animation:26s linear infinite spin;position:fixed;inset:-50%;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 55%);mask-image:radial-gradient(circle,#000 0,#0000 55%)}.opening-rays[data-on]{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.screen-flash{z-index:4;pointer-events:none;background:radial-gradient(circle, #fff, var(--fc));animation:.9s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.95}to{opacity:0}}.opening-pack-wrap{z-index:1;flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.opening-pack-wrap .eyebrow{margin:0}.opening-title{font:400 clamp(36px, 7vw, 56px)/.95 var(--f-display);color:#fff;text-align:center;margin:0 0 8px}.opening-sub{color:#fff;margin:0;font-size:15px;font-weight:500}.opening-pack{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;animation:arrive .7s var(--jelly) both;position:relative}.opening-pack.spinning{animation:pack-pop 1.25s var(--out) forwards;cursor:default}@keyframes pack-pop{0%,72%{opacity:1;filter:none;transform:none}82%{filter:brightness(1.8);transform:scale(1.12)}to{opacity:0;filter:brightness(2.4);transform:scale(1.5)}}@keyframes arrive{0%{opacity:0;transform:translateY(40px)scale(.7)rotate(-6deg)}}.tap-dots{gap:10px;display:flex}.tap-dots span{border:3px solid var(--ink);width:18px;height:18px;transition:transform .3s var(--jelly), background .2s;background:#ffffff40;border-radius:50%}.tap-dots span.on{background:var(--yellow);transform:scale(1.2)}.reveal{z-index:1;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:1100px;display:flex;position:relative}.reveal>.eyebrow{margin:0 0 16px}.reveal-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.flip{perspective:1000px;width:190px;height:272px;animation:deal .7s var(--jelly) both;animation-delay:calc(var(--i) * 90ms);background:0 0;border:0;padding:0;position:relative}@keyframes deal{0%{transform:translateY(45vh) scale(.4) rotate(calc((var(--i) - 2) * 9deg));opacity:0}}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--jelly);position:relative}.flip.open .flip-inner{transform:rotateY(180deg)}.flip-back,.flip-front{backface-visibility:hidden;border-radius:20px;position:absolute;inset:0}.flip-front{transform:rotateY(180deg)}.flip-back{border:4px solid var(--ink);box-shadow:0 5px 0 var(--ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23ffffff' fill-opacity='.05'%3E%3Cpath d='M30 10c0 0-14 15-14 24a14 14 0 0 0 28 0c0-9-14-24-14-24z'/%3E%3Cpath d='M90 66l4.6 9.4 10.4 1.5-7.5 7.3 1.8 10.3L90 89.6l-9.3 4.9 1.8-10.3-7.5-7.3 10.4-1.5z'/%3E%3C/g%3E%3C/svg%3E") 0 0/60px 60px,linear-gradient(160deg,#4f7bff 0 45%,#2a4fd8 45%);place-items:center;display:grid}.back-frame{border:3px solid #ffffff8c;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:10px}.back-emblem{width:40%;fill:var(--yellow);stroke:var(--ink);stroke-width:3px}.back-mark{font:400 18px/1 var(--f-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.flip.t2:not(.open) .flip-back{box-shadow:0 5px 0 var(--ink), 0 0 0 4px var(--rc)}.flip.t3:not(.open) .flip-back,.flip.t4:not(.open) .flip-back,.flip.t5:not(.open) .flip-back{animation:1.4s ease-in-out infinite tell}@keyframes tell{50%{box-shadow:0 5px 0 var(--ink), 0 0 0 6px var(--rc), 0 0 30px 4px var(--rc)}}.flip.charging .flip-inner{animation:.12s linear infinite charge}@keyframes charge{0%,to{transform:translate(-2px,1px)rotate(-1deg)}50%{transform:translate(2px,-1px)rotate(1deg)}}.flip .card{width:100%;height:100%}.flip .card-lg .card-art{aspect-ratio:auto;flex:1}.reveal-foot{align-items:center;min-height:64px;display:flex}.summary{border-radius:var(--r-lg);background:var(--panel);color:var(--ink);border:3px solid var(--ink);animation:pop .5s var(--jelly) both;flex-direction:column;align-items:center;gap:14px;padding:16px 20px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.9)}}.summary-title{font:400 24px/1 var(--f-display);margin:0}.summary-stats{flex-wrap:wrap;justify-content:center;gap:20px;font-weight:600;display:flex}.summary-stats>span{align-items:center;gap:8px;display:inline-flex}.spotlight{z-index:6;background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--rc) 60%, #fff) 0 4%, color-mix(in srgb, var(--rc) 75%, #08061a) 40%, color-mix(in srgb, var(--rc) 30%, #08061a) 100%);cursor:var(--cur-pointer);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;animation:.25s both fade-in;display:flex;position:fixed;inset:0;overflow:hidden}.spot-title{z-index:2;font:400 clamp(46px, 10vw, 86px)/.9 var(--f-display);color:#fff;-webkit-text-stroke-width:10px;text-shadow:0 7px 0 var(--ink);text-transform:uppercase;animation:slam .55s var(--jelly) both;margin:0;position:relative;transform:skew(-8deg)}@keyframes slam{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}60%{opacity:1;transform:scale(.92)rotate(-4deg)}to{transform:scale(1)rotate(-4deg)}}.spot-card{z-index:2;width:min(260px,70vw);height:min(370px,100vw);animation:spot-in .7s var(--jelly) both .1s;position:relative}@keyframes spot-in{0%{opacity:0;transform:translateY(60px)scale(.6)rotate(-8deg)}}.spot-card .card{width:100%;height:100%}.spot-card .card-lg .card-art{aspect-ratio:auto;flex:1}.spotlight .opening-sub{position:relative}.drill-pick .sub{margin-top:0}.drill-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.drill-card{--a:#ff9f43;--b:#e2421a;text-align:center;color:#fff;border:4px solid var(--ink);background:repeating-conic-gradient(from 0deg at 50% 38%, #ffffff24 0 9deg, transparent 9deg 22deg), radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--a) 60%, #fff) 0 16%, var(--a) 45%, var(--b) 100%);box-shadow:inset 0 3px 0 #fff6, 0 6px 0 var(--ink);transition:transform .25s var(--jelly);border-radius:16px;flex-direction:column;align-items:stretch;padding:0;display:flex;position:relative;overflow:hidden}.drill-card.dc-spd{--a:#3cdb7a;--b:#0e8f6a}.drill-card.dc-wit{--a:#3fb2ff;--b:#2b4fd8}.drill-card:first-child{transform:rotate(-1.2deg)}.drill-card:nth-child(3){transform:rotate(1.2deg)}.drill-card:hover:not(:disabled){transform:translateY(-4px)rotate(0)}.drill-card:disabled{filter:grayscale(.9);opacity:.6}.drill-name{background:var(--ink);font:400 22px/1 var(--f-display);text-transform:uppercase;color:#fff;margin:12px -10px 0;padding:7px 10px 8px;display:block;transform:skewY(-3deg)}.drill-art{place-items:center;padding:16px 0 8px;display:grid}.drill-art .ico{filter:drop-shadow(0 6px #14102a73);width:92px;height:92px;transition:transform .3s var(--jelly);transform:rotate(-8deg)}.drill-card:hover:not(:disabled) .drill-art .ico{transform:rotate(4deg)scale(1.08)}.drill-stat{background:var(--ink);font:400 15px/1 var(--f-display);text-transform:uppercase;border-radius:999px;align-self:center;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.drill-stat b{font:400 20px/1 var(--f-display);color:var(--yellow)}.drill-blurb{font:800 14px/1.3 var(--f-body);color:#fff;-webkit-text-stroke:3.5px var(--ink);paint-order:stroke fill;flex:1;margin:10px 14px 14px}.drill-play{border-top:4px solid var(--ink);min-height:52px;font:400 24px/1 var(--f-display);text-transform:uppercase;color:var(--ink);background:linear-gradient(#ffe666 0 50%,#ffc81a 50%);justify-content:center;align-items:center;display:flex}.drill-pick .sub b{color:var(--magenta-d)}.drill{--a:#ff9f43;--b:#e2421a;-webkit-user-select:none;user-select:none;border:4px solid var(--ink);color:#fff;background:repeating-conic-gradient(from 0deg at 50% 40%, #ffffff21 0 9deg, transparent 9deg 22deg), radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--a) 60%, #fff) 0 14%, var(--a) 46%, var(--b) 100%);box-shadow:inset 0 3px 0 #fff6, inset 0 -5px 0 #00000029, 0 5px 0 var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex;position:relative}.drill.d-spd{--a:#3cdb7a;--b:#0e8f6a}.drill.d-wit{--a:#3fb2ff;--b:#2b4fd8}.drill-hud{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:40px;display:flex}.drill-chip{background:var(--ink);font:400 17px/1 var(--f-display);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;display:inline-flex;box-shadow:0 3px #0000004d}.drill-chip b{font:400 22px/1 var(--f-display);color:var(--yellow)}.drill-chip .ico{margin:-6px 0}.drill-pips{background:#14102a8c;border-radius:999px;gap:7px;padding:7px 10px;display:inline-flex}.drill-pips i{border:2.5px solid var(--ink);background:#dce1f5;border-radius:50%;width:16px;height:16px;box-shadow:inset 0 -3px #00000026}.drill-pips i.now{background:#fff;box-shadow:0 0 0 3px #fff}.drill-pips i.perfect{background:var(--yellow)}.drill-pips i.nice{background:#74f06e}.drill-pips i.close{background:#7fe3ff}.drill-pips i.miss{background:#ff5a6e}.drill-hint{font:800 14px/1.2 var(--f-body);text-align:center;background:#14102a8c;border-radius:999px;margin:0;padding:6px 14px}.flash{z-index:3;white-space:nowrap;font:400 54px/1 var(--f-display);text-transform:uppercase;color:var(--yellow);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);animation:slam .45s var(--jelly) both;pointer-events:none;position:absolute;top:42%;left:50%;translate:-50% -50%}.flash.nice{color:#74f06e}.flash.close{color:#7fe3ff}.flash.miss{color:#ff5a6e}.jump-stage{border:4px solid var(--ink);background:#7be36b url(../bg/home-wide.jpg) 50% 78%/cover;border-radius:16px;justify-content:center;align-items:flex-end;width:100%;height:230px;padding-bottom:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -6px #0000001f}.jump-pet{z-index:1;position:relative}.jump-pet:after{content:"";z-index:-1;background:#0a1e144d;border-radius:50%;width:62%;height:14px;position:absolute;bottom:14%;left:50%;translate:-50%}.hop{animation:hop .6s var(--out)}@keyframes hop{30%{transform:translateY(-70px)scale(.95,1.08)}60%{transform:translateY(0)scale(1.12,.88)}to{transform:none}}.jump-track{border:4px solid var(--ink);width:100%;height:64px;box-shadow:0 5px 0 var(--ink);cursor:var(--cur-pointer);touch-action:manipulation;background:repeating-linear-gradient(-45deg,#14102a0f 0 12px,#0000 12px 24px),linear-gradient(#f2f4ff 0 50%,#dce1f5 50%);border-radius:999px;position:relative}.jump-zone{border:3px solid var(--ink);transition:left .3s var(--out), width .3s var(--out);background:repeating-linear-gradient(-45deg,#ffffff38 0 10px,#0000 10px 20px),linear-gradient(#74f06e 0 50%,#2fc23a 50%);border-radius:999px;place-items:center;display:grid;position:absolute;top:5px;bottom:5px;overflow:hidden}.jump-zone span{font:400 16px/1 var(--f-display);text-transform:uppercase;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.jump-marker{z-index:2;width:0;height:0;position:absolute;top:50%}.jump-marker:before{content:"";background:var(--ink);border-radius:3px;width:6px;height:72px;position:absolute;top:-36px;left:-3px}.jump-marker .ico{filter:drop-shadow(0 3px 0 var(--ink));position:absolute;top:-50px;left:-17px}.drill-go{min-width:220px}.drill-timer{flex:1;align-items:center;gap:4px;max-width:360px;display:flex}.drill-timer .ico{z-index:1;filter:drop-shadow(0 2px 0 var(--ink));margin-right:-18px;position:relative}.drill-timer .tl-bar{height:30px;padding-left:24px}.drill-timer .tl-bar i{background:linear-gradient(#74f06e 0 50%,#2fc23a 50%);transition:width .1s linear}.drill-timer.low .tl-bar i{background:linear-gradient(#ff7a86 0 50%,#f0353f 50%)}.drill-timer .tl-bar b{place-items:center;padding:0}.rush-grid{background:#14102a47;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:12px;width:min(390px,100%);padding:12px;display:grid}.rush-cell{aspect-ratio:1;border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);touch-action:manipulation;transition:transform .12s var(--jelly);background:linear-gradient(#fff 0 55%,#e7eaf7 55%);border-radius:18px;place-items:center;padding:0;display:grid;position:relative}.rush-cell:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.rush-plate{background:#d3d8ee;border:2.5px solid #14102a40;border-radius:50%;height:22%;position:absolute;bottom:16%;left:16%;right:16%}.rush-cell.on{box-shadow:0 5px 0 var(--ink), 0 0 0 4px #fff, 0 0 18px 6px #ffe666b3;background:linear-gradient(#fff6c8 0 55%,#ffe07a 55%)}.rush-cell.bad{background:linear-gradient(#ffd9de 0 55%,#ff9aa6 55%);animation:.35s linear infinite shake}@keyframes shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.rush-snack{object-fit:contain;filter:drop-shadow(0 4px #14102a59);width:72%;height:72%;animation:rush-pop .3s var(--jelly);pointer-events:none;position:relative}@keyframes rush-pop{0%{opacity:0;transform:translateY(14px)scale(.6)}}.echo-say{background:var(--ink);font:400 24px/1 var(--f-display);text-transform:uppercase;animation:pop .25s var(--jelly);margin:0;padding:8px 22px 9px;transform:skewY(-3deg)rotate(-1deg)}.echo-say.input{color:var(--yellow)}.echo-say.retry{color:#ff7a86}.echo-pads{background:#14102a47;border-radius:22px;grid-template-columns:repeat(2,1fr);gap:14px;width:min(340px,100%);padding:12px;display:grid}.echo-pad{aspect-ratio:1;border:4px solid var(--ink);background:linear-gradient(color-mix(in srgb, var(--pc) 45%, #fff) 0 50%, color-mix(in srgb, var(--pc) 75%, #fff) 50%);box-shadow:inset 0 4px 0 #fff9, 0 6px 0 var(--ink);transition:transform .15s var(--jelly), filter .15s;touch-action:manipulation;border-radius:24px;place-items:center;padding:0;display:grid}.echo-pad .ico{opacity:.45;filter:saturate(.4);transition:opacity .15s, transform .2s var(--jelly)}.echo-pad.lit{background:linear-gradient(color-mix(in srgb, var(--pc) 70%, #fff) 0 50%, var(--pc) 50%);box-shadow:inset 0 4px 0 #fff9, 0 6px 0 var(--ink), 0 0 0 5px #fff, 0 0 26px 8px color-mix(in srgb, var(--pc) 80%, transparent);transform:translateY(-4px)scale(1.05)}.echo-pad.lit .ico{opacity:1;filter:drop-shadow(0 4px 0 var(--ink));transform:scale(1.15)rotate(-6deg)}.echo-pad:disabled{cursor:default}.echo-pad:active:not(:disabled){box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}@media (width<=760px){.drill{gap:12px;padding:12px}.jump-stage{height:190px}.flash{-webkit-text-stroke-width:7px;font-size:40px}}@media (prefers-reduced-motion:reduce){.rush-cell.bad,.flash{animation:none}}.drill-result{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.drill-result .eyebrow{margin:0}.drill-result .h1{font-size:68px}.result-row{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.result-row>div{border-radius:var(--r-md);border:3px solid var(--ink);background:#fff;flex-direction:column;align-items:center;gap:4px;padding:14px;font-size:14px;font-weight:600;display:flex}.result-row .big{font:400 26px/1 var(--f-display);align-items:center;gap:4px;display:inline-flex}.modal-back{z-index:40;background:#1f1a3d99;place-items:center;padding:34px 16px 16px;animation:.2s both fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:4px solid var(--ink);width:min(480px,100%);box-shadow:0 8px 0 var(--ink);animation:modal-in .4s var(--jelly) both;border-radius:22px;position:relative}.modal.wide{width:min(780px,100%)}.modal-body{border-radius:0 0 18px 18px;max-height:calc(100dvh - 150px);padding:24px;overflow-y:auto}.modal.has-head .modal-body{padding-top:20px}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.94)}}.modal-head{border-bottom:4px solid var(--ink);background:var(--cyan);border-radius:18px 18px 0 0;align-items:center;gap:12px;padding:14px 64px 14px 20px;display:flex;position:relative}.modal-head h2{font:400 26px/1.05 var(--f-display);text-transform:uppercase;color:#fff;-webkit-text-stroke-width:5px;text-shadow:0 3px 0 var(--ink);text-wrap:balance;margin:0}.modal-head.tone-magenta{background:var(--magenta)}.modal-head.tone-purple{background:var(--purple)}.modal-head.tone-green{background:var(--green)}.modal-head.tone-yellow{background:var(--yellow)}.mh-icon{filter:drop-shadow(0 3px #1f1a3d59);flex:none;margin:-38px 0 -10px -6px}.modal-x{z-index:3;border:3px solid var(--ink);width:46px;height:46px;box-shadow:0 3px 0 var(--ink);background:linear-gradient(#ff7a86 0 48%,#f0353f 48%);border-radius:12px;place-items:center;display:grid;position:absolute;top:-16px;right:-12px;transform:rotate(4deg)}.toasts{z-index:60;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(440px,100% - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{color:var(--ink);border:3px solid var(--ink);font:600 15px/1.3 var(--f-body);box-shadow:0 4px 0 var(--ink);animation:toast-in .4s var(--jelly) both;text-align:center;background:#fff;border-radius:18px;padding:11px 16px}.toast.bad{background:#ffd3da}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)scale(.92)}}.fx-layer{pointer-events:none;z-index:70;width:100vw;height:100vh;position:fixed;inset:0}.levelup{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.levelup .eyebrow{display:none}.levelup .display.small{color:var(--yellow)}.levelup-pack{padding:14px 0}select{font:600 17px var(--f-body);color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:14px;min-width:0;padding:11px 14px}select:focus{box-shadow:0 0 0 4px var(--cyan);outline:none}.tabs{border:3px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fff;border-radius:999px;gap:6px;padding:6px;display:flex}.tabs button{font:400 16px/1 var(--f-display);color:var(--ink-2);background:0 0;border:0;border-radius:999px;padding:9px 16px}.tabs button.on{color:var(--ink);box-shadow:inset 0 0 0 2.5px var(--ink);background:linear-gradient(#ffe666 0 48%,#ffc81a 48%)}.album-set{border-radius:var(--r-lg);border:3px solid var(--ink);background:linear-gradient(90deg, var(--purple) 0 44px, var(--panel) 44px);padding:20px 20px 20px 64px;position:relative;overflow:hidden;box-shadow:0 5px #1f1a3d47}.album-set:before{content:"";background:radial-gradient(circle at 50% 50%, var(--grass) 0 5px, var(--ink) 5px 7.5px, transparent 8px) 0 0 / 16px 42px repeat-y;width:16px;position:absolute;top:22px;bottom:22px;left:14px}.album-set:after{content:"";border-left:3px solid var(--ink);position:absolute;top:0;bottom:0;left:44px}.album-set.done{background:linear-gradient(90deg, var(--green) 0 44px, #effff1 44px)}.album-row{grid-template-columns:repeat(auto-fill,minmax(104px,132px));gap:10px;display:grid}.album-slot{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);text-align:center;background:linear-gradient(155deg,#3a3268 0 40%,#241c4a 40%);border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;padding:5px;display:flex}.album-slot.got{background:linear-gradient(155deg, color-mix(in srgb, var(--rc) 55%, #fff) 0 40%, var(--rc) 40%)}.slot-art{aspect-ratio:1;border:3px solid var(--ink);background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--rc) 30%, #3a3268) 0 25%, #1b1546 85%);border-radius:9px;place-items:center;display:grid;position:relative;overflow:hidden}.album-slot.got .slot-art{background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--rc) 25%, #fff) 0 18%, color-mix(in srgb, var(--rc) 70%, #fff) 46%, color-mix(in srgb, var(--rc) 55%, var(--ink)) 100%)}.slot-art .pet-img{width:auto;height:108%;position:absolute;bottom:-6%;left:50%;translate:-50%}.album-slot:not(.got) .slot-art .pet-svg{filter:brightness(0)opacity(.55)}.album-slot:not(.got) .slot-art .pet-img{filter:brightness(0) opacity(.6) drop-shadow(0 0 6px color-mix(in srgb, var(--rc) 70%, transparent))}.slot-q{z-index:1;font:400 40px/1 var(--f-display);color:#fff;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);position:absolute}.slot-name{background:var(--ink);font:400 13px/1.05 var(--f-display);text-transform:uppercase;color:#fff;text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:5px 6px 6px;overflow:hidden}.album-slot:not(.got) .slot-name{color:color-mix(in srgb, var(--rc) 70%, #fff)}@keyframes marquee{to{transform:translate(-50%)}}.tick{white-space:nowrap;font:500 14px/1 var(--f-body)}.tick b{color:var(--yellow);font-weight:600}.tick i{background:var(--rc);color:var(--ink);border-radius:6px;padding:2px 6px;font-style:normal;font-weight:600}.sort select{border-radius:999px;padding:8px 12px;font-size:15px}.pct{font:600 12px/1 var(--f-body);border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:8px;padding:4px 8px}.pct.up{color:var(--down);background:#ffd3da}.pct.down{color:var(--ink);background:#d3f1ff}small.up,.up{color:var(--up)}small.down{color:var(--down)}.spark{display:block;overflow:visible}.range{width:100%;accent-color:var(--magenta)}.section-h{font:400 26px/1 var(--f-display);text-transform:uppercase;color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);align-items:center;gap:10px;margin:0 0 14px;display:flex}.section-h .ico{filter:drop-shadow(0 3px 0 var(--ink));transform:rotate(-8deg)}.section-h .count{-webkit-text-stroke:0;text-shadow:none;font:400 16px/1 var(--f-display);background:var(--yellow);min-width:30px;height:30px;color:var(--ink);border:3px solid var(--ink);border-radius:999px;place-items:center;padding:0 8px;display:grid}.collection-view section>.h3{color:#fff;-webkit-text-stroke:4.5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);font-size:24px}.card-sm .pips{display:none}.modal.dark{background:linear-gradient(#2e2468,#1b1546)}.modal.dark .modal-body{color:#fff}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.ticker{border:3px solid var(--ink);color:#fff;box-shadow:0 4px 0 var(--ink);background:#14102ad9;border-radius:999px;margin-bottom:26px;overflow:hidden}.was{text-align:center;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:8px 0;font-size:13px;text-decoration:line-through}.listing{animation:pop .4s var(--jelly) both}.ribbon{text-align:center;background:var(--green);width:130px;color:var(--ink);border-block:3px solid var(--ink);font:400 14px/1 var(--f-display);z-index:3;padding:5px 0;position:absolute;top:14px;right:-34px;transform:rotate(35deg)}.trade{border-radius:var(--r-lg);border:4px solid var(--ink);box-shadow:inset 0 -5px 0 #00000026, 0 6px 0 var(--ink);animation:pop .4s var(--jelly) both;background:linear-gradient(#ff9f4a,#d9620f);flex-direction:column;display:flex;overflow:hidden}.log{border-radius:var(--r-md);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);color:#fff;background:#14102ad1;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.log li{border-bottom:2px solid #ffffff1a;align-items:center;gap:10px;padding:11px 14px;font-size:15px;font-weight:700;display:flex}.log li:last-child{border-bottom:0}.log .muted{color:#b9b3e8}.landing{background:#0a1a5c;min-height:100vh}.title-screen{isolation:isolate;height:100svh;min-height:600px;position:relative;overflow:hidden}.ts-art{z-index:0;position:absolute;inset:0}.ts-bg{object-fit:cover;object-position:50% 100%;width:100%;height:100%;position:absolute;inset:0}.ts-cast{z-index:2;align-items:flex-end;gap:0;display:flex;position:absolute;bottom:27%;left:50%;translate:-50%}.ts-pet{line-height:0;display:block}.ts-pet .pet-svg{filter:drop-shadow(0 6px #0a1a5c40)}.ts-hero{z-index:2;margin:0 -26px}.ts-left{margin-bottom:6px;transform:rotate(-8deg)}.ts-right{margin-bottom:2px;transform:rotate(7deg)scaleX(-1)}.ts-tiny{position:absolute;bottom:-4px;right:-54px;transform:rotate(10deg)}.ts-cast{transform-origin:50% 100%}.ts-peek-y{z-index:3;filter:brightness(.9);position:absolute;bottom:26%;left:-90px;transform:rotate(24deg)}.ts-peek-l,.ts-peek-r,.ts-peek-b{z-index:3;position:absolute}.ts-peek-l{filter:brightness(.92)saturate(1.2);bottom:-70px;left:5%;transform:rotate(14deg)}.ts-peek-r{filter:brightness(.92)saturate(1.2);bottom:-40px;right:2%;transform:rotate(-14deg)scaleX(-1)}.ts-peek-b{filter:blur(6px)brightness(.85)saturate(1.2);bottom:-250px;left:50%;transform:rotate(-6deg)}.ts-spark{z-index:2;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);background:#fff;width:40px;height:40px;animation:2.4s ease-in-out infinite twinkle;position:absolute}.ts-spark.s1{bottom:44%;left:calc(50% - 190px)}.ts-spark.s2{width:20px;height:20px;animation-delay:.8s;bottom:47%;left:calc(50% + 170px)}.ts-spark.s3{width:22px;height:22px;animation-delay:1.5s;bottom:50%;left:calc(50% + 60px)}.ts-spark.s4{width:18px;height:18px;animation-delay:.4s;bottom:52%;left:calc(50% - 120px)}@media (width<=760px){.ts-cast{scale:.48}.ts-peek-y{bottom:30%;left:-110px;scale:.6}.ts-peek-l{bottom:-120px;left:-90px;scale:.6}.ts-peek-r{bottom:-90px;right:-80px;scale:.6}.ts-peek-b{bottom:-260px;scale:.6}.ts-spark.s1{left:8%}.ts-spark.s2{left:auto;right:10%}.ts-front{padding-top:70px}}.ts-front{z-index:4;text-align:center;pointer-events:none;flex-direction:column;align-items:center;padding:max(9vh,56px) 16px 0;display:flex;position:absolute;inset:0}.ts-front>*{pointer-events:auto}.logo{width:min(660px,86vw);margin:0;line-height:0}.logo-svg{filter:drop-shadow(0 10px 18px #0a1a5c40);width:100%;height:auto;display:block;overflow:visible}.ts-tag{font:400 clamp(26px, 3vw, 38px)/1.1 var(--f-display);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;margin:0}.ts-play{min-height:76px;box-shadow:0 7px 0 var(--ink);border-width:4px;border-radius:20px;padding:0 64px;font-size:38px;position:absolute;bottom:max(7vh,40px);left:50%;translate:-50%}.ts-ticker{color:var(--yellow);background:#0806188c;border-radius:12px;padding:8px 14px;font-size:15px;position:absolute;top:18px;right:18px}.landing-loop .ts-tag{color:#fff;-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);text-align:center}.landing-loop{max-width:1120px;padding:56px max(16px, env(safe-area-inset-left,0px)) 72px;flex-direction:column;align-items:center;gap:30px;margin:0 auto;display:flex}.loop{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;margin:0;padding:0;list-style:none;display:grid}.loop li{border-radius:var(--r-md);border:3px solid var(--ink);background:var(--panel);counter-increment:step;flex-direction:column;gap:6px;padding:16px;display:flex;box-shadow:0 4px #1f1a3d47}.loop li:before{content:counter(step);background:var(--yellow);border:2.5px solid var(--ink);width:30px;height:30px;font:400 15px/1 var(--f-display);border-radius:50%;place-items:center;display:grid}.loop b{font:400 22px/1 var(--f-display)}.loop span{color:var(--ink-2);font-size:15px}.profile{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:24px;display:grid}.vreveal,.spot-art{z-index:0;pointer-events:none;transition:opacity .35s;position:fixed;inset:0}.vreveal.out{opacity:0}.modal-back>.vreveal{z-index:-1}.modal-back{isolation:isolate}.spot-art{position:absolute}.rv-svg,.rv-canvas{width:100%;height:100%;display:block}.rv-sun{transform-box:view-box;transform-origin:50%;animation:rv-sun .6s var(--out) both}.rv-svg.loop .rv-sun{animation:rv-sun .6s var(--out) both, spin 40s linear infinite}@keyframes rv-sun{0%{opacity:0;scale:.2}}.rv-glow{transform-box:fill-box;transform-origin:50%;animation:rv-glow .7s var(--out) both}@keyframes rv-glow{0%{scale:0}40%{scale:1.15}}.rv-ring{transform-box:fill-box;transform-origin:50%;animation:rv-ring .9s var(--out) both}.rv-ring.r2{animation-delay:.12s}@keyframes rv-ring{0%{opacity:1;scale:.2}to{opacity:0;scale:3.4}}.rv-puff{transform-box:fill-box;transform-origin:50%;animation:rv-puff .9s var(--jelly) both}@keyframes rv-puff{0%{scale:0}55%{scale:1.1}to{scale:1}}.rv-svg:not(.loop) .rv-puffs{animation:rv-drift 1.6s var(--out) both;transform-box:view-box;transform-origin:50%}@keyframes rv-drift{60%{opacity:1}to{opacity:0;scale:1.35}}.rv-slash{animation:.45s cubic-bezier(.2,.9,.3,1) 50ms both rv-slash}@keyframes rv-slash{0%{translate:-1200px 120px}}.rv-star{transform-box:fill-box;transform-origin:50%;animation:rv-star .8s var(--jelly) both}.rv-svg.loop .rv-star{animation:rv-star .8s var(--jelly) both, twinkle 2.2s ease-in-out infinite 1s}@keyframes rv-star{0%{rotate:-90deg;scale:0}60%{scale:1.3}}.spotlight>:not(.spot-art){z-index:1;position:relative}.vfx{z-index:75;pointer-events:none;position:fixed;overflow:visible;translate:-50% -50%}.vfx-burst .vb-ring{transform-box:fill-box;transform-origin:50%;animation:vb-ring .7s var(--out) both}@keyframes vb-ring{0%{opacity:1;scale:.2}70%{opacity:1}to{opacity:0;scale:2.6}}.vfx-burst .vb-ray{animation:vb-ray .65s var(--out) both}@keyframes vb-ray{0%{opacity:0;translate:0 14px;scale:1 .2}25%{opacity:1}55%{opacity:1;translate:0 -10px;scale:1}to{opacity:0;translate:0 -44px;scale:1 .1}}.vfx-burst .vb-star{transform-box:fill-box;transform-origin:50%;animation:vb-star .75s var(--jelly) both}@keyframes vb-star{0%{rotate:-60deg;scale:0}45%{rotate:0deg;scale:1.25}75%{opacity:1;scale:1}to{opacity:0;scale:.2}}.vfx-shards{width:0;height:0;translate:none}.vs-piece{width:44px;height:44px;animation:vs-fly 1s var(--out) both;position:absolute;top:-22px;left:-22px;overflow:visible}@keyframes vs-fly{0%{opacity:1;translate:0;rotate:0deg;scale:.4}15%{scale:1.1}80%{opacity:1}to{translate:var(--dx) calc(var(--dy) + 120px);rotate:var(--r);opacity:0;scale:.8}}.vfx-swipe{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sw-band{border-inline:6px solid var(--ink);width:70%;animation:.72s cubic-bezier(.7,0,.3,1) both sw;position:absolute;top:-20%;bottom:-20%;left:0;transform:skew(-18deg)}.sw-band.b1{background:var(--yellow)}.sw-band.b2{background:#f23fe6;width:60%;animation-delay:40ms}.sw-band.b3{background:var(--ink);background-image:repeating-linear-gradient(90deg,#ffffff0f 0 18px,#0000 18px 36px);width:90%;animation-delay:80ms}@keyframes sw{0%{translate:-130vw}45%,55%{translate:10vw}to{translate:140vw}}.main>div>:not(.modal-back):not(.opening){animation:enter .5s var(--jelly) both}.main>div>:nth-child(2){animation-delay:60ms}.main>div>:nth-child(3){animation-delay:.12s}.main>div>:nth-child(4){animation-delay:.18s}.main>div>:nth-child(n+5){animation-delay:.24s}.shelf>.offer,.stash-row>*,.stats>.stat,.quests>li{animation:enter .5s var(--jelly) both}.shelf>:nth-child(2),.stash-row>:nth-child(2),.stats>:nth-child(2),.quests>:nth-child(2){animation-delay:80ms}.shelf>:nth-child(3),.stats>:nth-child(3),.quests>:nth-child(3){animation-delay:.16s}.shelf>:nth-child(4){animation-delay:.24s}@keyframes enter{0%{opacity:0;translate:0 24px;scale:.94}}.profile{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.pf-ava{border:3px solid var(--ink);width:56px;height:56px;box-shadow:inset 0 3px 0 #ffffff80, 0 4px 0 var(--ink);background:linear-gradient(#ffe666 0 50%,#ffc81a 50%);border-radius:14px;flex:none;place-items:center;display:grid;position:relative}.pf-ava .pet-svg{margin-bottom:-6px}.pf-lv{place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:-12px;right:-14px}.pf-lv .ico{filter:drop-shadow(0 2px 0 var(--ink));position:absolute;inset:0}.pf-lv b{font:400 14px/1 var(--f-display);color:#fff;-webkit-text-stroke:3.5px var(--ink);paint-order:stroke fill;padding-top:3px;position:relative}.pf-info{flex-direction:column;gap:5px;min-width:0;display:flex}.pf-name{font:400 19px/1 var(--f-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 2px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.pf-xp{border:2.5px solid var(--ink);background:#2c2457;border-radius:8px;width:130px;height:16px;display:block;position:relative;overflow:hidden}.pf-xp i{background:linear-gradient(#8bf27a 0 50%,#3ccb5a 50%);position:absolute;inset:0 auto 0 0}.pf-xp small{color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.hud-logo{font:400 26px/1 var(--f-display);color:#fff;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);margin:0 auto 0 18px;transform:rotate(-2deg)}.goo-pill{gap:8px!important;padding-right:4px!important;font-size:18px!important}.pill-plus{border:2.5px solid var(--ink);color:#fff;width:28px;height:28px;font:400 20px/1 var(--f-display);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;background:linear-gradient(#74f06e 0 50%,#2fc23a 50%);border-radius:8px;place-items:center;padding:0 0 2px;display:grid}.round-btn{box-shadow:inset 0 3px 0 #ffffff73, 0 4px 0 var(--ink)!important}.dock-btn{--t1:#74f06e;--t2:#2fc23a;color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.d-packs{--t1:#b47bff;--t2:#8b3fe0}.d-collection{--t1:#5fdcff;--t2:#1ea4ee}.d-market{--t1:#ff8bd8;--t2:#ee3fae}.d-trades{--t1:#ffb45e;--t2:#f0801a}.dock-tile{border:3px solid var(--ink);background:linear-gradient(var(--t1) 0 50%, var(--t2) 50%);box-shadow:inset 0 3px 0 #ffffff73, inset 0 -4px 0 #00000026, 0 5px 0 var(--ink);transition:transform .25s var(--jelly), box-shadow .2s;border-radius:16px;place-items:center;display:grid}.dock-tile .ico{filter:drop-shadow(0 3px #14102a8c);transition:transform .25s var(--jelly)}.dock-label{z-index:1;font:400 14px/1 var(--f-display);text-transform:uppercase;letter-spacing:.02em;color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;position:relative}.dock-btn:hover .dock-tile{transform:translateY(-2px)rotate(-2deg)}.dock-btn:active .dock-tile{box-shadow:inset 0 3px 0 #ffffff73, 0 1px 0 var(--ink);transform:translateY(3px)}.dock-btn.on .dock-tile{--t1:#ffe666;--t2:#ffc81a;box-shadow:inset 0 3px 0 #ffffff8c, 0 5px 0 var(--ink), 0 0 0 5px #ffe66659}.dock-btn.on .dock-tile .ico{transform:scale(1.12)rotate(-6deg)}.dock .badge{z-index:2;top:-8px;right:2px}@media (width>=761px){.dock{z-index:19;left:max(14px, env(safe-area-inset-left,0px));top:calc(var(--top-h) + 28px);flex-direction:column;gap:14px;display:flex;position:fixed}.dock-tile{width:86px;height:74px}.dock-label{margin-top:-13px}.dock-btn.on .dock-tile{transform:scale(1.08)}.main,.foot{width:auto;max-width:1180px;margin-left:max(124px,50% - 590px);margin-right:max(0px,50% - 590px)}}@media (width<=760px){.dock{z-index:25;padding:6px max(6px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-left,0px));border-top:3px solid var(--ink);background:linear-gradient(#251d57,#120e2c);grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 3px #ffffff14,0 -4px #00000040}.dock-btn{gap:2px}.dock-tile{width:54px;height:46px;box-shadow:none;background:0 0;border-color:#0000}.dock-tile .ico{width:36px;height:36px}.dock-label{-webkit-text-stroke-width:3.5px;font-size:11px}.dock-btn.on .dock-tile{border-color:var(--ink);background:linear-gradient(#ffe666 0 50%,#ffc81a 50%);width:64px;height:58px;margin-top:-22px}.dock-btn.on .dock-tile .ico{width:46px;height:46px}.hud-logo,.pf-info{display:none}.topbar-r{margin-left:auto}.profile{margin-right:6px}}@media (width>=761px) and (width<=980px){.hud-logo{display:none}.topbar-r{margin-left:auto}}.app[data-view=pet]{height:100svh;overflow:hidden}.app[data-view=pet] .foot{display:none}.app[data-view=pet] .main{flex:1;width:100%;max-width:none;position:relative;overflow:hidden;margin:0!important;padding:0!important}.lobby{position:absolute;inset:0}.lobby-bg{z-index:0;position:absolute;inset:0}.lobby-bg img{object-fit:cover;object-position:50% 78%;width:100%;height:100%;display:block}.lobby-bg[data-asleep] img{filter:brightness(.5)saturate(.75)hue-rotate(28deg)}.lobby-stage{z-index:2;cursor:var(--cur-pointer);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:13%;left:50%;translate:-50%}.lobby-stage .bubble{top:-64px}.lobby-pet{z-index:1;position:relative}.lobby-shadow{pointer-events:none;background:#0a1e144d;border-radius:50%;width:62%;height:24px;margin-top:-30px}.lobby-stage:focus{outline:none}.lobby-stage:focus-visible .pat-hint{outline:3px solid var(--ink);outline-offset:2px}.lobby-stage .pat-hint{background:#fffc;border-radius:999px;margin-top:8px;padding:4px 10px}.lobby-tl{z-index:3;flex-direction:column;align-items:flex-start;gap:10px;width:320px;display:flex;position:absolute;top:18px;left:18px}.lobby-tl .eyebrow,.lobby-tl .pet-name{margin:0}.lobby-tl .pet-name{font-size:clamp(40px,4.6vw,60px)}.tl-head{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.tl-name{align-items:center;gap:10px;display:flex}.tl-bar{border:3px solid var(--ink);height:28px;box-shadow:0 4px 0 var(--ink);background:#2c2457;border-radius:999px;flex:1;padding:3px 3px 3px 26px;position:relative;overflow:hidden}.tl-bar i{transition:width .6s var(--out);border-radius:0 999px 999px 0;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 -5px #00000024,inset 0 4px #ffffff59}.tl-bar b{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;place-items:center end;padding-right:12px;font-size:14px;display:grid;position:absolute;inset:0}.tl-xp{align-items:center;width:100%;padding-left:26px;display:flex;position:relative}.tl-lv{z-index:2;place-items:center;width:58px;height:58px;display:grid;position:absolute;left:-6px}.tl-lv .ico{filter:drop-shadow(0 3px 0 var(--ink));position:absolute;inset:0}.tl-lv b{font:400 20px/1 var(--f-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;padding-top:5px;position:relative}.tl-xp-main{flex-direction:column;flex:1;gap:3px;display:flex}.tl-xp-label{font:400 13px/1 var(--f-display);text-transform:uppercase;color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;padding-left:36px}.tl-bar.xp{flex:none;height:30px;padding-left:36px}.tl-xp{margin-top:6px}.tl-bar.xp i{background:linear-gradient(#f59bff 0 50%,#c23be6 50%)}.tl-bar.xp b{place-items:center;padding:0 0 0 20px}.tl-reward{color:#fff;font:700 13px/1 var(--f-body);background:#14102ab8;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;display:inline-flex}.tl-reward b{color:var(--yellow);font-weight:800}.tl-pets{flex-wrap:wrap;gap:8px;display:flex}.tl-pet{border:3px solid var(--ink);background:linear-gradient(color-mix(in srgb, var(--rc) 55%, #fff) 0 50%, var(--rc) 50%);width:54px;height:54px;box-shadow:0 4px 0 var(--ink);transition:transform .2s var(--jelly);border-radius:14px;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.tl-pet .pet-svg{width:48px;height:54px;margin-top:-8px}.tl-pet:hover{transform:translateY(-2px)}.tl-pet.on{outline:4px solid var(--yellow);outline-offset:1px;transform:translateY(-3px)}.tl-pet-lv{background:var(--ink);min-width:20px;height:20px;color:var(--yellow);border-radius:10px;place-items:center;padding:0 4px;font-size:11px;display:grid;position:absolute;bottom:-6px;right:-6px}.lobby-right{z-index:3;scrollbar-width:none;flex-direction:column;gap:14px;width:360px;padding:2px 2px 8px;display:flex;position:absolute;top:18px;bottom:112px;right:18px;overflow-y:auto}.lobby-right .cta-pack{flex:none;min-height:70px;padding-left:86px}.lobby-right .cta-text b{font-size:34px}.lobby-right .panel{flex:none;padding:14px}.lobby-right .panel-h{margin:-14px -14px 12px}.lobby-right .stat{padding:10px}.lobby-right .quests{gap:8px}.lobby-right .q-ico{width:40px;height:40px}.lobby-widgets{display:none}.lobby-actions{z-index:4;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.lobby-actions .stage-note{max-width:340px;margin:0}.lobby-train{min-height:78px;box-shadow:0 7px 0 var(--ink);border-width:4px;border-radius:18px;padding:0 48px;font-size:34px}.app[data-view=pet] .main>div>*{animation:none}@media (width>=761px){.app[data-view=pet] .dock{flex-direction:row;gap:12px;top:auto;bottom:18px;left:18px}.app[data-view=pet] .dock-tile{width:78px;height:70px}}@media (width>=761px) and (width<=1240px){.lobby-right{width:320px;bottom:210px}}@media (width<=760px){.app[data-view=pet] .main{padding-bottom:0!important}.lobby-tl{gap:6px;width:min(200px,52vw);top:10px;left:12px}.lobby-tl .pet-name{-webkit-text-stroke-width:5px;font-size:34px}.tl-bar{height:22px;padding-left:20px}.tl-bar b{padding-right:8px;font-size:12px}.tl-xp{padding-left:18px}.tl-lv{width:44px;height:44px;left:-6px}.tl-lv b{font-size:16px}.tl-xp-label{display:none}.tl-bar.xp{height:24px;padding-left:28px}.tl-xp{margin-top:10px}.tl-pets{display:none}.tl-reward{margin-top:8px;padding:3px 10px 3px 4px;font-size:11px;line-height:1.15}.tl-reward .ico{flex:none;width:20px;height:20px}.lobby-right{display:none}.lobby-widgets{z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;top:10px;right:12px}.widget{border:3px solid var(--ink);width:60px;height:60px;box-shadow:inset 0 3px 0 #ffffff73, 0 4px 0 var(--ink);background:linear-gradient(#5bb2ff 0 50%,#2b7bef 50%);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.widget .w-label{font:400 12px/1 var(--f-display);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin-top:-4px}.widget .badge{top:-8px;right:-8px}.lobby-stage{bottom:calc(var(--tab-h) + 104px)}.lobby-stage .bubble{top:-54px;left:62%}.lobby-actions{right:12px;bottom:calc(var(--tab-h) + 18px + env(safe-area-inset-bottom,0px))}.lobby-actions .stage-note{display:none}.lobby-train{min-height:60px;padding:0 20px;font-size:24px}}@media (width<=980px){.loop{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.topbar-in{gap:10px;min-height:62px}.main{padding-block:20px calc(var(--tab-h) + 40px + env(safe-area-inset-bottom,0px))}.foot{padding-bottom:calc(var(--tab-h) + 24px + env(safe-area-inset-bottom,0px))}.toasts{bottom:calc(var(--tab-h) + 16px + env(safe-area-inset-bottom,0px))}.drill-grid{grid-template-columns:1fr;gap:14px}.drill-card{text-align:left;grid-template-columns:96px 1fr;grid-template-areas:"name name""art stat""art blurb""play play";display:grid}.drill-card:nth-child(n){transform:none}.drill-name{grid-area:name}.drill-art{grid-area:art;padding:10px 0 6px 6px}.drill-art .ico{width:74px;height:74px}.drill-stat{grid-area:stat;place-self:end start;margin-top:10px}.drill-blurb{grid-area:blurb;margin:8px 12px 12px 0}.drill-play{grid-area:play;min-height:46px;font-size:20px}.album-row{grid-template-columns:repeat(3,minmax(0,1fr))}.album-set{padding-left:56px}.flip{width:148px;height:212px}.loop{grid-template-columns:minmax(0,1fr)}.modal-body{padding:20px 16px}.modal-head{padding-left:16px}.modal-head h2{font-size:22px}.hud-pill{padding-right:9px;font-size:14px}.profile{grid-template-columns:minmax(0,1fr)}}@media (width<=420px){.grid-cards,.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.listing .pct{display:none}.was{margin:6px 0;font-size:11px}.shelf,.stash-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.offer-art .pack{zoom:.7}.offer-title{font-size:18px}.offer-bar{min-height:48px;font-size:22px}.stash-card .offer-bar{font-size:20px}.stats{gap:6px}.stat{padding:10px 8px}.round-btn{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.boot{background:var(--ink);min-height:100vh}.connect .sub{margin:0}.wallet-list{gap:10px;display:grid}.wallet-btn{justify-content:center;width:100%}.odds li.zero{opacity:.55}.offer .offer-bar.buy:disabled{filter:saturate(.35)brightness(.95);cursor:default}.feed-target{aspect-ratio:auto;flex-direction:column;align-items:center;gap:2px;width:100%;height:auto;padding:8px 4px 6px;display:flex}.feed-target .pet-svg{width:64px;height:72px;margin-top:-14px}.feed-target small{color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:8px;padding:2px 6px;font:800 11px/1 Nunito,system-ui,sans-serif}.feed-target:disabled{opacity:.6}.tl-pet.more{color:#fff;background:var(--ink);--rc:var(--ink);font:400 18px/1 Lilita One,system-ui,sans-serif}.album-slot{position:relative}.market-view .empty{flex-wrap:wrap}.feed-xp{border:2px solid var(--ink);background:#dce1f5;border-radius:999px;width:80%;height:7px;margin-top:3px;display:block;overflow:hidden}.feed-xp i{background:linear-gradient(#f59bff 0 50%,#c23be6 50%);height:100%;display:block}.wallet-tag{background:var(--ink);color:#7ee8a6;font:800 11px/1 var(--f-body);letter-spacing:.04em;border-radius:999px;margin-left:8px;padding:3px 7px;transform:skew(6deg)}.wallet-install{font:700 14px/1.4 var(--f-body);color:var(--ink);text-align:center;margin:0}.wallet-install a{color:#2b7bef;text-underline-offset:2px;font-weight:800;text-decoration:underline}.pet-live{display:block;position:relative}.pet-live-canvas{pointer-events:none;width:125%;height:125%;position:absolute;top:-12.5%;left:-12.5%}.pet-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}