@font-face{font-family:Squishy Blue;src:url(/fonts/SquishyBlue.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}:root{--c-outline: #232842;--c-hud-line: #000000;--c-navbar: #f2d6d6;--c-pfp: #ffd2c2;--c-pfp-bevel: #ddb3a4;--c-panel: #d6e8f2;--c-panel-inner: #cbdce6;--c-slot: #b7c9d4;--c-slot-dark: #a8bcc9;--c-bg: #adc9dc;--c-paw-fill: #7ec3ed;--c-paw-bevel: #2d9eeb;--c-tab: #45495e;--c-tab-num: #d5d8ea;--c-shop: #8fe3e0;--c-shop-well: #6fd4d2;--c-shop-card: #86dcd9;--c-shop-slot: #a5e8e6;--c-edit-slot: #b9cfe3;--c-ink: #131313;--c-ink-soft: #93aec2;--c-muted: #7b8c99;--font-game: "Squishy Blue", system-ui, sans-serif;--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--paw-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 25'%3E%3Cellipse cx='14' cy='18.3' rx='7.2' ry='5.6'/%3E%3Cellipse cx='3.2' cy='9.2' rx='3.3' ry='4.1'/%3E%3Cellipse cx='10.3' cy='4.8' rx='3.35' ry='4.2'/%3E%3Cellipse cx='17.7' cy='4.8' rx='3.35' ry='4.2'/%3E%3Cellipse cx='24.8' cy='9.2' rx='3.3' ry='4.1'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--c-bg);overscroll-behavior:none;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body{font-family:var(--font-game);font-weight:400;font-synthesis:none;color:var(--c-ink);line-height:1}img{image-rendering:pixelated;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.smooth{image-rendering:auto}input{font-family:inherit;font-weight:inherit;border:none;outline:none;color:inherit;background:none}button{font-family:inherit;font-weight:inherit;border:none;background:none;color:inherit;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.skin{position:relative;background:var(--fill);border:3px solid var(--c-hud-line);border-radius:var(--radius, 19px)}.skin:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 calc(-1 * var(--bevel-h, 10px)) 0 0 var(--bevel);transition:box-shadow .16s ease}.btn{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:var(--c-ink);font-family:var(--font-game);transition:transform .26s var(--ease-pop),box-shadow .26s ease,filter .2s ease;will-change:transform}.btn>.btn-label{position:relative;z-index:3;margin-bottom:var(--bevel-h, 10px);padding:0 10px;white-space:nowrap}.btn-compact>.btn-label{padding:0 3px;overflow:hidden;text-overflow:clip}.skin.btn,.skin.btn .btn-label{font-family:var(--font-game)}.btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 0 5px #fff}.btn:hover:not(:disabled):after{box-shadow:inset 0 calc(-1 * var(--bevel-h, 10px) - 2px) 0 0 var(--bevel)}.btn:active:not(:disabled){transform:scale(1);box-shadow:0 0 0 6px #fff}.btn:active:not(:disabled):after{box-shadow:inset 0 -3px 0 0 var(--bevel)}.btn:focus-visible{outline:3px solid #fff;outline-offset:3px}.btn:disabled{cursor:default;pointer-events:none;opacity:.5}.btn-sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:inherit}.btn-sparks>i{position:absolute;bottom:2px;width:20px;height:20px;margin-left:-10px;opacity:0;background:var(--spark, rgba(255, 255, 255, .95));-webkit-mask:var(--paw-mask) center / contain no-repeat;mask:var(--paw-mask) center / contain no-repeat}.btn:hover:not(:disabled) .btn-sparks>i{animation:paw-float 1.1s ease-out infinite}.btn-sparks>i:nth-child(1){left:12.5%;animation-delay:0ms}.btn-sparks>i:nth-child(2){left:25%;animation-delay:.14s}.btn-sparks>i:nth-child(3){left:37.5%;animation-delay:.28s}.btn-sparks>i:nth-child(4){left:50%;animation-delay:.42s}.btn-sparks>i:nth-child(5){left:62.5%;animation-delay:.56s}.btn-sparks>i:nth-child(6){left:75%;animation-delay:.7s}.btn-sparks>i:nth-child(7){left:87.5%;animation-delay:.84s}@keyframes paw-float{0%{opacity:0;transform:translateY(6px) scale(.4) rotate(-16deg)}30%{opacity:.85}to{opacity:0;transform:translateY(-52px) scale(1) rotate(16deg)}}.icon-btn{display:grid;place-items:center;transition:transform .2s var(--ease-pop),filter .16s ease}.icon-btn:hover{transform:translateY(-2px) scale(1.06)}.icon-btn:active{transform:translateY(2px) scale(.97)}.slot{display:flex;align-items:center;background:var(--c-slot);border-radius:10px}.label{font-size:19px;color:var(--c-ink);margin-bottom:5px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#adc9dca8;animation:fade-in .18s ease both}.scrim-clear{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:transparent}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logo-in{0%{opacity:0;transform:translateY(-16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}.card-in{animation:card-in .26s var(--ease-pop) both}.logo-in{animation:logo-in .32s var(--ease-pop) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}