@layer base,components;@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-Bold-2DdUElqf.woff2) format("woff2"),url(/assets/PixelifySans-Bold-D2GoHczj.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-Medium-CEf3JECw.woff2) format("woff2"),url(/assets/PixelifySans-Medium-DMi6CsU3.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-Regular-D5aVda_X.woff2) format("woff2"),url(/assets/PixelifySans-Regular-CbQEHWac.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-SemiBold-Dzj-1Y2q.woff2) format("woff2"),url(/assets/PixelifySans-SemiBold-Dr0D6TXS.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DisplayOTF;src:url(/assets/DisplayOTF-rCPHOjKp.eot);src:url(/assets/DisplayOTF-rCPHOjKp.eot?#iefix) format("embedded-opentype"),url(/assets/DisplayOTF-B-CjDUlv.woff2) format("woff2"),url(/assets/DisplayOTF-DUTOFnL_.woff) format("woff"),url(/assets/DisplayOTF-Cy0JK6xw.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.right-2\.5{right:calc(var(--spacing) * 2.5)}.bottom-1\/2{bottom:50%}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[calc\(100\%\+4px\)\]{bottom:calc(100% + 4px)}.left-1\/2{left:50%}.z-2{z-index:2}.z-3{z-index:3}.z-10{z-index:10}.z-200{z-index:200}.m-0{margin:0}.m-0\!{margin:0!important}.mx-auto{margin-inline:auto}.my-1\.25{margin-block:calc(var(--spacing) * 1.25)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-1\.25{margin-top:calc(var(--spacing) * 1.25)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mb-0{margin-bottom:0}.mb-0\!{margin-bottom:0!important}.mb-1\.25{margin-bottom:calc(var(--spacing) * 1.25)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-5\.5{width:calc(var(--spacing) * 5.5);height:calc(var(--spacing) * 5.5)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.max-h-75{max-height:calc(var(--spacing) * 75)}.max-h-\[40\%\]{max-height:40%}.min-h-0{min-height:0}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-10\.5{min-height:calc(var(--spacing) * 10.5)}.min-h-13\.5{min-height:calc(var(--spacing) * 13.5)}.min-h-full{min-height:100%}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-\[calc\(100vw-24px\)\]{width:calc(100vw - 24px)}.w-full{width:100%}.max-w-27\.5{max-width:calc(var(--spacing) * 27.5)}.max-w-105{max-width:calc(var(--spacing) * 105)}.max-w-\[290px\]{max-width:290px}.max-w-\[357px\]{max-width:357px}.min-w-0{min-width:0}.min-w-0\!{min-width:0!important}.min-w-7{min-width:calc(var(--spacing) * 7)}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[pet-needs-gain-x_1\.15s_linear_forwards\]{animation:1.15s linear forwards pet-needs-gain-x}.animate-\[pet-needs-gain-y_1\.15s_linear_forwards\]{animation:1.15s linear forwards pet-needs-gain-y}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.scrollbar-none{scrollbar-width:none}.scrollbar-thin{scrollbar-width:thin}.list-none{list-style-type:none}.grid-cols-\[30px_minmax\(0\,1fr\)_auto\]{grid-template-columns:30px minmax(0,1fr) auto}.grid-cols-\[repeat\(var\(--columns\)\,1fr\)\]{grid-template-columns:repeat(var(--columns),1fr)}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-1\.25{gap:calc(var(--spacing) * 1.25)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-2\.25{gap:calc(var(--spacing) * 2.25)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[5px\]{border-radius:5px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[\#3a3045\]{border-color:#3a3045}.border-\[\#4b3a60\]{border-color:#4b3a60}.border-\[\#4d3b60\]{border-color:#4d3b60}.border-\[\#6a4d83\]{border-color:#6a4d83}.border-\[\#352d40\]{border-color:#352d40}.border-\[\#674b8d\]{border-color:#674b8d}.border-\[\#40344e\]{border-color:#40344e}.border-\[\#55419a\]{border-color:#55419a}.border-\[\#73509c\]{border-color:#73509c}.border-\[\#676071\]{border-color:#676071}.border-\[\#bca9d0\]{border-color:#bca9d0}.border-\[\#d3ae68\]{border-color:#d3ae68}.border-\[\#ddcbd4\]{border-color:#ddcbd4}.border-\[\#ddcfe1\]{border-color:#ddcfe1}.bg-\[\#1b1623\]{background-color:#1b1623}.bg-\[\#2b2038\]{background-color:#2b2038}.bg-\[\#2c2634\]{background-color:#2c2634}.bg-\[\#0008\]{background-color:#0008}.bg-\[\#30213f\]{background-color:#30213f}.bg-\[\#55419a\]{background-color:#55419a}.bg-\[\#ead9ff\]{background-color:#ead9ff}.bg-\[\#f2e9f3cc\]{background-color:#f2e9f3cc}.bg-\[\#fcd9e3\]{background-color:#fcd9e3}.bg-\[\#fdedf4\]{background-color:#fdedf4}.bg-\[\#fdedf4\]\!{background-color:#fdedf4!important}.bg-\[\#fff8eb\]{background-color:#fff8eb}.bg-\[\#fff8eb\]\!{background-color:#fff8eb!important}.bg-\[\#fffafd\]{background-color:#fffafd}.bg-transparent{background-color:#0000}.bg-\[linear-gradient\(105deg\,\#352544\,\#251c30\)\]{background-image:linear-gradient(105deg,#352544,#251c30)}.bg-\[linear-gradient\(145deg\,\#211a2a\,\#19151f\)\]{background-image:linear-gradient(145deg,#211a2a,#19151f)}.bg-\[linear-gradient\(180deg\,\#fff1b8\,\#f4d48c\)\]{background-image:linear-gradient(#fff1b8,#f4d48c)}.bg-\[radial-gradient\(circle_at_30\%_25\%\,\#6a4a90\,\#322440_72\%\)\]{background-image:radial-gradient(circle at 30% 25%,#6a4a90,#322440 72%)}.bg-none\!{background-image:none!important}.object-contain{object-fit:contain}.p-0{padding:0}.p-1\.25{padding:calc(var(--spacing) * 1.25)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1\.75{padding-inline:calc(var(--spacing) * 1.75)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-2\.25{padding-inline:calc(var(--spacing) * 2.25)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-11\.25{padding-inline:calc(var(--spacing) * 11.25)}.py-0\.75{padding-block:calc(var(--spacing) * .75)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-1\.25{padding-block:calc(var(--spacing) * 1.25)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3\.75{padding-block:calc(var(--spacing) * 3.75)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-5\.5{padding-top:calc(var(--spacing) * 5.5)}.pb-1\.25{padding-bottom:calc(var(--spacing) * 1.25)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6\.25{padding-bottom:calc(var(--spacing) * 6.25)}.pl-4\.5{padding-left:calc(var(--spacing) * 4.5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[11px\]\!{font-size:11px!important}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[20px\]{font-size:20px}.text-\[22px\]\!{font-size:22px!important}.text-\[28px\]\!{font-size:28px!important}.text-\[clamp\(10px\,3\.2cqw\,13px\)\]{font-size:clamp(10px,3.2cqw,13px)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#2a326b\]{color:#2a326b}.text-\[\#9b641f\]{color:#9b641f}.text-\[\#796b78\]{color:#796b78}.text-\[\#866e81\]{color:#866e81}.text-\[\#9589a3\]{color:#9589a3}.text-\[\#34336f\]{color:#34336f}.text-\[\#34336f\]\!{color:#34336f!important}.text-\[\#76539a\]{color:#76539a}.text-\[\#a78abe\]{color:#a78abe}.text-\[\#a99fb4\]{color:#a99fb4}.text-\[\#aa92bd\]{color:#aa92bd}.text-\[\#ab9dbb\]{color:#ab9dbb}.text-\[\#b8e8ce\]{color:#b8e8ce}.text-\[\#c2b0cf\]{color:#c2b0cf}.text-\[\#c7b8d5\]\!{color:#c7b8d5!important}.text-\[\#d1adff\]{color:#d1adff}.text-\[\#d3c9dd\]{color:#d3c9dd}.text-\[\#d8bcff\]{color:#d8bcff}.text-\[\#d9ffe1\]{color:#d9ffe1}.text-\[\#dbc5fb\]{color:#dbc5fb}.text-\[\#e8d6ff\]{color:#e8d6ff}.text-\[\#f7f4ff\]{color:#f7f4ff}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-70{opacity:.7}.shadow-\[0_-7px_16px_rgba\(58\,37\,67\,0\.14\)\]{--tw-shadow:0 -7px 16px var(--tw-shadow-color,#3a254324);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_\#9147ff30\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#9147ff30);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_\#0005\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#0005);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[image-rendering\:pixelated\]{image-rendering:pixelated}.\[text-shadow\:0_1px_2px_\#17452c\,0_2px_7px_\#17452c99\]{text-shadow:0 1px 2px #17452c,0 2px 7px #17452c99}.\[text-shadow\:0_1px_3px_\#000\]{text-shadow:0 1px 3px #000}.\[text-shadow\:0_1px_3px_\#000b\]{text-shadow:0 1px 3px #000b}.first\:border-\[\#dcaa38\]:first-child{border-color:#dcaa38}.first\:bg-\[\#fff4c9\]:first-child{background-color:#fff4c9}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[\#715598\]:hover{border-color:#715598}.hover\:bg-\[\#292037\]:hover{background-color:#292037}}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[\#d2adff\]:focus-visible{outline-color:#d2adff}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-55:disabled{opacity:.55}.aria-\[pressed\=true\]\:border-\[\#a970ff\][aria-pressed=true]{border-color:#a970ff}.aria-\[pressed\=true\]\:bg-\[\#30213f\][aria-pressed=true]{background-color:#30213f}.aria-\[pressed\=true\]\:shadow-\[inset_3px_0_\#a970ff\][aria-pressed=true]{--tw-shadow:inset 3px 0 var(--tw-shadow-color,#a970ff);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[kind\=error\]\:text-\[\#ffb4c0\][data-kind=error]{color:#ffb4c0}.data-\[rarity\=epic\]\:border-\[\#8456c2\][data-rarity=epic]{border-color:#8456c2}.data-\[rarity\=epic\]\:bg-\[\#33204c\][data-rarity=epic]{background-color:#33204c}.data-\[rarity\=epic\]\:text-\[\#d7b7ff\][data-rarity=epic]{color:#d7b7ff}.data-\[rarity\=legendary\]\:border-\[\#a87c32\][data-rarity=legendary]{border-color:#a87c32}.data-\[rarity\=legendary\]\:bg-\[\#46321a\][data-rarity=legendary]{background-color:#46321a}.data-\[rarity\=legendary\]\:text-\[\#ffdda0\][data-rarity=legendary]{color:#ffdda0}.data-\[rarity\=rare\]\:border-\[\#527cad\][data-rarity=rare]{border-color:#527cad}.data-\[rarity\=rare\]\:bg-\[\#1d324a\][data-rarity=rare]{background-color:#1d324a}.data-\[rarity\=rare\]\:text-\[\#a9d6ff\][data-rarity=rare]{color:#a9d6ff}@media(min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-5{top:calc(var(--spacing) * 5)}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-\[280px_minmax\(0\,1fr\)\]{grid-template-columns:280px minmax(0,1fr)}}@media(min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}body.pet-route{background:0 0;justify-content:center;align-items:center;height:100vh;font-family:DisplayOTF,sans-serif;display:flex}.pet-screen{aspect-ratio:500/425;perspective:900px;width:650px;animation:.95s both pet-device-drop;position:relative}@keyframes pet-device-drop{0%{animation-timing-function:cubic-bezier(.35,0,.8,.65);transform:translateY(calc(-50vh - 50%))}32%{animation-timing-function:cubic-bezier(.25,.5,.5,1);transform:translate(0)}38%{animation-timing-function:ease-in-out;transform:translateY(17%)}56%{animation-timing-function:ease-in-out;transform:translateY(-8%)}74%{animation-timing-function:ease-in-out;transform:translateY(4%)}92%{animation-timing-function:ease-in-out;transform:translateY(-2%)}to{transform:translate(0)}}.pet-visibility-content--exiting .pet-screen{pointer-events:none;animation:.6s both pet-device-hide}@keyframes pet-device-hide{0%{animation-timing-function:ease-out;transform:translate(0)}16%{animation-timing-function:cubic-bezier(.6,0,.9,.35);transform:translateY(4%)}to{transform:translateY(calc(-50vh - 50%))}}.pet-shell{transform:translate3d(var(--pet-move-x,0),var(--pet-move-y,0),0) rotateX(var(--pet-tilt-x,0deg)) rotateY(var(--pet-tilt-y,0deg));transform-origin:50% 52%;backface-visibility:hidden;will-change:transform;transition:transform .12s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.pet-trinket{z-index:101;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:19% 14.5%;width:100%;height:100%;transform:perspective(900px) rotate(var(--trinket-angle,0deg)) rotateY(var(--trinket-yaw,0deg));will-change:transform;position:absolute;inset:0}.pet-trinket-shadow{z-index:100;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:url(/assets/device.png);mask-image:url(/assets/device.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pet-trinket-shadow img{object-fit:contain;transform-origin:19% 14.5%;width:100%;height:100%;transform:translate(5px,7px) rotate(var(--trinket-angle,0deg));filter:brightness(0)blur(4px);opacity:.35;position:absolute;inset:0}.pet-trinket-anchor{pointer-events:none;width:1px;height:1px;position:absolute;top:14.5%;left:19%}.pet-screen:not(:hover) .pet-shell{transition-duration:.32s}.pet-device{object-fit:contain;pointer-events:none;z-index:99;width:100%;height:100%;filter:drop-shadow(-1px -1px 1px #ffffff47) drop-shadow(var(--pet-shadow-x,6px) var(--pet-shadow-y,10px) 12px #2d17304d);will-change:filter;transition:filter 90ms ease-out;position:absolute;inset:0}.pet-screen-glass{z-index:9;pointer-events:none;border-radius:8%/7%;width:61%;height:70%;position:absolute;top:16%;left:25%;overflow:hidden}.pet-screen-glass *{pointer-events:none}.pet-screen-glass:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(to bottom,var(--pet-frame-light-color,#fffaff24),transparent 28%) top / 100% 46% no-repeat,linear-gradient(to right,var(--pet-frame-light-color,#fffaff24),transparent 28%) left / 46% 100% no-repeat;box-shadow:inset 0 0 12px 1px #25142861,inset var(--pet-frame-shadow-x,0) var(--pet-frame-shadow-y,0) 30px -4px #1d0e21d1;will-change:box-shadow;border-radius:55px;transition:box-shadow .11s ease-out;position:absolute;inset:0}.pet-screen-scuff{z-index:2;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;mix-blend-mode:darken;filter:grayscale()contrast(1.15)brightness(.8);opacity:.5;width:100%;height:100%;transform:translate3d(var(--pet-scuff-x,0),var(--pet-scuff-y,0),0) rotate(180deg);will-change:transform;transition:transform .12s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.pet-screen-scuff-highlight{z-index:6;pointer-events:none;mix-blend-mode:screen;opacity:var(--pet-scuff-highlight-opacity,.2);transform:translate3d(calc(var(--pet-scuff-x,0px) - 2px),calc(var(--pet-scuff-y,0px) - 2px),0) rotate(180deg);will-change:transform,opacity;background:#fff;transition:transform .12s cubic-bezier(.2,.7,.2,1),opacity .12s ease-out;position:absolute;inset:0;-webkit-mask-image:url(/assets/device_scuff.png);mask-image:url(/assets/device_scuff.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pet-screen-glare{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.8;transform:translate3d(var(--pet-glare-x,0),var(--pet-glare-y,0),0);will-change:transform;background:radial-gradient(at 20% 18%,#ffffffc7,#fffaff6b 10%,#0000 25%),linear-gradient(122deg,#0000 7%,#ffffff85 16%,#fffaff38 29%,#0000 46%);transition:transform 80ms ease-out;position:absolute;inset:-15%}.pet-screen .pet-card{color:#51464f;width:63%;height:72%;min-height:0;box-shadow:none;z-index:1;pointer-events:auto;background:linear-gradient(160deg,#fffaf5,#f4edf5);border-color:#e8ddd4;border-radius:0;flex-direction:column;padding:0;animation:.24s steps(2,end) infinite pet-crt-flicker;display:flex;position:absolute;top:15%;left:24%;overflow:hidden}.pet-screen .pet-card:before{content:"";pointer-events:none;z-index:29;background:radial-gradient(at 50% 45%,#0000 38%,#432a411a 68%,#2b192d6b),radial-gradient(at 48% 42%,#fffaff2e,#fff5ff14 38%,#0000 62%);position:absolute;inset:0;box-shadow:inset 0 0 26px #301c3038}.pet-screen .pet-card:after{content:"";pointer-events:none;z-index:98;mix-blend-mode:overlay;opacity:.78;background-image:repeating-linear-gradient(#0000 0 2px,#1e0f232e 2px 3px,#0000 3px 5px),linear-gradient(90deg,#f006 0 1px,#0f06 1px 2px,#00f6 2px 3px);background-size:100% 5px,3px 6px;width:100%;height:100%;position:absolute;top:0;left:0}.pet-screen h1{margin:2px 0 0;font-size:clamp(22px,8cqw,34px);line-height:1}.pet-stage{isolation:isolate;min-height:120px;transform:translate3d(var(--pet-scene-x,0),var(--pet-scene-y,0),0) scale(1.045);will-change:transform;flex:auto;place-items:center;transition:transform .12s cubic-bezier(.2,.7,.2,1);display:grid;position:relative;overflow:hidden}.pet-background{z-index:0;-webkit-user-select:none;user-select:none;object-fit:cover;pointer-events:none;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.pet-artwork{z-index:1;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 12px 14px #7a687033);width:100%;height:100%;padding-top:30px;display:block;position:absolute;inset:0}.pet-stage--using-item .pet-artwork{animation:pet-use-reaction .32s ease-out calc(var(--transition-ms,0s) + .97s) both;transform-origin:50% 70%}@keyframes pet-use-reaction{0%,to{filter:brightness()invert(0)drop-shadow(0 12px 14px #7a687033);transform:scale(1)}40%{filter:brightness(0)invert()drop-shadow(0 0 10px #fff);transform:scale(1.06)}}.track{--border-color:#352d40;border:2px solid var(--border-color);background:#8390aa;border-radius:4px;width:100%;height:20px;position:relative;overflow:hidden}.track:after{content:"";background:linear-gradient(to right,transparent 0 calc(100% / 6 - 1px),var(--border-color) calc(100% / 6 - 1px) calc(100% / 6 + 1px),transparent calc(100% / 6 + 1px) calc(200% / 6 - 1px),var(--border-color) calc(200% / 6 - 1px) calc(200% / 6 + 1px),transparent calc(200% / 6 + 1px) calc(50% - 1px),var(--border-color) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px) calc(400% / 6 - 1px),var(--border-color) calc(400% / 6 - 1px) calc(400% / 6 + 1px),transparent calc(400% / 6 + 1px) calc(500% / 6 - 1px),var(--border-color) calc(500% / 6 - 1px) calc(500% / 6 + 1px),transparent calc(500% / 6 + 1px) 100%);position:absolute;inset:0}.fill{border-radius:inherit;height:100%;transition:width .3s}.pet-actions{--columns:4;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:5px;display:grid}.pet-action{--action-bg-top:#cffff0;--action-bg-bottom:#8fe2cd;--action-border:#286f7b;--action-shadow:transparent;--action-inset:#63b8a9;color:#34336f;border:2px solid var(--action-border);background:linear-gradient(180deg,var(--action-bg-top),var(--action-bg-bottom));min-width:0;box-shadow:inset 0 0 0 3px #ffffff80,inset 0 -7px 0 var(--action-inset),0 5px 0 var(--action-shadow),0 8px 10px transparent;text-transform:uppercase;text-shadow:1px 1px #fff8;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:5px;padding:10px 8px 9px;font-size:15px;font-weight:700;transition:filter .1s,box-shadow 80ms;display:flex;position:relative;overflow:hidden}.pet-action:before{content:"";background:#fff9;border-radius:999px;height:3px;position:absolute;inset:2px 8px auto}.pet-action:hover:not(:disabled){filter:brightness(1.06)}.pet-action:active:not(:disabled){background:linear-gradient(180deg,var(--action-bg-top),var(--action-bg-bottom))}@supports (color:color-mix(in lab,red,red)){.pet-action:active:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--action-bg-top) 65%,var(--action-inset)),color-mix(in srgb,var(--action-bg-bottom) 65%,var(--action-border)))}}.pet-action:active:not(:disabled){box-shadow:inset 0 0 0 3px #ffffff60,inset 0 3px 4px var(--action-border),inset 0 -3px 0 var(--action-inset),0 2px 0 var(--action-shadow),0 4px 6px transparent}@supports (color:color-mix(in lab,red,red)){.pet-action:active:not(:disabled){box-shadow:inset 0 0 0 3px #ffffff60,inset 0 3px 4px color-mix(in srgb,var(--action-border) 35%,transparent),inset 0 -3px 0 var(--action-inset),0 2px 0 var(--action-shadow),0 4px 6px transparent}}.pet-action:active:not(:disabled):before{opacity:.55}.pet-action__icon,.pet-action svg,.pet-action__label{transition:transform 80ms}.pet-action:active:not(:disabled)>.pet-action__icon,.pet-action:active:not(:disabled)>svg,.pet-action:active:not(:disabled)>.pet-action__label{transform:translateY(2px)}.pet-action:focus-visible{outline-offset:3px;outline:3px solid #fff}.pet-action:disabled{cursor:not-allowed;filter:grayscale(.45)}.pet-action__icon,.pet-action svg{color:#3a3a78;filter:drop-shadow(1px 2px #fff7);flex:none}.pet-action__label{z-index:1;white-space:nowrap;position:relative}.pet-action--feed{--action-bg-top:#cffff0;--action-bg-bottom:#8fe2cd;--action-border:#287482;--action-inset:#5dbbab}.pet-action--play{--action-bg-top:#ffd2e6;--action-bg-bottom:#f19bc5;--action-border:#a92f72;--action-inset:#d56b9f}.pet-action--clean{--action-bg-top:#c8f0ff;--action-bg-bottom:#79cbed;--action-border:#2673a5;--action-inset:#4eacd4}.pet-action--sleep{--action-bg-top:#ead9ff;--action-bg-bottom:#baa3ef;--action-border:#59459c;--action-inset:#8d75cc}@media(max-width:420px){.pet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.spinner{border:3px solid #3a3047;border-top-color:#a970ff;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.pet-screen [role=alert]{color:#ff91a2;font-size:13px}.pet-volume-slider{opacity:0;pointer-events:none;accent-color:#a970ff;flex:0 0 0;width:0;min-width:0;margin:0;padding:0;transition:flex-basis .18s,width .18s,opacity .18s}.pet-needs-dock__fill{border-radius:inherit;height:100%;transition:width .2s}.pet-volume-control:hover .pet-volume-slider,.pet-volume-control:focus-within .pet-volume-slider{opacity:1;pointer-events:auto;flex-basis:112px;width:112px;margin-right:8px}.pet-control-button:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #fff}.pet-visibility-content{display:contents}.pet-visibility-content[hidden]{display:none}@keyframes pet-needs-gain-x{0%{transform:translate(-50%)}to{transform:translate(calc(-50% + var(--gain-x)))}}@keyframes pet-needs-gain-y{0%{opacity:1;transform:translateY(0)}10%{opacity:.98;transform:translateY(-21px)}20%{opacity:.95;transform:translateY(-37px)}30%{opacity:.9;transform:translateY(-48px)}40%{opacity:.8;transform:translateY(-54px)}50%{opacity:.7;transform:translateY(-54px)}60%{opacity:.55;transform:translateY(-49px)}70%{opacity:.4;transform:translateY(-39px)}80%{opacity:.25;transform:translateY(-23px)}90%{opacity:.1;transform:translateY(-2px)}to{opacity:0;transform:translateY(24px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pet-crt-flicker{0%,to{filter:brightness()}50%{filter:brightness(1.025)}}@media(prefers-reduced-motion:reduce){.pet-stage--using-item .pet-artwork,.pet-screen,.pet-visibility-content--exiting .pet-screen,.pet-screen .pet-card{animation:none}.pet-shell,.pet-screen-glare,.pet-device,.pet-screen-glass,.pet-screen .pet-card,.pet-stage,.pet-trinket,.pet-trinket-shadow{transition:none;transform:none}.pet-device{filter:none}.pet-screen-scuff{transition:none;transform:rotate(180deg)}.pet-screen-scuff-highlight{transition:none;transform:translate(-2px,-2px)rotate(180deg)}}:root{color:#f7f4ff;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:0;margin:0}button,input,select{font:inherit}h1{letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(28px,5vw,42px)}.button{color:#fff;cursor:pointer;background:#9147ff;border:0;border-radius:10px;font-weight:800}.button:active{scale:.9}.button:disabled{opacity:.55;cursor:not-allowed}.button.button-square{--bg-color:#fdedf4;color:#55419a;background-color:var(--bg-color);border:2px solid #55419a;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.button.button-square--inventory{--bg-color:#ead9ff;color:#55419a;border-color:#55419a;font-size:24px;line-height:1;text-decoration:none}.button.button-square--leaderboard{--bg-color:#fff0b8;color:#9b641f;border-color:#9b641f;font-size:24px;line-height:1;text-decoration:none}.card{background:linear-gradient(145deg,#211a2a,#19151f);border:1px solid #352d40;border-radius:20px;min-height:390px;padding:28px;box-shadow:0 20px 60px #0005}body.admin-route{background-color:#17131d}.dashboard{width:min(1080px,100%);min-height:100vh;margin:auto;padding:24px}.topbar{border-bottom:1px solid #322b3d;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.topbar>div:first-child{align-items:center;gap:12px;display:flex}.topbar strong{font-size:16px;display:block}.topbar span{color:#958ba2;margin-top:2px;font-size:12px;display:block}.brand-mark{background:linear-gradient(145deg,#a970ff,#6c2bd9);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 8px 24px #9147ff44}.connection{color:#9e94a9;align-items:center;gap:8px;font-size:13px;display:flex}.connection i{background:#756d7e;border-radius:50%;width:8px;height:8px}.connection.online{color:#75e5ae}.connection.online i{background:#42d893;box-shadow:0 0 12px #42d893}.channel-panel{justify-content:space-between;align-items:end;gap:28px;padding:42px 0 24px;display:flex}.section-kicker{color:#a970ff;letter-spacing:.14em;font-size:11px;font-weight:900}.admin-screen h2{margin:3px 0;font-size:22px}.admin-screen form{min-width:min(100%,390px)}.admin-screen label{color:#a99fb4;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.admin-screen .input-row,.admin-screen .url-box{gap:8px;display:flex}.admin-screen input,.admin-screen select,.admin-screen textarea{color:#eee9f5;background:#17131d;border:1px solid #41384d;border-radius:10px;outline:none;width:100%;min-width:0;padding:11px 13px}.admin-screen input:focus,.admin-screen select:focus,.admin-screen textarea:focus{border-color:#9147ff;box-shadow:0 0 0 3px #9147ff20}.admin-screen .secondary{background:#332a40;padding:0 16px}.primary{width:100%;margin-top:14px;padding:13px;box-shadow:0 8px 24px #9147ff30}.obs-title{align-items:center;gap:14px;display:flex}.obs-icon{color:#d7cce1;background:#2b2433;border:1px solid #4b4059;border-radius:14px;place-items:center;width:54px;height:54px;font-size:12px;font-weight:900;display:grid}.obs-card>p{color:#aaa0b4;margin:24px 0;font-size:14px;line-height:1.55}.url-box input{font-family:Consolas,monospace;font-size:12px}.url-box button{background:#49375f;padding:0 14px}.preview-link{color:#bd8cff;margin-top:16px;font-size:13px;text-decoration:none;display:inline-block}.preview-link:hover{color:#d9bcff}.obs-hint{color:#aaa0b4;background:#15111a;border-radius:12px;justify-content:space-between;margin-top:30px;padding:15px;font-size:12px;display:flex}.obs-hint strong{color:#d8d0df}.admin-card{width:min(100%,720px);min-height:0}.admin-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:20px;display:grid}.pet-editor{min-height:0}.editor-heading,.stat-editor-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.editor-save{width:auto;margin:0;padding:11px 18px}.pet-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0 30px;display:grid}.pet-fields label,.stat-editor-row label{margin:0}.pet-fields input,.pet-fields select,.pet-fields textarea{margin-top:7px}.personality-field{grid-column:1/-1}.personality-field textarea{resize:vertical;min-height:100px;line-height:1.5}.personality-field span{color:#958ba2;margin-top:6px;font-size:11px;font-weight:400;display:block}.stat-editor-heading{border-bottom:1px solid #352d40;padding-bottom:12px}.stat-editor-heading strong,.stat-editor-heading span{display:block}.stat-editor-heading span{color:#958ba2;margin-top:4px;font-size:12px}.add-stat{min-height:38px;padding:0 14px}.stat-editor-list{gap:10px;margin-top:14px;display:grid}.stat-editor-row{background:#17131d;border:1px solid #352d40;border-radius:12px;grid-template-columns:minmax(135px,1fr) 80px 80px minmax(120px,.8fr) 58px 34px;align-items:end;gap:8px;padding:12px;display:grid}.stat-editor-row>input{align-self:end}.stat-editor-row label{color:#958ba2;font-size:10px}.stat-editor-row label input{margin-top:5px}.icon-field__control{margin-top:5px;display:block;position:relative}.icon-field__control svg{color:#d9c5ff;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.icon-field__control select{height:42px;padding:8px 8px 8px 35px}.color-field input{cursor:pointer;height:42px;padding:4px}.remove-stat{color:#ffb4c0;background:#3c2630;height:42px;font-size:20px}.editor-message{color:#b8e8ce;margin:16px 0 0;font-size:13px}.admin-tabs{border-bottom:1px solid #352d40;gap:8px;margin-bottom:20px;display:flex}.admin-tabs__tab{color:#a99fb4;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 18px;font-weight:700}.admin-tabs__tab[aria-pressed=true]{color:#f7f4ff;border-bottom-color:#a970ff}.memory-admin__heading{margin-bottom:18px}.memory-admin__columns{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;display:grid}.memory-admin .card{min-height:0}.memory-admin__viewers form{min-width:0}.memory-admin .input-row .button,.memory-admin__pagination .button,.memory-admin__memory-footer .button,.memory-admin__edit-actions .button{min-height:36px;padding:7px 14px}.memory-admin__viewer-list,.memory-admin__memory-list{gap:10px;margin-top:20px;display:grid}.memory-admin__viewer{color:#f7f4ff;text-align:left;cursor:pointer;background:#211a2a;border:1px solid #41384d;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.memory-admin__viewer:hover,.memory-admin__viewer[aria-pressed=true]{background:#30213f;border-color:#a970ff}.memory-admin__viewer strong{overflow-wrap:anywhere}.memory-admin__viewer span,.memory-admin__memory-footer span,.memory-admin__pagination span{color:#a99fb4;font-size:12px}.memory-admin__pagination,.memory-admin__memory-footer,.memory-admin__edit-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.memory-admin__memory{background:#17131d;border:1px solid #41384d;border-radius:12px;padding:16px}.memory-admin__memory p{overflow-wrap:anywhere;margin:0;line-height:1.5}.memory-admin__memory-footer{margin-top:14px}.memory-admin__edit{min-width:0}.memory-admin__edit textarea{resize:vertical;min-height:96px;margin-top:7px}.admin-screen .memory-admin__pin{align-items:center;gap:8px;margin-top:12px;margin-bottom:0;display:flex}.memory-admin__pin input{width:auto;margin:0}.memory-admin__error{color:#ffb4c0;margin-top:16px}@media(max-width:760px){.memory-admin__columns,.admin-grid{grid-template-columns:1fr}.channel-panel{flex-direction:column;align-items:stretch}.channel-panel form{width:100%}.connection{font-size:0}.connection i{width:10px;height:10px}}.inventory-grid{--inventory-cell-size:42px;gap:4px;width:max-content;margin:0 auto;display:grid}.inventory-grid__cell{background:#fff8fb;border:1px solid #dbc5dc}.inventory-grid__preview{z-index:2;pointer-events:none;background:#58d69361;border:2px dashed #329b68}.inventory-grid__preview[data-valid=false]{background:#f7577561;border-color:#c94b70}.inventory-grid__item{--item-rarity:#c5abd5;z-index:1;cursor:pointer;color:#55419a;border:2px solid var(--item-rarity);background:#fff0e8;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.inventory-grid__item:disabled{filter:grayscale()blur(2px);cursor:not-allowed}.inventory-grid__item--with-image,.inventory-grid__item--with-image[data-selected=true]{background:#fff8fb}.inventory-grid__item--with-image img{padding:0;display:block}.inventory-grid__item--rare{--item-rarity:#78d9ff}.inventory-grid__item--epic{--item-rarity:#d7a1ff}.inventory-grid__item--legendary{--item-rarity:#ffbb65}.inventory-grid__item[data-selected=true]{background:var(--item-rarity);outline-offset:-2px;outline:2px solid #55419a}.inventory-grid__item[data-dragging=true]{z-index:10;cursor:grabbing}.inventory-grid__item:focus-visible{outline-offset:2px;outline:3px solid #34336f}.inventory-grid__item img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;padding:3px}.inventory-grid__fallback{font-size:28px;font-weight:700}.inventory-grid__quantity{background:#fff8eb;border-radius:3px;padding:0 3px;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:3px}.inventory-page__message{text-align:center;margin:0;padding:12px}.inventory-page__viewport>.inventory-page__message{z-index:2;background:#fff8eb;border-radius:5px;width:max-content;max-width:calc(100% - 24px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inventory-grid__error{pointer-events:none}.item-use-effect{--effect-color:#ffe49a;z-index:2;pointer-events:none;width:84px;height:84px;animation:item-use-flight 1.35s ease-in-out var(--transition-ms,0s) both;place-items:center;display:grid;position:absolute;top:52%;left:50%}.item-use-effect--rare{--effect-color:#78d9ff;--glow-color:#2ebfff;--mist-main:#78d9ffaa;--mist-light:#c9f3ff88}.item-use-effect--epic{--effect-color:#d7a1ff;--glow-color:#b35cff;--mist-main:#d7a1ffaa;--mist-light:#efd2ff88}.item-use-effect--legendary{--effect-color:#ffe066;--glow-color:#ffca32;--mist-main:#ffd54aaa;--mist-light:#fff3b588;--flight-start-opacity:0;--flight-end-opacity:1}.item-use-effect--rare:before,.item-use-effect--epic:before,.item-use-effect--legendary:before{content:"";z-index:0;background:radial-gradient(ellipse at 35% 60%,var(--mist-main),transparent 60%),radial-gradient(ellipse at 68% 42%,var(--mist-light),transparent 56%);filter:blur(10px);animation:item-use-mist 1.35s ease-out var(--transition-ms,0s) both;border-radius:50%;position:absolute;inset:-22px}.item-use-effect__glow{z-index:0;background:radial-gradient(circle,var(--glow-color) 0 16%,var(--glow-color) 40%,var(--glow-color) 65%,transparent 82%);border-radius:50%;position:absolute;inset:-80px}@supports (color:color-mix(in lab,red,red)){.item-use-effect__glow{background:radial-gradient(circle,color-mix(in srgb,var(--glow-color) 55%,transparent) 0 16%,color-mix(in srgb,var(--glow-color) 35%,transparent) 40%,color-mix(in srgb,var(--glow-color) 15%,transparent) 65%,transparent 82%)}}.item-use-effect__glow{filter:blur(8px)}.item-use-effect--epic:after,.item-use-effect--legendary:after{content:"";z-index:0;background:repeating-conic-gradient(from -7deg,var(--effect-color) 0deg 14deg,transparent 14deg 30deg);filter:drop-shadow(0 0 4px var(--effect-color));animation:item-use-rays-motion 1.35s cubic-bezier(.2,.7,.2,1) var(--transition-ms,0s) both,item-use-rays-fade 1.35s linear var(--transition-ms,0s) both;position:absolute;inset:-50px;-webkit-mask-image:radial-gradient(circle,#0000 0 28px,#000 43px 70px,#0000 92px);mask-image:radial-gradient(circle,#0000 0 28px,#000 43px 70px,#0000 92px)}.item-use-effect__back-rays{z-index:0;filter:drop-shadow(0 0 3px #ffc247);opacity:.65;animation:item-use-legendary-back-motion 1.35s cubic-bezier(.2,.7,.2,1) var(--transition-ms,0s) both;background:repeating-conic-gradient(from 8deg,#ffc247 0deg 14deg,#0000 14deg 30deg);position:absolute;inset:-110px;-webkit-mask-image:radial-gradient(circle,#0000 0 30px,#000 45px 108px,#0000 145px);mask-image:radial-gradient(circle,#0000 0 30px,#000 45px 108px,#0000 145px)}@keyframes item-use-legendary-front-motion{0%{opacity:0;transform:scale(.6)rotate(-24deg)}18%{opacity:0}30%{opacity:.82}to{opacity:.82;transform:scale(1.45)rotate(42deg)}}@keyframes item-use-legendary-back-motion{0%{opacity:0;transform:scale(.6)rotate(24deg)}22%{opacity:0}34%{opacity:.65}to{opacity:.65;transform:scale(1.45)rotate(-48deg)}}.item-use-effect--legendary:after{filter:none;opacity:.82;animation:item-use-legendary-front-motion 1.35s cubic-bezier(.2,.7,.2,1) var(--transition-ms,0s) both;inset:-125px;-webkit-mask-image:radial-gradient(circle,#0000 0 28px,#000 43px 65px,#0000 105px);mask-image:radial-gradient(circle,#0000 0 28px,#000 43px 65px,#0000 105px)}.item-use-effect img{z-index:1;object-fit:contain;width:76px;height:76px;image-rendering:pixelated;filter:drop-shadow(0 3px 3px #33224888);position:relative}.item-use-effect__fallback{z-index:1;border:3px solid var(--effect-color);color:#34336f;background:#fff8eb;border-radius:8px;place-items:center;width:68px;height:68px;font-size:34px;font-weight:700;display:grid;position:relative;box-shadow:0 3px 9px #33224855}.item-use-effect--rare img,.item-use-effect--epic img,.item-use-effect--legendary img{filter:drop-shadow(0 3px 3px #33224888) drop-shadow(0 0 8px var(--effect-color)) drop-shadow(0 0 26px var(--effect-color))}.item-use-effect--rare .item-use-effect__fallback,.item-use-effect--epic .item-use-effect__fallback,.item-use-effect--legendary .item-use-effect__fallback{box-shadow:0 3px 9px #33224855,0 0 12px 3px var(--effect-color),0 0 30px 10px var(--effect-color)}.item-use-effect--preview,.item-use-effect--preview:before,.item-use-effect--preview:after,.item-use-effect--preview .item-use-effect__back-rays{animation-iteration-count:infinite;animation-delay:0s}@keyframes item-use-flight{0%{opacity:var(--flight-start-opacity,0);transform:translate(-50%,-20%)scale(.65)}18%,55%{opacity:1;transform:translate(-50%,-50%)scale(1)}85%{opacity:1;transform:translate(-50%,-30%)scale(.18)}to{opacity:var(--flight-end-opacity,0);transform:translate(-50%,-30%)scale(0)}}@keyframes item-use-rays-motion{0%{transform:scale(.8)rotate(-8deg)}to{transform:scale(1.3)rotate(18deg)}}@keyframes item-use-rays-fade{0%{opacity:0}20%{opacity:1}45%{opacity:1}to{opacity:0}}@keyframes item-use-mist{0%{opacity:0;transform:translate(-8px,6px)scale(.8)}25%{opacity:.65}60%{opacity:.95;transform:translate(4px,-4px)scale(1.05)}to{opacity:0;transform:translate(12px,-14px)scale(1.2)}}@media(prefers-reduced-motion:reduce){.item-use-effect{animation-duration:1ms;animation-delay:0s}.item-use-effect:before,.item-use-effect:after,.item-use-effect__back-rays{animation:none}.item-use-effect--preview{opacity:1;animation:none;transform:translate(-50%,-50%)}}.device-screen-transition,.device-screen-transition__layer{position:absolute;inset:0}.device-screen-transition{pointer-events:none;--transition-easing:cubic-bezier(.25, .2, .75, .8)}.device-screen-transition__layer--outgoing{z-index:1}.device-screen-transition__layer--current{z-index:2}.device-screen-transition__layer--entering{animation:device-page-reveal var(--transition-ms) var(--transition-easing) both;-webkit-mask-image:linear-gradient(#000 47%,#000000b3 49%,#0000004d 51%,#0000 53%);mask-image:linear-gradient(#000 47%,#000000b3,#0000004d,#0000 53%);-webkit-mask-size:100% 300%;mask-size:100% 300%}.device-screen-transition__layer--outgoing .pet-card,.device-screen-transition__layer--entering .pet-card{pointer-events:none}@keyframes device-page-reveal{0%{filter:brightness(.98);-webkit-mask-position:0 100%;mask-position:0 100%}to{filter:brightness();-webkit-mask-position:0 0;mask-position:0 0}}@media(prefers-reduced-motion:reduce){.device-screen-transition__layer--entering{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}