@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://use.typekit.net/gtz1jeu.css";@font-face{font-family:Catchifont-regular;src:url(/assets/Catchifont-regular-DrQJbIYw.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Catchifont12-regular;src:url(/assets/Catchifont12-BoLdPDHi.ttf?v=20260913202059) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Catchifont12-bold;src:url(/assets/Catchifont12-bold-CYnfUAnx.ttf?v=20260913185210) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Catchifont-small-bold;src:url(/assets/Catchifont-small-bold-CjEStppe.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Catchifont-small;src:url(/assets/Catchifont-small-C9pxz9Em.ttf?v=20260919045830) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Catchifont-bold;src:url(/assets/Catchifont-bold-DYyyRSMc.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--font-standard: "IBM Plex Mono", monospace;--font-pixel: "lores-12", monospace;--font-pixel-narrow: "lores-12-narrow", monospace;--font-pixel-alt: "lores-12-bold-alt-oakland";--font-catchifont: "Catchifont-regular", sans-serif;--font-catchifont-bold: "Catchifont-bold", sans-serif;--font-catchifont-small: "Catchifont-small", sans-serif;--font-catchifont-small-bold: "Catchifont-small-bold", sans-serif;--font-size-catchifont-small: 20px;--font-catchifont12: "Catchifont12-regular", sans-serif;--font-catchifont12-bold: "Catchifont12-bold", sans-serif;--font-size-catchifont12: 24px;--font-size-standard-xs: 10px;--font-size-standard-s: 12px;--font-size-standard-m: 14px;--font-size-standard-l: 16px;--font-size-standard-xl: 20px;--font-size-pixel-xs: 12px;--font-size-pixel-s: 14px;--font-size-pixel-m: 16px;--font-size-pixel-l: 20px;--font-size-pixel-xl: 28px;--font-size-catchifont-xs: 16px;--font-size-catchifont-s: 20px;--font-size-catchifont-m: 24px;--font-size-catchifont-l: 32px;--font-size-catchifont-xl: 40px;--font-weight-standard-light: 300;--font-weight-standard-regular: 400;--font-weight-standard-medium: 500;--font-weight-standard-bold: 700;--font-weight-pixel-regular: 400;--font-weight-pixel-bold: 700;--black: #000000;--white: #FFFFFF;--whitet50: #ffffff50;--blackt70: #000000b3;--turquoise020: #F5FFFE;--turquoise050: #E5FFFC;--turquoise100: #CCFFF8;--turquoise200: #99FFF2;--turquoise400: #33FFE6;--turquoise600: #00CCB1;--turquoise800: #006659;--turquoise900: #00332C;--nav-pixel: 12px;--nav-frame: 6px;--nav-margin: 12px;--nav-margin-x: 32px;--floating-nav-height: calc(var(--nav-pixel) * 4 + 2 * var(--nav-frame));--topbar-row: 32px;--topbar-pad: 8px;--topbar-height: calc(var(--topbar-row) + 2 * var(--topbar-pad));--topbar-clearance: calc(var(--topbar-height) + var(--nav-frame));--floating-nav-clearance: calc(var(--floating-nav-height) + 12px + env(safe-area-inset-bottom, 0px));--page-gutter: 16px;--yellow020: #FFFDF5;--yellow020t50: #fffdf5cd;--yellow050: #FFFAE5;--yellow100: #FFF6CC;--yellow200: #FFED99;--yellow400: #FFDB33;--yellow600: #CCA800;--yellow800: #665400;--yellow900: #332A00;--yellow950: #191500;--pink020: #FFF5F8;--pink050: #FFE5ED;--pink100: #FFCCDB;--pink200: #FF99B8;--pink400: #FF3371;--pink600: #CC003E;--pink800: #66001F;--pink900: #33000F;--blue020: #F5FDFF;--blue050: #E5F9FF;--blue100: #CCF3FF;--blue200: #99E7FF;--blue400: #33CFFF;--blue600: #009CCC;--blue800: #004E66;--blue900: #002733;--grey020: #FAFAFA;--grey100: #E6E6E6;--grey200: #CCCCCC;--grey400: #999999;--grey800: #333333;--grey900: #1A1A1A;--green020: #F6FDF8;--green050: #EAFBEF;--green100: #D4F7DE;--green200: #A9EEBD;--green400: #54DE7C;--green600: #21AB49;--green800: #115625;--green900: #082B12;--orange020: #FFFBF5;--orange050: #FFF5E5;--orange100: #FFEACC;--orange200: #FFD699;--orange400: #FFAC33;--orange600: #CC7900;--orange800: #663D00;--orange900: #331E00;--red020: #FFF5F5;--red050: #FFE5E6;--red100: #FFCCCE;--red200: #FF999D;--red400: #FF333B;--red600: #CC0008;--red800: #660004;--red900: #330002;--grey050: #F2F2F2;--grey600: #666666;--purple300: #c36bff;--background-color: #FEF9EF;--background-color-overlay: hsla(40, 88%, 97%, .565);--grey: #7F7F7F;--pink-300: #F1B7FF;--green-300: #BEF0CD;--green-500: #249546;--red-300: #F0BEBE;--red-500: #ed1c24;--red-700: #990030;--yellow-300: #FFDE46;--orange-300: #FFAE37;--blue-300: #BDE0FE}a{color:var(--blue800);text-decoration:underline;font-weight:var(--font-weight-standard-bold)}body{margin:0;min-width:320px;min-height:100dvh;font-family:var(--font-standard);font-weight:var(--font-weight-standard-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--yellow020);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{text-rendering:optimizeLegibility;font-synthesis:none}.app{background-color:var(--yellow020);display:flex;flex-direction:column;height:100dvh}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.content{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding-top:var(--topbar-clearance);padding-bottom:var(--floating-nav-clearance);box-sizing:border-box}.content[data-topbar=false]{padding-top:0}.content[data-navbar=false]{padding-bottom:0}.content:has(.map-page){padding-top:0;padding-bottom:0}.container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--page-gutter);gap:16px;box-sizing:border-box;min-height:100%;height:fit-content}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}p{white-space:pre-line}.loading-animation{color:transparent;background:linear-gradient(100deg,#eceff1 30%,#f6f7f8,#eceff1 70%);background-size:400%;animation:loading-animation 1.2s ease-in-out infinite}.sandclock-loading{image-rendering:pixelated;animation:sandclock-flip 1.6s steps(1,end) infinite}@keyframes sandclock-flip{0%,62%{transform:rotate(0)}66%{transform:rotate(45deg)}70%{transform:rotate(90deg)}74%{transform:rotate(135deg)}78%,to{transform:rotate(180deg)}}@media (prefers-reduced-motion: reduce){.sandclock-loading{animation:none}}@keyframes loading-animation{0%{background-position:100% 50%}to{background-position:0 50%}}.geolocation-propmt{position:absolute;width:100%;text-align:center;top:80px;z-index:2}@keyframes idleAnimation{0%{background-position:0 0}to{background-position:-800% 0}}.loading-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;transition:gap .5s ease}.loading-auth .welcome-animation-sprite{width:100vw;height:calc(100vw * (180/280));max-height:70vh;max-width:calc(70vh * (280/180));background-image:url(/assets/img/logo_animado.png);background-size:800% 100%;animation:idleAnimation 1s steps(8) infinite;image-rendering:pixelated;z-index:1;position:relative;transition:transform .6s ease}.loading-auth .require-auth-login-buttons-container{display:flex;flex-direction:column;gap:12px;align-items:center;max-width:min(90vw,340px);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.loading-auth .require-auth-login-buttons-container .require-auth-login-error{margin:0 0 4px;text-align:center;text-wrap:balance;font-family:var(--font-standard);font-size:var(--font-size-standard-m);color:var(--red600)}.loading-auth.show-buttons{gap:44px}.loading-auth.show-buttons .welcome-animation-sprite{transform:translateY(-40px)}.loading-auth.show-buttons .require-auth-login-buttons-container{opacity:1;transform:translateY(0)}.auth-children-wrapper{opacity:0;pointer-events:none;transition:opacity .5s ease}.auth-children-wrapper.visible{opacity:1;pointer-events:auto}.require-auth-loader-bar-container{position:absolute;bottom:20vh;width:80%;margin-left:50px}button{background-color:transparent}.button-pixel{color:var(--grey900);border-top:8px solid transparent;border-right:6px solid transparent;border-bottom:14px solid transparent;border-left:6px solid transparent;image-rendering:pixelated;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-catchifont-bold);font-weight:var(--font-weight-pixel-bold);width:fit-content;height:fit-content;gap:8px;font-size:var(--font-size-catchifont-m);background-clip:padding-box;padding:0 4px}.button-pixel img{width:32px;height:32px}.button-pixel.disabled{cursor:not-allowed;pointer-events:none;filter:grayscale(100%)}.button-pixel.full-width{width:100%}.button-pixel.locked{opacity:.3}.button-pixel .locked-button-img{position:absolute;z-index:2;width:64px;height:64px;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.button-pixel.color-yellow{border-image:url(/assets/pixelApp/button-yellow.png) 4 3 7 3 stretch;background-color:var(--yellow600)}.button-pixel.color-yellow.pressed{border-image:url(/assets/pixelApp/button-yellow-active.png) 4 3 7 3 stretch;transform:translateY(6px)}.button-pixel.color-blue{border-image:url(/assets/pixelApp/button-blue.png) 4 3 7 3 stretch;background-color:var(--blue400);color:var(--blue900)}.button-pixel.color-blue.pressed{border-image:url(/assets/pixelApp/button-blue-active.png) 4 3 7 3 stretch;transform:translateY(6px)}.button-pixel.color-white{border-image:url(/assets/pixelApp/button-white.png) 4 3 7 3 stretch;background-color:var(--yellow020)}.button-pixel.color-white.pressed{border-image:url(/assets/pixelApp/button-white-active.png) 4 3 7 3 stretch;transform:translateY(6px)}.button-pixel.size-S{font-size:var(--font-size-catchifont-s)}.button-pixel.size-L{font-size:calc(var(--font-size-pixel-m) * 2)}.button-pixel.size-L img{width:64px;height:64px}.button-pixel.color-rarity-common{border-image:url(/assets/pixelApp/button-rarity-common.png) 4 3 7 3 stretch;background-color:#54de7c}.button-pixel.color-rarity-common .button-text{color:var(--white);-webkit-text-stroke:4px #115625;paint-order:stroke fill;padding:0 2px}.button-pixel.color-rarity-common.pressed{border-image:url(/assets/pixelApp/button-rarity-common-active.png) 4 3 7 3 stretch}.button-pixel.color-rarity-uncommon{border-image:url(/assets/pixelApp/button-rarity-uncommon.png) 4 3 7 3 stretch;background-color:#33cfff}.button-pixel.color-rarity-uncommon .button-text{color:var(--white);-webkit-text-stroke:4px #004E66;paint-order:stroke fill;padding:0 2px}.button-pixel.color-rarity-uncommon.pressed{border-image:url(/assets/pixelApp/button-rarity-uncommon-active.png) 4 3 7 3 stretch}.button-pixel.color-rarity-rare{border-image:url(/assets/pixelApp/button-rarity-rare.png) 4 3 7 3 stretch;background-color:#ffdb33}.button-pixel.color-rarity-rare .button-text{color:var(--white);-webkit-text-stroke:4px #665400;paint-order:stroke fill;padding:0 2px}.button-pixel.color-rarity-rare.pressed{border-image:url(/assets/pixelApp/button-rarity-rare-active.png) 4 3 7 3 stretch}.button-pixel.color-rarity-mythic{border-image:url(/assets/pixelApp/button-rarity-mythic.png) 4 3 7 3 stretch;background-color:#ff3371}.button-pixel.color-rarity-mythic .button-text{color:var(--white);-webkit-text-stroke:4px #66001F;paint-order:stroke fill;padding:0 2px}.button-pixel.color-rarity-mythic.pressed{border-image:url(/assets/pixelApp/button-rarity-mythic-active.png) 4 3 7 3 stretch}.button-pixel.color-rarity-infinite{border-image:url(/assets/pixelApp/button-rarity-infinite.png) 4 3 7 3 stretch;background-color:#999}.button-pixel.color-rarity-infinite .button-text{color:var(--white);-webkit-text-stroke:4px #333333;paint-order:stroke fill;padding:0 2px}.button-pixel.color-rarity-infinite.pressed{border-image:url(/assets/pixelApp/button-rarity-infinite-active.png) 4 3 7 3 stretch}.user-indicators-experience-bar-container,.user-indicators-experience-bar-container *{box-sizing:border-box}.user-indicators-experience-bar-container{position:relative;width:100%;height:28px;image-rendering:pixelated;--bar-ink: var(--blue400);--bar-roller: url(/assets/pixelApp/experience-bar-fill.png);--bar-handle: url(/assets/pixelApp/experience-bar-fill-handle.png);--bar-frame: url(/assets/pixelApp/container-whitelight-1pixelround.png)}.user-indicators-experience-bar-container .user-indicators-experience-bar{position:absolute;left:2px;right:0;bottom:0;height:22px;border:2px solid transparent;border-image:var(--bar-frame) 1 stretch;background-color:#ffffff73;background-clip:padding-box}.user-indicators-experience-bar-container .user-indicators-experience-fill{position:absolute;left:0;bottom:0;height:28px;border-width:8px 18px 4px 6px;border-style:solid;border-color:transparent;border-image:var(--bar-roller) 4 9 2 3 stretch;background-color:var(--bar-ink);background-clip:padding-box}.user-indicators-experience-bar-container .user-indicators-experience-handle{position:absolute;top:2px;right:-14px;width:42px;height:18px;background-image:var(--bar-handle);background-size:42px 18px;background-repeat:no-repeat;pointer-events:none}.user-indicators-experience-bar-container .user-indicators-experience-handle[data-side=right]{right:-50px;transform:scaleX(-1)}.user-indicators-experience-bar-container[data-color=green]{--bar-ink: var(--green400);--bar-roller: url(/assets/pixelApp/experience-bar-fill-green.png);--bar-frame: url(/assets/pixelApp/container-greenmuted-1pixelround.png)}.user-indicators-experience-bar-container[data-color=pink]{--bar-ink: var(--pink400);--bar-roller: url(/assets/pixelApp/experience-bar-fill-pink.png);--bar-frame: url(/assets/pixelApp/container-pinkmuted-1pixelround.png)}.user-indicators-experience-bar-container[data-color=blue]{--bar-ink: var(--blue400);--bar-frame: url(/assets/pixelApp/container-bluemuted-1pixelround.png)}.header{position:fixed;top:0;left:0;right:0;z-index:1200;box-sizing:content-box;border-bottom:var(--nav-frame) solid transparent;border-image:url(/assets/pixelApp/navbar-border.png) 0 2 2 2 stretch;image-rendering:pixelated;background-color:var(--yellow100);background-clip:padding-box;display:flex;flex-direction:column;justify-content:center}.header.header--over-menu{z-index:1300}.header-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--topbar-pad) 16px;gap:16px;box-sizing:border-box}.wrapper{display:flex;justify-content:space-between;width:100%;align-items:center}.wrapper-left{display:flex;align-items:center;gap:8px}.wrapper-right{display:flex;align-items:center;gap:16px}.menu-container{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:16px;width:40px}.menu-dropdown{position:absolute;top:48px;padding:8px 16px;gap:12px;background-color:var(--orange050);border:2px solid transparent;border-image:url(/assets/pixelApp/container-white-1pixelround.png) 1 stretch;image-rendering:pixelated;background-clip:padding-box;display:flex;flex-direction:column;z-index:1000;font-family:var(--font-catchifont);font-size:var(--font-size-catchifont-m)}.menu-dropdown .button{padding:0}.menu-dropdown .menu-dropdown-item{display:flex;align-items:center;gap:16px}.menu-dropdown .menu-dropdown-item img{width:32px;height:32px}.notification-button{position:relative}.notification-button .notification-button-red-dot{position:absolute;top:2px;right:4px;width:12px;height:12px}@media (max-width: 370px){.wrapper-right{gap:8px}.wrapper-left{gap:4px}.container{padding:16px 8px}}.bounce{animation:bounce .4s ease}@keyframes bounce{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.9)}to{transform:scale(1)}}.header-icon-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-icon-button img{width:32px;height:32px;image-rendering:pixelated}.header-icon-button.small img{width:20px;height:20px}.header-coins{cursor:pointer}.header-coins:active{transform:scale(.94)}.sprite-button{width:32px;height:32px;background-repeat:no-repeat;background-size:300% 100%;image-rendering:pixelated;display:inline-block;cursor:pointer;flex-shrink:0}.sprite-button.sprite-button-small{width:20px;height:20px}.sprite-button.sprite-button-small.animate-2frames{animation:click-small .2s steps(2) forwards}@keyframes click-small{0%{background-position:0 0}to{background-position:-40px 0}}.sprite-button-small.sprite-three-dots{background-image:url(/assets/animated-icons/three-dots-small.png)}.animated-button-disabled{opacity:.1}.sprite-button.animate-2frames{animation:click .2s steps(2) forwards}.sprite-door{background-image:url(/assets/animated-icons/door2.png);background-size:224px 32px}.sprite-door.animate-door{animation:door-open .5s steps(6) forwards}.sprite-pencil{background-image:url(/assets/animated-icons/edit.png);background-size:384px 32px}.sprite-pencil.animate-pencil{animation:pencil-move .5s steps(11) forwards}.sprite-save{background-image:url(/assets/animated-icons/save.png);background-size:128px 32px}.sprite-save.animate-save{animation:four-frames-move .3s steps(3) forwards}.sprite-map{background-image:url(/assets/animated-icons/map.png);background-size:192px 32px}.sprite-map.animate-map{animation:six-frames-move .3s steps(5) forwards}.sprite-exchange{background-image:url(/assets/animated-icons/exchange.png);background-size:192px 32px}.sprite-exchange.animate-exchange{animation:six-frames-move .4s steps(5) forwards}.sprite-updates{background-image:url(/assets/animated-icons/updates.png);background-size:160px 32px}.sprite-updates.animate-updates{animation:five-frames-move .55s steps(4) forwards}.sprite-search{background-image:url(/assets/animated-icons/search.png);background-size:192px 32px}.sprite-search.animate-search{animation:five-frames-move .4s steps(4) forwards}.sprite-chat{background-image:url(/assets/animated-icons/chat.png);background-size:192px 32px}.sprite-chat.animate-chat{animation:five-frames-move .4s steps(4) forwards}.sprite-coin{background-image:url(/assets/animated-icons/coin.png);background-size:192px 32px}.sprite-coin.animate-coin{animation:six-frames-move .4s steps(5) forwards}.sprite-gavel{background-image:url(/assets/animated-icons/gavel.png);background-size:128px 32px}.sprite-gavel.animate-gavel{animation:gavel-swing .4s steps(4)}.sprite-chevron-left{background-image:url(/assets/animated-icons/chevron-left.png)}.sprite-chevron-right{background-image:url(/assets/animated-icons/chevron-right.png)}.sprite-chevron-up{background-image:url(/assets/animated-icons/chevron-up.png)}.sprite-chevron-down{background-image:url(/assets/animated-icons/chevron-down.png)}.sprite-plus{background-image:url(/assets/animated-icons/plus.png)}.sprite-minus{background-image:url(/assets/animated-icons/minus.png)}.sprite-close{background-image:url(/assets/animated-icons/close.png)}.sprite-x{background-image:url(/assets/animated-icons/x.png)}.sprite-check{background-image:url(/assets/animated-icons/check.png)}.sprite-burger-menu{background-image:url(/assets/animated-icons/burger-menu.png)}.sprite-three-dots{background-image:url(/assets/animated-icons/three-dots.png)}.sprite-play{background-image:url(/assets/animated-icons/play.png)}.sprite-filter{background-image:url(/assets/animated-icons/filter.png)}.sprite-location{background-image:url(/assets/animated-icons/location.png)}.sprite-north{background-image:url(/assets/animated-icons/north.png)}.sprite-question-mark{background-image:url(/assets/animated-icons/question-mark.png)}@keyframes click{0%{background-position:0 0}to{background-position:-64px 0}}@keyframes gavel-swing{0%{background-position:0 0}to{background-position:-128px 0}}@keyframes door-open{0%{background-position:0 0}to{background-position:-192px 0}}@keyframes pencil-move{0%{background-position:0 0}to{background-position:-352px 0}}@keyframes four-frames-move{0%{background-position:0 0}to{background-position:-96px 0}}@keyframes six-frames-move{0%{background-position:0 0}to{background-position:-160px 0}}@keyframes five-frames-move{0%{background-position:0 0}to{background-position:-128px 0}}@keyframes two-frames-move{0%{background-position:0 0}to{background-position:-64px 0}}.sprite-gallery-wall{background-image:url(/assets/animated-icons/gallery-wall.png)}.sprite-gallery-floor{background-image:url(/assets/animated-icons/gallery-floor.png)}.sprite-hammer{background-image:url(/assets/animated-icons/hammer.png)}.coins-indicator-container{display:flex;align-items:center;gap:14px;font-family:var(--font-catchifont);margin-right:8px}.coins-indicator-container.size-small{font-size:var(--font-size-catchifont-s)}.coins-indicator-container.size-medium{font-size:var(--font-size-catchifont-m)}.coins-indicator-container.size-large{font-size:var(--font-size-catchifont-l)}@keyframes bounce-coin{0%{transform:translateY(0)}25%{transform:translateY(-12px)}50%{transform:translateY(0)}75%{transform:translateY(-6px)}to{transform:translateY(0)}}.bounce-coin{animation:bounce-coin .6s ease-in-out}.coins-indicator-coins-value-container{display:flex;gap:4px}.coin-tag.coins-indicator-compact{margin-right:8px}.animated-icon{display:inline-block;image-rendering:pixelated;cursor:pointer;transform:scale(2)}.animated-button-disabled{opacity:.3;pointer-events:none}.coin-tag{display:inline-flex;align-items:center;gap:8px;border-top:4px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:4px solid transparent;border-image:url(/assets/pixelApp/tag-yellowlight.png) 2 3 2 3 stretch;image-rendering:pixelated;background-clip:padding-box;background-color:var(--yellow100);padding:2px 6px 2px 4px;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:#8f7400}.coin-tag .coin-tag-coin{transform:translateY(-2px)}.coin-tag .coin-tag-value{display:flex;align-items:baseline;gap:2px;line-height:1;transform:translateY(-1px)}.user-menu-list{list-style:none;margin:0;padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--grey900)}.user-menu-list button{font:inherit;color:inherit}.user-menu-entry--leave{margin-top:8px}.user-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;box-sizing:border-box;cursor:pointer;text-align:left;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background-color:var(--white);background-clip:padding-box;image-rendering:pixelated}.user-menu-item:active{transform:scale(.99)}.user-menu-item-icon{width:32px;height:32px;flex:none}.user-menu-item-label{flex:1;min-width:0}.user-menu-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.user-menu-item-note{color:var(--grey600)}.user-menu-profile{display:flex;align-items:flex-start;gap:9px;padding:4px 0}.user-menu-profile-avatar{flex:none;padding:0;border:0;background:none;cursor:pointer}.user-menu-profile-lines{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.user-menu-profile-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.user-menu-profile-line .user-menu-item{flex:1 1 auto;width:auto;min-width:0}.user-menu-profile-line .user-menu-item-label{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-item-arrow{flex:none;width:20px;height:20px;image-rendering:pixelated}.user-menu-item--small{justify-content:center;gap:8px;padding:6px}.user-menu-item-small-icon{position:relative;flex:none;display:flex}.user-menu-item-small-icon img{width:20px;height:20px;image-rendering:pixelated}.user-menu-item-small-icon .user-menu-item-dot{position:absolute;top:-4px;right:-4px;width:8px;height:8px}.user-menu-item--summary{flex-direction:column;align-items:stretch;gap:8px}.user-menu-summary-head{display:flex;align-items:center;gap:12px}.user-menu-summary-held{display:flex;flex-wrap:wrap;gap:12px}.user-menu-summary-chip{display:flex;align-items:center;gap:4px}.user-menu-summary-chip img{width:32px;height:32px;image-rendering:pixelated}.user-menu-item--card{display:block;cursor:default}.user-menu-item--card:active{transform:none}.user-menu-item--leave{border-style:solid;border-width:4px 6px;border-image:url(/assets/pixelApp/tag-redlight.png) 2 3 2 3 stretch;background-color:#ffccd6;color:#8f001b}.user-color-tones{--user-color-fill: var(--user-color, #E6E6E6);--user-color-fill-100: color-mix(in srgb, var(--user-color, #E6E6E6) 55%, #FFFFFF);--user-color-stroke: color-mix(in srgb, var(--user-color, #E6E6E6) 35%, #000000);--user-color-name-fill: color-mix(in srgb, var(--user-color, #E6E6E6) 55%, #000000);--user-color-name-stroke: var(--user-color, #E6E6E6)}.header-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1250}.header-overlay-veil{animation:header-overlay-veil-in var(--pop-ms, .22s) ease-out both}.header-overlay--closing .header-overlay-veil{animation:header-overlay-veil-out var(--unpop-ms, .16s) ease-in both;animation-delay:calc((var(--pop-count, 1) - 1) * var(--unpop-step, 40ms))}@keyframes header-overlay-veil-in{0%{opacity:0}to{opacity:1}}@keyframes header-overlay-veil-out{0%{opacity:1}to{opacity:0}}.header-overlay-scroll{position:absolute;top:var(--topbar-clearance);left:0;right:0;max-height:calc(100% - var(--topbar-clearance));overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.header-overlay-entry{animation:header-overlay-pop var(--pop-ms, .22s) cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--pop-index, 0) * var(--pop-step, 60ms));transform-origin:50% 0}.header-overlay--closing .header-overlay-entry{animation:header-overlay-unpop var(--unpop-ms, .16s) ease-in both;animation-delay:calc((var(--pop-count, 1) - 1 - var(--unpop-index, var(--pop-index, 0))) * var(--unpop-step, 40ms))}@keyframes header-overlay-pop{0%{opacity:0;transform:translateY(-16px) scale(.9)}60%{opacity:1;transform:translateY(0) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes header-overlay-unpop{0%{opacity:1;transform:translateY(0) scale(1)}40%{opacity:1;transform:translateY(0) scale(1.03)}to{opacity:0;transform:translateY(-16px) scale(.9)}}@media (prefers-reduced-motion: reduce){.header-overlay-entry,.header-overlay-veil,.header-overlay--closing .header-overlay-entry,.header-overlay--closing .header-overlay-veil{animation:none}}.dark-veil{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--blackt70);touch-action:none;overscroll-behavior:contain}.avatar-circle{position:relative;display:flex;align-items:start;justify-content:center;width:fit-content;flex:0 0 auto}.avatar-circle>:not(.avatar-circle-ring){position:relative;z-index:1}.avatar-circle-ring{position:absolute;top:50%;left:50%;width:52px;height:52px;transform:translate(-50%,-50%) scale(2);pointer-events:none;z-index:0;background-size:52px 52px;background-repeat:no-repeat;image-rendering:pixelated}.pixel-avatar{position:relative;flex:0 0 auto}.pixel-avatar-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;image-rendering:pixelated}.clan-gallery-card{display:flex;flex-direction:column;gap:8px;width:100%;cursor:pointer}.clan-gallery-card-head{display:flex;align-items:center;gap:8px;min-width:0}.clan-gallery-card-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden}.clan-gallery-card-arrow{width:20px;height:20px;flex:0 0 auto;image-rendering:pixelated}.clan-gallery-card-figures{display:flex;align-items:center;gap:8px}.clan-gallery-card-box{padding:10px 12px;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background:#fff;background-clip:padding-box;image-rendering:pixelated}.profile-gallery-card{display:flex;flex-direction:column;gap:4px;width:100%}.profile-gallery-card-kind{align-self:flex-start;padding:0 2px;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:14px;color:var(--user-color-name-fill);-webkit-text-stroke:4px var(--user-color-name-stroke);paint-order:stroke fill}.rating-indicator{display:inline-flex;align-items:center;gap:4px;padding:0 4px;border-top:4px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:4px solid transparent;border-image:url(/assets/pixelApp/tag-yellowlight.png) 2 3 2 3 stretch;image-rendering:pixelated;background-clip:padding-box;background-color:var(--yellow100);color:var(--yellow900);font-family:var(--font-catchifont-bold);font-size:var(--font-size-catchifont-s);white-space:nowrap}.rating-indicator img{width:16px;height:16px;image-rendering:pixelated}.rating-indicator.size-medium{font-size:var(--font-size-catchifont-m)}.rating-indicator.size-medium img{width:20px;height:20px}.rating-indicator-count,.rating-indicator-unrated{font-family:var(--font-catchifont);color:var(--yellow800)}.clan-page{align-items:stretch;gap:12px;flex-shrink:0}.clan-title{display:flex;align-items:center;gap:8px;margin:0;padding:2px;font-family:var(--font-catchifont12);font-size:var(--font-size-catchifont12);font-weight:400;line-height:1;color:var(--yellow100);-webkit-text-stroke:4px var(--yellow800);paint-order:stroke fill}.clan-title img{width:32px;height:32px;image-rendering:pixelated}.clan-list-title{margin:0 0 -8px;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);text-transform:uppercase;color:var(--grey900)}.clan-text{margin:0;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1.05;color:var(--grey600)}.clan-text.dark{color:var(--grey900)}.clan-text.center{text-align:center}.clan-box{display:flex;flex-direction:column;gap:10px;padding:12px;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background:#fff;background-clip:padding-box;image-rendering:pixelated}.clan-ybox{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:4px solid transparent;border-image:url(/assets/pixelApp/container-yellow400-2pixelround.png) 2 stretch;background:var(--yellow100);background-clip:padding-box;image-rendering:pixelated}.clan-ybox .clan-ybox-head{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--grey900)}.clan-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background:#fff;background-clip:padding-box;image-rendering:pixelated}.clan-row.stacked{flex-direction:column;align-items:stretch;gap:8px}.clan-name{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1.05;color:var(--grey900);overflow-wrap:anywhere}.clan-hr{display:flex;align-items:center;gap:8px;min-width:0}.clan-hr.top{align-items:flex-start}.clan-hr.between{justify-content:space-between}.clan-hr.end{justify-content:flex-end}.clan-hr.center{justify-content:center}.clan-hr>.pill-button.grow{flex:1 1 0}.clan-col{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 auto}.clan-gallery-icon{width:32px;height:32px;flex:0 0 auto;image-rendering:pixelated}.clan-gallery-name{padding:2px;font-family:var(--font-catchifont12);font-size:var(--font-size-catchifont12);line-height:1.1;color:color-mix(in srgb,var(--gallery-color, #6782F7) 25%,#FFFFFF);-webkit-text-stroke:4px color-mix(in srgb,var(--gallery-color, #6782F7) 40%,#000000);paint-order:stroke fill;overflow-wrap:anywhere;min-width:0}.clan-rank{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:2px 6px;border-width:4px 6px;border-style:solid;border-color:transparent;border-image-slice:2 3 2 3;border-image-repeat:stretch;background-clip:padding-box;image-rendering:pixelated;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1;white-space:nowrap}.clan-rank.rank-DIRECTOR{border-image-source:url(/assets/pixelApp/tag-yellowlight.png);background-color:#fff6cc;color:#8f7400}.clan-rank.rank-CURATOR{border-image-source:url(/assets/pixelApp/tag-pinklight.png);background-color:#ffe5ed;color:#99003a}.clan-rank.rank-CONSERVATOR{border-image-source:url(/assets/pixelApp/tag-greenlight.png);background-color:#d4f7de;color:#187834}.clan-rank.rank-INTERN{border-image-source:url(/assets/pixelApp/tag-white.png);background-color:#fff;color:#666}.clan-consequence{display:flex;align-items:center;gap:8px}.clan-consequence img{width:32px;height:32px;flex:0 0 auto;image-rendering:pixelated}.gallery-search-row{align-items:flex-start;cursor:pointer}.clan-sep{display:inline-block;width:4px;height:4px;margin:0 6px;vertical-align:middle;background:currentColor;transform:translateY(-2px)}.toast-container{position:fixed;left:0;right:0;bottom:calc(90px + env(safe-area-inset-bottom,0px));z-index:100001;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}.toast{pointer-events:auto;max-width:420px;width:100%;box-sizing:border-box;padding:8px 12px;border-style:solid;border-color:transparent;border-width:4px 6px;background-clip:padding-box;image-rendering:pixelated;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:18px;text-align:center;cursor:pointer;animation:toast-in .2s ease-out}.toast-error{border-image:url(/assets/pixelApp/tag-redlight.png) 2 3 2 3 stretch;background-color:#ffccd6;color:#8f001b}.toast-success{border-image:url(/assets/pixelApp/tag-greenlight.png) 2 3 2 3 stretch;background-color:var(--green100);color:var(--green900)}.toast-info{border-image:url(/assets/pixelApp/tag-yellowlight.png) 2 3 2 3 stretch;background-color:var(--yellow100);color:var(--yellow900)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-card{position:relative;display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 12px;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background-color:var(--white);background-clip:padding-box;image-rendering:pixelated;width:100%;box-sizing:border-box;cursor:pointer}.chat-card:active{transform:scale(.99)}.chat-card--unread{border-image:url(/assets/pixelApp/container-yellow400-2pixelround.png) 2 stretch;background-color:var(--yellow100)}.chat-card-head{flex:none;line-height:0}.chat-middle-content{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.chat-card-top{display:flex;align-items:center;gap:8px;min-width:0}.user-name-chat-card{flex:1}.last-message{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:18px;color:var(--grey900);line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.date{flex:none;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--grey800);white-space:nowrap}.chat-username{display:block;min-width:0;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1;text-transform:uppercase;color:var(--user-color-name-fill);-webkit-text-stroke:4px var(--user-color-name-stroke);paint-order:stroke fill;padding:2px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.paged-overlay-list{list-style:none;margin:0;padding:12px 12px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}.paged-overlay-title{display:flex;align-items:center;gap:8px;padding:0 4px;color:var(--white)}.paged-overlay-title img{width:32px;height:32px;image-rendering:pixelated}.paged-overlay-title h1{margin:0;font-family:var(--font-catchifont-bold);font-size:var(--font-size-catchifont-m);font-weight:400}.paged-overlay-loading{width:100%;display:flex;justify-content:center;align-items:center;height:56px}.paged-overlay-loading img{width:32px;height:32px;image-rendering:pixelated;animation:sandclock-flip 1.6s steps(1,end) infinite}.paged-overlay-loading--first{height:120px}@media (prefers-reduced-motion: reduce){.paged-overlay-loading img{animation:none}}.paged-overlay-more{padding:4px 0}.header-overlay--closing .paged-overlay-more{animation:header-overlay-unpop var(--unpop-ms, .16s) ease-in both}@media (prefers-reduced-motion: reduce){.header-overlay--closing .paged-overlay-more{animation:none}}.paged-overlay-end{text-align:center;color:var(--white);font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);opacity:.8}.paged-overlay-empty{width:100%;box-sizing:border-box;padding:12px 8px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background-color:var(--white);background-clip:padding-box;image-rendering:pixelated}.paged-overlay-empty-title{margin:0;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small)}.paged-overlay-empty-track{position:relative;width:100%;height:40px;overflow:hidden}.paged-overlay-empty-roller{position:absolute;left:0;bottom:2px;width:32px;height:32px;animation:paged-overlay-tumbleweed-roll 4.8s linear infinite}.paged-overlay-empty-tumbleweed{display:block;width:32px;height:32px;image-rendering:pixelated;animation:paged-overlay-tumbleweed-spin 4.8s steps(32) infinite}@keyframes paged-overlay-tumbleweed-roll{0%{left:-36px}to{left:calc(100% + 4px)}}@keyframes paged-overlay-tumbleweed-spin{0%{transform:rotate(0)}to{transform:rotate(2880deg)}}@media (prefers-reduced-motion: reduce){.paged-overlay-empty-roller,.paged-overlay-empty-tumbleweed{animation:none}.paged-overlay-empty-roller{left:calc(50% - 16px)}}.notification-row{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background-color:var(--white);background-clip:padding-box;image-rendering:pixelated}.notification-row:active{transform:scale(.99)}.notification-row--unread{border-image:url(/assets/pixelApp/container-yellow400-2pixelround.png) 2 stretch;background-color:var(--yellow100)}.notification-row--flat{cursor:default}.notification-row--flat:active{transform:none}.notification-row-icon{width:32px;height:32px;flex:none}.notification-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-row-text{margin:0;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:18px;color:var(--grey900)}.notification-row-gift{margin:0;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:18px;color:var(--grey800);overflow-wrap:anywhere}.notification-row-date{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--grey600)}.notification-row-count{flex:none;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 1px 1px;box-sizing:border-box;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--yellow800);border:6px solid transparent;border-image:url(/assets/pixelApp/repeated-yellow.png) 3 stretch;background-color:#ffe86b;background-clip:padding-box;image-rendering:pixelated}.inventory-overlay-family{padding:6px 4px 0;color:var(--white);font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small)}.inventory-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;background-color:var(--white);background-clip:padding-box;image-rendering:pixelated;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:18px;color:var(--grey900)}.inventory-row--coins{justify-content:space-between;border-image:url(/assets/pixelApp/container-yellow400-2pixelround.png) 2 stretch;background-color:var(--yellow100)}.inventory-row-icon{width:32px;height:32px;flex:none}.inventory-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.inventory-row-name,.inventory-row-blurb{margin:0}.inventory-row-blurb{color:var(--grey600)}.inventory-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.inventory-row-actions .timer-tag{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small)}.inventory-row-count{flex:none;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 1px 1px;box-sizing:border-box;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--yellow800);border:6px solid transparent;border-image:url(/assets/pixelApp/repeated-yellow.png) 3 stretch;background-color:#ffe86b;background-clip:padding-box;image-rendering:pixelated}.inventory-row-refusal{margin:4px 0 0;color:var(--red600)}.inventory-row-refusal--alone{margin:0;padding:0 4px;color:var(--white);font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small)}.footer{position:fixed;left:var(--nav-margin-x);right:var(--nav-margin-x);bottom:calc(var(--nav-margin) + env(safe-area-inset-bottom,0px));z-index:1200;border:var(--nav-frame) solid transparent;border-image:url(/assets/pixelApp/navbar-border.png) 2 stretch;image-rendering:pixelated;background-color:var(--yellow100);background-clip:padding-box;overflow:hidden;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 2px,calc(100% - 2px) 2px,calc(100% - 2px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 2px) calc(100% - 4px),calc(100% - 2px) calc(100% - 2px),calc(100% - 4px) calc(100% - 2px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 2px),2px calc(100% - 2px),2px calc(100% - 4px),0 calc(100% - 4px),0 4px,2px 4px,2px 2px,4px 2px)}@supports (width: round(down,100px,12px)){.footer{left:0;right:0;margin-inline:auto;width:round(down,calc(100% - 2 * var(--nav-margin-x) - 2 * var(--nav-frame)),var(--nav-pixel))}}.footer-wrapper{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;height:calc(var(--nav-pixel) * 4);padding:0 var(--nav-pixel)}.footer-button-wrapper{width:36px;height:36px;display:flex;justify-content:center;border:6px solid transparent;align-items:center}.footer-button-wrapper.active{border:6px solid transparent;border-image:url(/assets/pixelApp/selector-yellow-unselected.png) 3 stretch;background-color:var(--yellow200);color:var(--yellow600);image-rendering:pixelated;background-clip:padding-box}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;gap:48px}.login-page .welcome-animation-sprite{width:100vw;height:calc(100vw * (180/280));max-height:70vh;max-width:calc(70vh * (280/180));background-image:url(/assets/img/logo_animado.png);background-size:800% 100%;animation:idleAnimation 1s steps(8) infinite;image-rendering:pixelated;z-index:1;position:relative}.route-fallback{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.route-fallback .loading{display:flex;align-items:center;gap:8px;font-size:var(--font-size-catchifont-m);font-weight:var(--font-weight-catchifont-medium)}.route-fallback .loading img{width:24px;height:24px}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:60vh;padding:24px;box-sizing:border-box}.error-boundary-icon{width:72px;height:72px;image-rendering:pixelated;opacity:.9}.error-boundary-title{margin:0;font-size:20px;font-weight:700;color:#303030}.error-boundary-message{margin:0;max-width:320px;font-size:15px;line-height:1.4;color:#6b6b6b}.error-boundary-button{margin-top:8px;padding:12px 24px;border:none;border-radius:12px;background-color:#303030;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.modal-container-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 14px}.modal-container-overlay.sheet{justify-content:flex-end;padding:0}.modal-panel{position:relative;box-sizing:border-box;width:100%;font-family:var(--font-catchifont);font-size:var(--font-size-catchifont-m);color:var(--grey900);overflow-wrap:break-word;display:flex;flex-direction:column;gap:10px;border:4px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelbevel.png) 2 stretch;image-rendering:pixelated;background-color:var(--white);background-clip:padding-box;overflow-y:auto;overscroll-behavior:contain}.modal-panel.card{align-items:stretch;padding:14px 12px;max-height:calc(100dvh - 28px)}.modal-panel.card.has-hero{margin-top:60px;padding-top:62px;overflow:visible}.modal-panel.sheet{width:calc(100% - 12px);margin:0 6px -4px;gap:14px;padding:14px 16px calc(26px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - var(--topbar-clearance, 0px))}.modal-grab-zone{flex:none;margin:-14px -16px -8px;padding:14px 0 8px;touch-action:none;cursor:grab}.modal-grab{display:block;flex:none;width:40px;height:8px;margin:0 auto;background:url(/assets/pixelApp/grab.png) 0 0 / 40px 8px no-repeat;image-rendering:pixelated}.modal-hero{position:absolute;top:-58px;left:50%;transform:translate(-50%);display:grid;place-items:center;border:6px solid transparent;border-image:url(/assets/pixelApp/container-white-2pixelround-shadow.png) 3 stretch;background-color:var(--white);background-clip:padding-box;padding:4px}.modal-hero img{display:block;width:92px;height:104px;object-fit:contain;image-rendering:pixelated}.modal-body{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.modal-panel.sheet .modal-body{gap:8px}.modal-title{margin:0;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1.3;text-transform:uppercase;color:var(--grey900)}.modal-text{margin:0;width:100%;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1.3;color:var(--grey600)}.modal-text p,.modal-text ul{margin:0}.modal-text ul{padding-left:20px;display:flex;flex-direction:column;gap:4px;text-align:left}.modal-panel.card .modal-title,.modal-panel.card .modal-text{text-align:center}.modal-panel.sheet .modal-text{line-height:1.2;letter-spacing:-1px}.modal-label{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:14px;color:var(--yellow800);-webkit-text-stroke:4px var(--yellow200);paint-order:stroke fill;padding:0 2px;white-space:nowrap}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.modal-actions>*{flex:1 0 auto;min-width:0;max-width:100%}.modal-refusal{color:var(--red600)}.welcome-first-time-modal{align-items:stretch}.welcome-step-tag{align-self:flex-start;border-style:solid;border-color:transparent;border-width:4px 6px;border-image:url(/assets/pixelApp/tag-bluelight.png) 2 3 2 3 stretch;image-rendering:pixelated;background-color:var(--blue100);background-clip:padding-box;padding:0 6px;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1.2;text-transform:uppercase;color:#006f8f}.welcome-field{display:flex;flex-direction:column;gap:6px}.welcome-field .welcome-field-label{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1;color:var(--grey600)}.welcome-field .welcome-field-input{width:100%;height:32px;box-sizing:border-box;padding:4px 6px 0;border:2px solid transparent;border-image:url(/assets/pixelApp/container-whitelight-1pixelround.png) 1 stretch;image-rendering:pixelated;background-color:var(--white);background-clip:padding-box;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--grey800);outline:none}.welcome-avatar-strip{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 8px;margin:0 -4px;scrollbar-width:thin}.welcome-avatar-strip .welcome-avatar-option{flex:none;scroll-snap-align:start;width:112px;height:112px;display:grid;place-items:center;margin:0;padding:0;border:6px solid transparent;border-image:url(/assets/pixelApp/selector-grey-unselected.png) 3 stretch;image-rendering:pixelated;background-color:var(--white);background-clip:padding-box;cursor:pointer}.welcome-avatar-strip .welcome-avatar-option.selected{border-image-source:url(/assets/pixelApp/selector-blue-selected.png);background-color:var(--blue050)}.welcome-dots{display:flex;justify-content:center;gap:6px}.welcome-dots i{width:12px;height:12px;background:url(/assets/pixelApp/dot-off.png) 0 0 / 12px 12px no-repeat;image-rendering:pixelated}.welcome-dots i.on{width:24px;background:url(/assets/pixelApp/dot-on.png) 0 0 / 24px 12px no-repeat}.pill-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;border-style:solid;border-color:transparent;border-width:4px 6px 6px;border-image:url(/assets/pixelApp/tag-white-raised.png) 2 3 3 3 stretch;image-rendering:pixelated;background-color:var(--white);background-clip:padding-box;padding:6px 4px 4px;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:14px;color:var(--grey600);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.pill-button.tone-blue{border-image-source:url(/assets/pixelApp/tag-bluelight-raised.png);background-color:var(--blue100);color:#006f8f}.pill-button.tone-blue:active:not(:disabled):not(.is-disabled){border-image-source:url(/assets/pixelApp/tag-bluelight-pressed.png)}.pill-button.tone-green{border-image-source:url(/assets/pixelApp/tag-greenlight-raised.png);background-color:var(--green100);color:#187834}.pill-button.tone-green:active:not(:disabled):not(.is-disabled){border-image-source:url(/assets/pixelApp/tag-greenlight-pressed.png)}.pill-button.tone-red{border-image-source:url(/assets/pixelApp/tag-redlight-raised.png);background-color:#ffccd6;color:#8f001b}.pill-button.tone-red:active:not(:disabled):not(.is-disabled){border-image-source:url(/assets/pixelApp/tag-redlight-pressed.png)}.pill-button.tone-yellow{border-image-source:url(/assets/pixelApp/tag-yellowlight-raised.png);background-color:var(--yellow100);color:#8f7400}.pill-button.tone-yellow:active:not(:disabled):not(.is-disabled){border-image-source:url(/assets/pixelApp/tag-yellowlight-pressed.png)}.pill-button:active:not(:disabled):not(.is-disabled){border-width:6px 6px 4px;border-image-source:url(/assets/pixelApp/tag-white-pressed.png);border-image-slice:3 3 2 3}.pill-button:disabled,.pill-button.is-disabled{opacity:.5;cursor:default}.pill-button .pill-button-text{min-width:0;overflow:hidden;text-overflow:ellipsis;transform:translateY(-2px)}.pill-button .pill-button-icon{flex:none;width:20px;height:20px;image-rendering:pixelated}.pill-button .pill-button-coin{flex:none;display:grid;place-items:center;width:20px;height:20px}.daily-rewards-modal{align-items:center;text-align:center;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--grey900)}.daily-rewards-modal-time{display:flex;align-items:center;gap:8px;text-transform:uppercase;color:var(--grey600)}.daily-rewards-modal-time .timer-tag{font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small)}.daily-rewards-modal-list{display:flex;flex-direction:column;gap:2px;width:100%}.daily-rewards-modal-list-item{display:grid;grid-template-columns:1fr 32px 1fr auto;align-items:center;gap:10px;padding:2px 8px;border:4px solid transparent;text-transform:uppercase}.daily-rewards-modal-list-item img{width:32px;height:32px;image-rendering:pixelated}.daily-rewards-modal-list-item .daily-rewards-modal-list-item-day{text-align:left}.daily-rewards-modal-list-item .daily-rewards-modal-list-item-today{text-align:left;color:var(--yellow800)}.daily-rewards-modal-list-item .coin-tag{justify-self:end}.daily-rewards-modal-list-item.is-ahead{color:var(--grey400)}.daily-rewards-modal-list-item.is-ahead img{opacity:.4}.daily-rewards-modal-list-item.is-today{border-image:url(/assets/pixelApp/tag-yellow.png) 2 3 2 3 stretch;background-color:var(--yellow400);background-clip:padding-box;image-rendering:pixelated}.daily-rewards-modal-list-item.seven-day-reward .coin-tag{border-image:url(/assets/pixelApp/tag-yellow.png) 2 3 2 3 stretch;background-color:var(--yellow400)}.daily-rewards-modal-icon{width:48px;height:48px;image-rendering:pixelated}.timer-tag{display:flex;align-items:center;padding:0 4px;border-top:4px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:4px solid transparent;image-rendering:pixelated;background-clip:padding-box;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1;border-image:url(/assets/pixelApp/tag-yellowlight.png) 2 3 2 3 stretch;background-color:var(--yellow100);color:#8f7400}.timer-tag[data-urgency=soon]{border-image:url(/assets/pixelApp/tag-orangelight.png) 2 3 2 3 stretch;background-color:var(--orange100);color:#8f5500}.timer-tag[data-urgency=critical]{border-image:url(/assets/pixelApp/tag-redlight.png) 2 3 2 3 stretch;background-color:var(--red100);color:#8f001b}.timer-tag .tag-ink{transform:translateY(-1px)}.collect-modal-content{align-items:center;text-align:center;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);color:var(--grey900);gap:6px}.collect-modal-piece{display:flex;align-items:center;justify-content:center;gap:8px}.collect-modal-piece .rarity-icon{flex:none;width:32px;height:34px;image-rendering:pixelated}.modal-panel.card .collect-modal-title{font-family:var(--font-catchifont12);font-size:var(--font-size-catchifont12);line-height:1.1;text-transform:uppercase;color:var(--grey100);-webkit-text-stroke:4px var(--grey800);paint-order:stroke fill;padding:2px}.collect-modal-piece-name{font-family:var(--font-catchifont12);font-size:var(--font-size-catchifont12);line-height:1.1;text-align:left;color:var(--grey100);-webkit-text-stroke:4px var(--grey800);paint-order:stroke fill;padding:2px}.collect-modal-piece[data-rarity=common] .collect-modal-piece-name{color:var(--green100);-webkit-text-stroke-color:var(--green800)}.collect-modal-piece[data-rarity=uncommon] .collect-modal-piece-name{color:var(--blue100);-webkit-text-stroke-color:var(--blue800)}.collect-modal-piece[data-rarity=rare] .collect-modal-piece-name{color:var(--yellow100);-webkit-text-stroke-color:var(--yellow800)}.collect-modal-piece[data-rarity=mythic] .collect-modal-piece-name{color:var(--pink100);-webkit-text-stroke-color:var(--pink800)}.collect-modal-rewards-container{display:flex;flex-direction:column;gap:2px;width:100%}.collect-modal-cost-container{width:100%;margin-top:0}.collect-modal-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.collect-modal-line-label{text-transform:uppercase;color:var(--grey600);text-align:left}.collect-modal-line-tags{display:flex;align-items:center;gap:12px;flex:none}.collect-modal-xp{display:inline-flex;align-items:center;gap:4px;color:var(--green800);line-height:1}.collect-modal-xp img{width:48px;height:48px;image-rendering:pixelated}.coin-tag.is-cost{border-image:url(/assets/pixelApp/tag-redlight.png) 2 3 2 3 stretch;background-color:var(--red100);color:#8f001b}.collect-modal-content .modal-actions{margin-top:2px}.catchapon-prize-content{align-items:center;text-align:center;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);gap:6px}.catchapon-prize-piece{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.catchapon-prize-rewards{display:flex;align-items:center;gap:8px}.modal-container-overlay.career-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100002;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 22px;overflow:hidden;text-align:center;cursor:pointer}.modal-container-overlay.career-celebration[data-color=green]{background-color:var(--green100);--career-dark: var(--green800);--spiral: url(/assets/pixelApp/spiral-green.png)}.modal-container-overlay.career-celebration[data-color=pink]{background-color:var(--pink100);--career-dark: var(--pink800);--spiral: url(/assets/pixelApp/spiral-pink.png)}.modal-container-overlay.career-celebration[data-color=blue]{background-color:var(--blue100);--career-dark: var(--blue800);--spiral: url(/assets/pixelApp/spiral-blue.png)}.career-celebration-burst{position:relative;width:48px;height:48px;margin-top:40px}.career-celebration-spiral{position:absolute;left:50%;top:50%;width:1040px;height:1040px;margin:-520px 0 0 -520px;background-image:var(--spiral);background-size:6240px 1040px;background-repeat:no-repeat;image-rendering:pixelated;animation:career-celebration-spiral .6s steps(1) infinite}@keyframes career-celebration-spiral{0%{background-position-x:0}16.66%{background-position-x:-1040px}33.33%{background-position-x:-2080px}50%{background-position-x:-3120px}66.66%{background-position-x:-4160px}83.33%{background-position-x:-5200px}}.career-celebration-spark{position:absolute;width:28px;height:28px;margin:-14px 0 0 -14px;background:url(/assets/pixelApp/sparkle.png) 0 0 / 84px 28px no-repeat;image-rendering:pixelated;animation:career-celebration-spark 1.2s steps(1) infinite}@keyframes career-celebration-spark{0%{background-position-x:0}20%{background-position-x:-28px}40%{background-position-x:-56px}60%{background-position-x:-28px}80%,to{background-position-x:200px}}.career-celebration-badge{position:absolute;top:0;right:0;bottom:0;left:0;width:48px;height:48px;image-rendering:pixelated;animation:career-celebration-pop 4s steps(1) infinite}@keyframes career-celebration-pop{0%{transform:scale(0)}4%{transform:scale(.5)}8%{transform:scale(1.25)}12%,to{transform:scale(1)}}.career-celebration-level{position:relative;display:flex;align-items:center;gap:10px;animation:career-celebration-in 4s steps(1) infinite}@keyframes career-celebration-in{0%,10%{opacity:0}11%,to{opacity:1}}.career-celebration-pill{position:relative;display:inline-flex;align-items:center;gap:8px;border-width:4px 6px;border-style:solid;border-color:transparent;background-clip:padding-box;image-rendering:pixelated;padding:4px 8px 2px;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:14px;white-space:nowrap;text-transform:uppercase;border-image:var(--src-a) 2 3 2 3 stretch;background-color:var(--bg-a);animation:career-celebration-pill 1.2s steps(1) infinite}.career-celebration-pill>span{transform:translateY(-2px)}.career-celebration-pill[data-color=green]{--edge: #1BC84D;--inner: var(--green050);--ink: var(--green600);--src-a: url(/assets/pixelApp/tag-greenlight.png);--src-b: url(/assets/pixelApp/tag-green.png);--bg-a: var(--green100);--bg-b: var(--green400);color:var(--green800)}.career-celebration-pill[data-color=pink]{--edge: #E40043;--inner: var(--pink050);--ink: var(--pink600);--src-a: url(/assets/pixelApp/tag-pinklight.png);--src-b: url(/assets/pixelApp/tag-pink.png);--bg-a: var(--pink100);--bg-b: var(--pink400);color:var(--pink800)}.career-celebration-pill[data-color=blue]{--edge: #00AEE4;--inner: var(--blue050);--ink: var(--blue600);--src-a: url(/assets/pixelApp/tag-bluelight.png);--src-b: url(/assets/pixelApp/tag-blue.png);--bg-a: var(--blue100);--bg-b: var(--blue400);color:var(--blue800)}.career-celebration-pill .career-celebration-pill-level{color:var(--inner);-webkit-text-stroke:4px var(--edge);paint-order:stroke fill;padding:0 2px;text-transform:none;animation:career-celebration-pill-level 1.2s steps(1) infinite}.career-celebration-pill .career-celebration-pill-spark{left:auto;top:-4px;right:-36px;margin:0;transform:none}@keyframes career-celebration-pill{0%,49.9%{border-image-source:var(--src-a);background-color:var(--bg-a)}50%,to{border-image-source:var(--src-b);background-color:var(--bg-b)}}@keyframes career-celebration-pill-level{0%,49.9%{color:var(--inner);-webkit-text-stroke-color:var(--edge)}50%,to{color:var(--white);-webkit-text-stroke-color:var(--ink)}}.career-celebration-text{position:relative;margin:0;font-family:var(--font-catchifont-small);font-size:var(--font-size-catchifont-small);line-height:1.2;color:var(--white);-webkit-text-stroke:4px var(--career-dark);paint-order:stroke fill}.career-celebration-line{text-transform:uppercase;animation:career-celebration-in 4s steps(1) infinite}.career-celebration-challenge{letter-spacing:-1px}.career-celebration-bar{position:relative;width:100%}.career-celebration-tap{position:absolute;bottom:calc(36px + env(safe-area-inset-bottom,0px));text-transform:uppercase}@media (prefers-reduced-motion: reduce){.career-celebration-spiral,.career-celebration-spark,.career-celebration-badge,.career-celebration-level,.career-celebration-pill,.career-celebration-pill-level,.career-celebration-line{animation:none}}.geolocation-prompt-card{position:absolute;z-index:1;top:10px;left:0;right:0;margin-inline:auto;width:fit-content;background:#fff;padding:6px;border:2px solid transparent;border-image:url(/assets/pixelApp/container-white-1pixelround.png) 1 stretch;image-rendering:pixelated;background-clip:padding-box}.geolocation-prompt-card-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.geolocation-prompt-card-content .buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.geolocation-prompt-card-title{position:relative;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.geolocation-prompt-card-title-text{font-family:var(--font-catchifont-bold);font-size:var(--font-size-catchifont-s);margin-right:4px;margin-left:4px}.loader{display:flex;align-items:center;justify-content:center}.loader img{width:24px}.button-container{position:relative}.button-container .locked-button-img{position:absolute;z-index:2;width:32px;height:32px;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.button-container.full-width{width:100%}.button{color:var(--grey900);background-color:var(--blue200);border:solid 1px var(--black);border-radius:2px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--black);transform:translate(-2px,-2px);transition:all .2s ease;font-family:var(--font-pixel);font-weight:var(--font-weight-pixel-bold);width:fit-content;height:fit-content}.button:enabled:active{transform:translate(0);box-shadow:0 0 0 var(--black)}.button.size-small{padding:4px;gap:8px;font-size:var(--font-size-pixel-s)}.button.size-small img{width:16px;height:16px}.button.size-small.has-text{padding-left:8px;padding-right:8px}.button.size-medium{padding:8px;gap:8px;font-size:var(--font-size-pixel-m)}.button.size-medium img{width:20px;height:20px}.button.size-medium.has-text{padding-left:16px;padding-right:16px}.button.variant-primary{background-color:var(--blue200)}.button.variant-secondary{background-color:var(--white)}.button.variant-tertiary{background-color:var(--yellow020)}.button.variant-white{background-color:var(--white)}.button.variant-pink{background-color:var(--pink200)}.button.variant-dark-blue{background-color:#1877f2;color:#f5f5f5}.button.variant-no-border{border:none;box-shadow:none;background-color:transparent}.button.full-width{width:100%;box-sizing:border-box}.button.locked{opacity:.5}