:root{--zi-shadow: -99999999;--zi-legs: -1;--zi-camera-overlay: 10000;--zi-container: 20000;--zi-banner: 29999;--zi-weapons-area: 30000;--zi-pet-area: 40000;--zi-quiz-button: 50000;--zi-quiz-game: 100000;--zi-popup: 9999999999;--zi-curtain: 2147483647}.App{position:relative;text-align:center;background:var(--app-bg);background-size:cover;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}@keyframes squeeze{0%{transform:scale(1)}50%{transform:scale(1.1,.95) translateY(10px)}to{transform:scale(1)}}.bortato-avatar-container{position:absolute;width:400px;height:400px;transition:bottom .45s cubic-bezier(.34,1.56,.64,1),right .45s cubic-bezier(.34,1.56,.64,1),transform .45s cubic-bezier(.34,1.56,.64,1)}.bortato-avatar-container.bottom{left:50%;bottom:calc((100% - var(--dim-docking-bottom-main-conatiner-height)) / 2);transform:translate(-50%,-40%)}.bortato-avatar-container.left{top:50%;right:calc((100% - var(--dim-docking-left-main-conatiner-width)) / 2);transform:translate(50%,-50%)}.app-title{animation:drop-in var(--dur-slow) var(--ease-bounce) .1s backwards;position:fixed;top:36px;font-size:64px;line-height:1;white-space:nowrap;pointer-events:none;z-index:var(--zi-camera-overlay)}.app-title .app-title-accent{color:var(--accent)}.app-title.bottom{left:50%;transform:translate(-50%)}.app-title.left{left:calc(var(--dim-docking-left-main-conatiner-width) + (100% - var(--dim-docking-left-main-conatiner-width)) / 2);transform:translate(-50%);font-size:52px}@media screen and (max-width:1000px){.app-title{font-size:44px;-webkit-text-stroke-width:8px}.app-title.left{font-size:36px}}@media screen and (max-width:760px){.app-title{top:74px;font-size:40px;-webkit-text-stroke-width:8px}.app-title.left{display:none}}.top-right-container{animation:fade-in var(--dur-slow) var(--ease-out) .2s backwards;position:fixed;top:40px;right:48px;z-index:var(--zi-quiz-button);display:flex;flex-direction:column;align-items:flex-end;gap:14px}.top-right-container .top-right-buttons{display:flex;flex-direction:row;align-items:center;gap:12px}.top-right-container .version-button{background:none;border:none;padding:0;font-family:var(--font-body);font-weight:800;font-size:15px;color:var(--text-muted)}.top-right-container .version-button:hover{text-decoration:underline}@media screen and (max-width:760px){.top-right-container{top:16px;right:16px;gap:6px}.top-right-container .top-right-buttons{gap:8px}.top-right-container .settings-button{width:44px;height:44px}.top-right-container .version-button{display:none}}div.popup{z-index:var(--zi-popup)}div.popup .settings-dialog{width:640px;max-width:calc(100vw - 32px);max-height:80vh;overflow-y:auto;padding:24px 28px 16px}@media screen and (max-width:760px){div.popup .settings-dialog{padding:20px 16px 12px}}div.popup .changelog{width:560px;max-width:90vw;max-height:70vh;padding:28px 28px 8px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}div.popup .changelog>div{margin:0!important;font-family:var(--font-body);font-size:15px;color:var(--text)}div.popup .changelog>div span{font-family:var(--font-display);font-size:20px;color:var(--text-strong)}div.popup .changelog>div ul{margin:6px 0 14px;padding-left:22px}div.popup .changelog>div li::marker{color:var(--accent)}@media screen and (min-width:761px){.bortato-avatar-container.drawer-hidden.bottom{bottom:calc((100% - 135px)/2 + 135px);transform:translate(-50%,50%)}.bortato-avatar-container.drawer-hidden.left{right:50%}.app-title{transition:left .45s cubic-bezier(.34,1.56,.64,1)}.app-title.left.drawer-hidden{left:50%}}@media screen and (max-width:760px){.bortato-avatar-container.bottom{bottom:calc((100% - 125px)/2 + 125px);transform:translate(-50%,50%)}}.pet-area{position:absolute;z-index:var(--zi-pet-area);bottom:40px}.pet-area .pet-appearance{position:absolute;bottom:0;width:200px}.pet-area .pet-appearance.pet-right{left:200px;transform:scale(.7);transform-origin:bottom right}.pet-area .pet-appearance.pet-flying{bottom:150px;left:50px;width:150px;animation:fly 4s infinite ease-in-out}@keyframes fly{0%{transform:translate(0)}25%{transform:translate(20px,-10px)}50%{transform:translateY(-20px)}75%{transform:translate(-20px,-10px)}to{transform:translate(0)}}.weapons-area{position:absolute;z-index:var(--zi-weapons-area)}.weapons-area .weapon-apperance{position:absolute;top:65px}.weapons-area .weapon-apperance.weapon-right{transform:rotate(310deg) scale(.5)}.weapons-area .weapon-apperance.weapon-left{transform:rotate(50deg) scale(-.5,.5)}.avatar-shadow{position:absolute;bottom:80px;left:50%;transform:translate(-50%);width:200px;height:30px;border-radius:100%;background-color:#000;opacity:.4;z-index:var(--zi-shadow);animation:fade-in var(--dur-med) var(--ease-out)}.animate-container.animate{animation:squeeze 2s infinite ease-in-out;width:100%;height:100%}.avatar-item{animation:drop-in var(--dur-slow) var(--ease-bounce);position:absolute;top:0;left:0;width:100%;height:100%}#banner{width:400px;position:absolute;transform:translate(-50%,30%);z-index:var(--zi-banner)}#banner.banner-abyssal_terrors,#banner.banner-primal_dread{transform:translate(-50%,5%)}.avatar-hologram{--hologram-color: 190, 130, 255;position:fixed;right:4px;bottom:92px;width:230px;height:230px;z-index:calc(var(--zi-quiz-button) + 2);pointer-events:none;isolation:isolate}.avatar-hologram .avatar-hologram-figure{position:absolute;left:50%;top:50%;width:400px;height:400px;transform:translate(-50%,-50%) scale(.65);opacity:.6;filter:drop-shadow(0 0 2px rgba(var(--hologram-color),.9)) drop-shadow(0 0 12px rgba(var(--hologram-color),.6));animation:hologram-flicker 4s infinite}.avatar-hologram:before{content:"";position:absolute;left:50%;bottom:30px;width:150px;height:30px;translate:-50% 0;border-radius:50%;background:radial-gradient(rgba(var(--hologram-color),.55),rgba(var(--hologram-color),0) 70%)}.avatar-hologram:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(var(--hologram-color),.22) 0 1px,transparent 1px 4px);-webkit-mask-image:radial-gradient(circle,#000 35%,transparent 70%);mask-image:radial-gradient(circle,#000 35%,transparent 70%);animation:hologram-scan 6s linear infinite}@media screen and (min-width:761px){.avatar-hologram{right:24px;bottom:104px;width:320px;height:320px}.avatar-hologram .avatar-hologram-figure{transform:translate(-50%,-50%) scale(.9)}.avatar-hologram:before{bottom:44px;width:200px;height:38px}}@media(prefers-reduced-motion:reduce){.avatar-hologram .avatar-hologram-figure,.avatar-hologram:after{animation:none}}:root[data-theme=light] .avatar-hologram{--hologram-color: 130, 60, 220}@keyframes hologram-flicker{0%,to{opacity:.6}46%{opacity:.6}48%{opacity:.35}50%{opacity:.65}52%{opacity:.45}54%{opacity:.6}}@keyframes hologram-scan{0%{background-position:0 0}to{background-position:0 40px}}.curtain{position:fixed;inset:0;z-index:var(--zi-curtain);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.curtain.opening{pointer-events:none}.curtain-panel{position:absolute;top:0;bottom:0;box-sizing:border-box;width:50%;background:linear-gradient(to bottom,#00000073,#0000 22% 78%,#0000008c),repeating-linear-gradient(90deg,#5e0b0e,#a3161b 22px,#e8392f,#a3161b 58px,#5e0b0e 80px);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.curtain-panel.left{left:0;transform-origin:left center;border-right:6px solid var(--outline);transform:translate(calc(-1cm - var(--curtain-pull) * 5%))}.curtain-panel.right{right:0;transform-origin:right center;border-left:6px solid var(--outline);transform:translate(calc(1cm + var(--curtain-pull) * 5%))}.dragging .curtain-panel{transition:none}.opening .curtain-panel.left{animation:curtain-open-left 1.4s cubic-bezier(.65,0,.35,1) forwards}.opening .curtain-panel.right{animation:curtain-open-right 1.4s cubic-bezier(.65,0,.35,1) forwards}@keyframes curtain-open-left{0%{transform:translate(-1cm)}55%{transform:translate(0) scaleX(.16)}to{transform:translate(-110%) scaleX(.16)}}@keyframes curtain-open-right{0%{transform:translate(1cm)}55%{transform:translate(0) scaleX(.16)}to{transform:translate(110%) scaleX(.16)}}.curtain-valance{position:absolute;top:0;left:0;right:0;z-index:2;filter:drop-shadow(0 6px 0 var(--outline));transition:transform .6s cubic-bezier(.65,0,.35,1)}.opening .curtain-valance{transform:translateY(-120%);transition-delay:.9s}.curtain-valance-fabric{height:124px;background:linear-gradient(to bottom,transparent calc(100% - 56px),var(--outline) calc(100% - 56px),var(--outline) calc(100% - 52px),#f5c84b calc(100% - 52px),#f5c84b calc(100% - 44px),var(--outline) calc(100% - 44px),var(--outline) calc(100% - 40px),transparent calc(100% - 40px)),linear-gradient(to bottom,#00000059,#0000 60%),repeating-linear-gradient(90deg,#5e0b0e,#a3161b,#e8392f,#a3161b,#5e0b0e 80px);-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 40px) no-repeat,radial-gradient(40px 40px at 50% 0,#000 98%,transparent 100%) bottom/80px 40px repeat-x;mask:linear-gradient(#000,#000) top/100% calc(100% - 40px) no-repeat,radial-gradient(40px 40px at 50% 0,#000 98%,transparent 100%) bottom/80px 40px repeat-x}.curtain-teaser{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:0 16px;text-align:center;pointer-events:none;transition:opacity .3s ease}.opening .curtain-teaser{opacity:0}.curtain-title{margin:0;font-size:104px;line-height:1;-webkit-text-stroke-width:14px;transform:rotate(-3deg);filter:drop-shadow(0 8px 0 var(--outline))}.curtain-title .curtain-title-accent{color:#f5c84b}@media screen and (max-width:760px){.curtain-title{font-size:60px;-webkit-text-stroke-width:10px}}.curtain-hint{margin:0;font-size:28px;animation:curtain-hint-bob 1.6s ease-in-out infinite}@media screen and (max-width:760px){.curtain-hint{font-size:22px}}@keyframes curtain-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.curtain-rope{--rope-length: 38vh;position:absolute;top:0;right:14%;z-index:1;width:64px;display:flex;flex-direction:column;align-items:center;cursor:grab;transform-origin:top center;animation:curtain-rope-sway 3.2s ease-in-out infinite;transition:transform .6s ease-in,opacity .6s ease-in}.dragging .curtain-rope{cursor:grabbing;animation:none}.opening .curtain-rope{animation:none;transform:translate(40vw);opacity:0}@media screen and (max-width:760px){.curtain-rope{--rope-length: 18vh;right:10%}}@keyframes curtain-rope-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.curtain-rope-cord{width:10px;height:calc(var(--rope-length) + var(--rope-pull));border:3px solid var(--outline);border-top:none;background:repeating-linear-gradient(-45deg,#f5c84b 0 6px,#b9801f 6px 10px);transition:height .55s cubic-bezier(.34,1.56,.64,1)}.dragging .curtain-rope-cord{transition:none}.curtain-rope-tassel{display:flex;flex-direction:column;align-items:center;margin-top:-4px;filter:drop-shadow(3px 0 0 var(--outline)) drop-shadow(-3px 0 0 var(--outline)) drop-shadow(0 3px 0 var(--outline));transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.curtain-rope:hover .curtain-rope-tassel,.curtain-rope.ready .curtain-rope-tassel{transform:scale(1.12)}.curtain-rope-knot{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;border:4px solid var(--outline);background:radial-gradient(circle at 35% 30%,#fff1b8,#f5c84b 40%,#b9801f)}.curtain-rope-fringe{width:46px;height:72px;margin-top:-6px;background:repeating-linear-gradient(90deg,#f5c84b 0 5px,#b9801f 5px 8px);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.curtain-rope.ready .curtain-rope-fringe{background:repeating-linear-gradient(90deg,#fff1b8 0 5px,#f5c84b 5px 8px)}.main-container{z-index:var(--zi-container);position:absolute;bottom:0;left:0;box-sizing:border-box;background-color:var(--panel-bg);color:var(--text);display:flex;flex-direction:column;padding-top:18px;animation-duration:var(--dur-slow);animation-timing-function:var(--ease-bounce)}.main-container.bottom{right:0;height:var(--dim-docking-bottom-main-conatiner-height);border-top:5px solid var(--outline);border-top-left-radius:36px;border-top-right-radius:36px}.main-container.left{top:0;width:var(--dim-docking-left-main-conatiner-width);border-right:5px solid var(--outline);border-top-right-radius:36px;border-bottom-right-radius:36px}.main-container.bottom.drawer-hidden{animation-name:drawer-hidden-bottom}.main-container.bottom.drawer-normal{animation-name:drawer-normal-bottom}.main-container.bottom.drawer-expanded{animation-name:drawer-expanded-bottom}.main-container.left.drawer-hidden{animation-name:drawer-hidden-left}.main-container.left.drawer-normal{animation-name:drawer-normal-left}.main-container.left.drawer-expanded{animation-name:drawer-expanded-left}.main-container .main-container-content{display:flex;flex-direction:column;flex:1;overflow:hidden;overflow-y:auto;padding-inline:36px;padding-bottom:90px;isolation:isolate;container:main-content/size}.main-container .main-container-content>*{animation:fade-up var(--dur-med) var(--ease-out) backwards}.main-container .section-heading{position:sticky;top:0;z-index:2;margin-inline:-4px;padding:6px 4px;background:var(--panel-bg-solid)}.main-container .bottom-bar{position:absolute;left:0;right:0;bottom:0;z-index:1;pointer-events:none;display:flex;flex-direction:row;justify-content:center;padding:12px 10px 14px}.main-container .bottom-bar .buttons-container{display:flex;flex-direction:row;justify-content:center;justify-content:safe center;gap:14px;padding:4px 4px 6px;overflow-x:auto;pointer-events:auto}@media screen and (min-width:761px){.main-container{--tab-bar-padding-top: 22px;--tab-bar-height: calc(var(--tab-bar-padding-top) + 62px);padding-top:0}.main-container .scroll-selector{position:relative;z-index:3;height:var(--tab-bar-height);margin-bottom:0;padding-top:var(--tab-bar-padding-top)}.main-container .main-container-content{margin-top:calc(-1 * var(--tab-bar-height));padding-top:var(--tab-bar-height);scroll-padding-top:var(--tab-bar-height)}.main-container .scroll-selector{pointer-events:none}.main-container .scroll-selector .scroll-selector-item{pointer-events:auto}.main-container.search-dockable .main-container-content .top-bar{position:sticky;top:calc(var(--tab-bar-padding-top) - var(--tab-bar-height));z-index:3;align-self:flex-end;width:calc(100% - (100% - var(--docked-search-width)) * var(--search-dock, 0));padding:4px 0 0}.main-container.drawer-expanded{--tab-bar-padding-top: 72px}.main-container.drawer-expanded .drawer-handle{top:18px;translate:-50% 0;z-index:4}.main-container .section-heading{top:calc(var(--tab-bar-padding-top) + 3px - var(--tab-bar-height));align-self:flex-start;margin-inline:0;padding:2px 18px;border-radius:14px;border:4px solid var(--outline);background:var(--inactive-bg);box-shadow:var(--sticker-shadow)}}@media screen and (max-width:760px){.main-container{padding-top:14px}.main-container.bottom{border-top-left-radius:28px;border-top-right-radius:28px}.main-container .main-container-content{padding-inline:16px;padding-bottom:0}.main-container .bottom-bar{position:static;pointer-events:auto;padding:8px 16px 14px;border-top:3px solid var(--outline)}.main-container .bottom-bar .buttons-container{gap:10px}}.main-container .drawer-handle{position:absolute;top:0;left:50%;translate:-50% calc(-50% - 2.5px);z-index:1;display:flex;align-items:center;gap:10px}.main-container .drawer-handle .drawer-button{width:44px;height:44px;box-sizing:border-box;padding:0;border-radius:50%;border:3px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);display:flex;align-items:center;justify-content:center;transition:var(--tap-transition),opacity var(--dur-fast) ease}.main-container .drawer-handle .drawer-button svg{width:22px;height:22px}.main-container .drawer-handle .drawer-button:hover:not(:disabled){transform:translateY(-2px)}.main-container .drawer-handle .drawer-button:active:not(:disabled){transform:translateY(2px)}.main-container .drawer-handle .drawer-button:disabled{opacity:.35;cursor:default;box-shadow:none}.main-container.drawer-hidden{height:auto}.main-container.drawer-hidden .scroll-selector,.main-container.drawer-hidden .main-container-content{display:none}.main-container.drawer-hidden .bottom-bar{position:static}.main-container.drawer-expanded{height:100%;background:var(--panel-bg-solid);border-top:none;border-right:none;border-radius:0;z-index:calc(var(--zi-quiz-button) + 1)}@media screen and (max-width:760px){.main-container.drawer-expanded .drawer-handle{position:static;translate:none;align-self:center;margin-bottom:10px}}.main-container.left .drawer-button svg{rotate:90deg}.main-container.left.drawer-normal .drawer-handle{flex-direction:column-reverse;top:50%;left:auto;right:0;translate:calc(50% + 2.5px) -50%}.main-container.left.drawer-hidden{top:auto;border-top:5px solid var(--outline);border-bottom-right-radius:0}.main-container.left.drawer-expanded{width:100%}.scroll-selector{display:flex;flex-direction:row;align-items:center;justify-content:center;justify-content:safe center;gap:12px;max-width:100%;box-sizing:border-box;overflow-x:auto;scroll-behavior:smooth;padding:4px 24px 10px;margin-bottom:6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.scroll-selector::-webkit-scrollbar{display:none}.scroll-selector .scroll-selector-item{flex:0 0 auto;padding:6px 20px;border-radius:14px;border:4px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);font-size:22px;line-height:1.2;transition:var(--tap-transition)}.scroll-selector .scroll-selector-item:hover{transform:translateY(-2px)}.scroll-selector .scroll-selector-item:active{transform:translateY(2px)}.scroll-selector .scroll-selector-item.selected{background:var(--active-bg);color:var(--active-fg);box-shadow:none;animation:pick var(--dur-med) var(--ease-out)}@media screen and (max-width:760px){.scroll-selector{gap:8px;padding-inline:16px}.scroll-selector .scroll-selector-item{font-size:18px;padding:4px 14px}}#background-container-content{display:flex;flex-direction:column;gap:22px;padding:4px 4px 12px;text-align:left}#background-container-content .background-group{display:flex;flex-direction:column;gap:12px}#background-container-content .background-group-title{font-size:28px}#background-container-content .background-tiles{display:flex;flex-wrap:wrap;gap:14px}#background-container-content .background-tile{position:relative;box-sizing:border-box;width:112px;height:72px;padding:0;border-radius:16px;border:4px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);font-size:20px;transition:var(--tap-transition)}#background-container-content .background-tile img{width:100%;height:100%;object-fit:cover;display:block}#background-container-content .background-tile.none{width:auto;padding:0 22px}#background-container-content .background-tile:hover{transform:translateY(-2px)}#background-container-content .background-tile:active{transform:translateY(2px)}#background-container-content .background-tile.selected{border-color:var(--selected-border);box-shadow:var(--selected-ring);animation:pick var(--dur-med) var(--ease-out)}#background-container-content .dlc-tag{position:absolute;top:-12px;right:-12px;z-index:1;padding:1px 7px;border-radius:999px;border:3px solid var(--outline);color:#fff;font-family:var(--font-display);font-weight:400;font-size:14px;line-height:1.2;white-space:nowrap;pointer-events:none}#background-container-content .background-tile.swatch{width:72px;cursor:pointer}#background-container-content .background-tile.custom{width:112px;display:flex;align-items:center;justify-content:center}#background-container-content .background-tile.custom input[type=color]{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;opacity:0;cursor:pointer}#background-container-content .background-tile.custom:focus-within{outline:3px solid var(--accent);outline-offset:2px}#background-container-content .background-tile.custom .custom-chip{position:relative;pointer-events:none;padding:2px 10px;border-radius:999px;border:3px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);font-family:var(--font-display);font-size:16px}@media screen and (max-width:760px){#background-container-content{gap:18px}#background-container-content .background-group-title{font-size:24px;-webkit-text-stroke-width:5px}#background-container-content .background-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}#background-container-content .dlc-tag{font-size:13px}#background-container-content .background-tile,#background-container-content .background-tile.none,#background-container-content .background-tile.swatch,#background-container-content .background-tile.custom{width:100%;height:64px;padding:0;border-radius:14px;font-size:17px}}.button-group-container{display:flex;flex-direction:row;align-self:flex-start;max-width:100%;box-sizing:border-box;border-radius:999px;border:4px solid var(--outline);background:var(--inactive-bg);box-shadow:var(--sticker-shadow);overflow-x:auto;scrollbar-width:none}.button-group-container .button-group-button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:6px 22px;border:none;background:transparent;color:var(--inactive-fg);font-size:20px;line-height:1.2;white-space:nowrap;transition:var(--tap-transition)}.button-group-container .button-group-button svg{flex:0 0 auto;width:24px;height:24px}.button-group-container .button-group-button:hover:not(.selected){background:var(--field)}.button-group-container .button-group-button.selected{background:var(--active-bg);color:var(--active-fg)}@media screen and (max-width:760px){.button-group-container .button-group-button{padding:4px 18px;font-size:18px}.button-group-container .button-group-button svg{width:22px;height:22px}}.interactive-element-container{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:112px;padding:0;background:none;border:none;color:var(--text);font-family:var(--font-body);font-weight:800}.interactive-element-container .image-container{position:relative;box-sizing:border-box;width:96px;height:96px;border-radius:20px;border:4px solid var(--outline);background:var(--tile);box-shadow:var(--sticker-shadow);overflow:hidden;isolation:isolate;display:flex;justify-content:center;align-items:center;transition:var(--tap-transition)}.interactive-element-container .image-container img{position:absolute;left:50%;top:50%;translate:-50% -50%;image-rendering:auto}.interactive-element-container .image-container .base{width:100px;height:100px;z-index:0}.interactive-element-container .image-container .dlc-background{inset:0;translate:none;width:100%;height:100%;object-fit:cover;opacity:var(--dlc-frame-opacity);filter:var(--dlc-frame-filter);z-index:-100000}.interactive-element-container .image-container .dlc-background-left{clip-path:polygon(0 0,58% 0,42% 100%,0 100%)}.interactive-element-container .image-container .dlc-background-right{clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%)}.interactive-element-container.dlc-item .image-container{background:color-mix(in srgb,var(--dlc-color) var(--dlc-tile-mix),var(--tile))}.interactive-element-container.dlc-split .image-container{background:linear-gradient(99deg,color-mix(in srgb,var(--dlc-color-left) var(--dlc-tile-mix),var(--tile)) 50%,color-mix(in srgb,var(--dlc-color-right) var(--dlc-tile-mix),var(--tile)) 50%)}.interactive-element-container .interactive-element-label{font-size:15px;line-height:1.15;text-align:center;overflow-wrap:anywhere}.interactive-element-container .interactive-element-badge{position:absolute;top:-8px;right:calc(50% - 56px);z-index:1;padding:1px 7px;border-radius:999px;border:3px solid var(--outline);background:#fff;color:#111;font-family:var(--font-display);font-weight:400;font-size:14px;line-height:1.2;white-space:nowrap;transition:var(--tap-transition)}.interactive-element-container .interactive-element-badge.colored{color:#fff}.interactive-element-container .interactive-element-badge.bottom{top:80px;right:auto;left:50%;translate:-50% 0}.interactive-element-container:hover{cursor:pointer}.interactive-element-container:hover .image-container,.interactive-element-container:hover .interactive-element-badge{transform:translateY(-2px)}.interactive-element-container:active .image-container{transform:translateY(2px)}.interactive-element-container.selected .image-container{border-color:var(--selected-border);box-shadow:var(--selected-ring);animation:pick var(--dur-med) var(--ease-out)}@media screen and (max-width:760px){.interactive-element-container{width:84px}.interactive-element-container .image-container{width:76px;height:76px;border-radius:16px}.interactive-element-container .image-container img{scale:.8}.interactive-element-container .interactive-element-label{font-size:13px}.interactive-element-container .interactive-element-badge{right:calc(50% - 46px);font-size:13px}.interactive-element-container .interactive-element-badge.bottom{top:60px;right:auto}}.cosmetic-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 14px;padding:12px 4px}@media screen and (max-width:760px){.cosmetic-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));justify-items:center;gap:12px 10px}}.items-container{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 4px;text-align:left}.items-container h2.catergory-name{text-transform:capitalize;margin-bottom:10px}.items-container .items-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 14px;padding:12px 4px}@media screen and (max-width:760px){.items-container .items-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));justify-items:center;gap:12px 10px}}@media screen and (max-width:760px){.items-container h2.catergory-name{font-size:22px}}.pet-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 14px;padding:12px 4px}@media screen and (max-width:760px){.pet-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));justify-items:center;gap:12px 10px}}.toggle-button-container{display:flex;flex-direction:row;align-items:center;gap:12px;width:fit-content;min-height:44px;padding:6px 24px 6px 16px;border-radius:999px;border:4px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);font-size:20px;line-height:1.2;transition:var(--tap-transition)}.toggle-button-container:hover{transform:translateY(-2px)}.toggle-button-container:active{transform:translateY(2px)}.toggle-button-container .toggle-button{transition:background-color var(--dur-fast) ease;box-sizing:border-box;width:24px;height:24px;border-radius:50%;border:3px solid currentColor;background:transparent}.toggle-button-container svg{flex:0 0 auto;width:24px;height:24px}.toggle-button-container.active{background:var(--active-bg);color:var(--active-fg);box-shadow:none}.toggle-button-container.active .toggle-button{background:var(--accent);animation:pick var(--dur-med) var(--ease-bounce)}@media screen and (max-width:760px){.toggle-button-container{gap:10px;padding:4px 18px 4px 12px;font-size:18px}.toggle-button-container .toggle-button,.toggle-button-container svg{width:22px;height:22px}}.weapons-main-container{display:flex;flex-direction:column;padding:4px 4px 12px;text-align:left}.weapons-main-container .weapons-header{display:flex;flex-direction:column;gap:14px;padding-bottom:14px}@container main-content (min-height: 520px){.weapons-main-container .weapons-header{position:sticky;top:0;z-index:2;background:var(--panel-bg-solid)}@media screen and (min-width:761px){.weapons-main-container .weapons-header{top:calc(-1 * var(--tab-bar-height));margin-top:calc(-4px - var(--tab-bar-height));padding-top:calc(4px + var(--tab-bar-height))}}}.weapons-main-container .weapon-slots{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}.weapons-main-container .weapon-slots .weapon-slot-pair{display:flex;flex-direction:row;align-items:center;gap:14px}.weapons-main-container .weapon-slot{display:flex;align-items:center;gap:14px;padding:10px 24px 10px 10px;border-radius:20px;border:4px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);transition:var(--tap-transition)}.weapons-main-container .weapon-slot:hover{transform:translateY(-2px)}.weapons-main-container .weapon-slot:active{transform:translateY(2px)}.weapons-main-container .weapon-slot.active{border-color:var(--selected-border);box-shadow:var(--selected-ring);animation:pick var(--dur-med) var(--ease-out)}.weapons-main-container .weapon-slot .weapon-slot-icon{flex:0 0 auto;box-sizing:border-box;width:72px;height:72px;border-radius:14px;border:4px solid var(--outline);background:var(--tile);display:flex;align-items:center;justify-content:center}.weapons-main-container .weapon-slot .weapon-slot-icon img{width:52px;height:52px;object-fit:contain}.weapons-main-container .weapon-slot .weapon-slot-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}.weapons-main-container .weapon-slot .weapon-slot-title{font-family:var(--font-body);font-weight:800;font-size:14px}.weapons-main-container .weapon-slot .weapon-slot-name{font-size:22px;line-height:1.15}.weapons-main-container .weapon-slot-hand{display:none}.weapons-main-container .weapon-swap{flex:0 0 auto;box-sizing:border-box;min-width:44px;min-height:44px;padding:0 20px;border-radius:999px;border:4px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);display:flex;align-items:center;justify-content:center;transition:var(--tap-transition)}.weapons-main-container .weapon-swap svg{width:24px;height:24px}.weapons-main-container .weapon-swap:hover{transform:translateY(-2px)}.weapons-main-container .weapon-swap:active{transform:translateY(2px)}.weapons-main-container .top-bar{padding:0}.weapons-main-container h2.weapons-heading{margin:0}.weapons-main-container .weapons-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px 14px;padding:8px 0 0}@media screen and (max-width:760px){.weapons-main-container{padding:2px 2px 12px}.weapons-main-container .weapons-header{gap:12px;padding-bottom:12px}.weapons-main-container .weapon-slots{flex-direction:column;align-items:stretch;gap:12px}.weapons-main-container .weapon-slots .weapon-slot-pair{gap:8px}.weapons-main-container .weapon-slot{flex:1;min-width:0;flex-direction:column;justify-content:center;gap:6px;padding:10px 6px;text-align:center}.weapons-main-container .weapon-slot .weapon-slot-icon{width:56px;height:56px}.weapons-main-container .weapon-slot .weapon-slot-icon img{width:40px;height:40px}.weapons-main-container .weapon-slot .weapon-slot-text{align-items:center;text-align:center}.weapons-main-container .weapon-slot .weapon-slot-title{font-size:13px}.weapons-main-container .weapon-slot .weapon-slot-name{font-size:17px;line-height:1.1}.weapons-main-container .weapon-swap{padding:0 14px}.weapons-main-container .weapon-swap svg{width:22px;height:22px}.weapons-main-container h2.weapons-heading{font-size:22px}.weapons-main-container .weapons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));justify-items:center;gap:12px 10px}}@media screen and (min-width:761px){.main-container.slots-compact .weapons-main-container .weapons-header{display:contents}.main-container.slots-compact .weapons-main-container .weapon-slots{position:sticky;top:calc(var(--tab-bar-padding-top) + 3px - var(--tab-bar-height));z-index:3;flex-wrap:nowrap;gap:10px;width:max-content;height:46px;margin-bottom:54px;animation:fade-in var(--dur-fast) var(--ease-out)}.main-container.slots-compact .weapons-main-container .weapon-slots .weapon-slot-pair{gap:10px}.main-container.slots-compact .weapons-main-container .weapon-slots .weapon-slot{padding:0}.main-container.slots-compact .weapons-main-container .weapon-slots .weapon-slot .weapon-slot-text{display:none}.main-container.slots-compact .weapons-main-container .weapon-slots .weapon-slot .weapon-slot-icon{position:relative;width:38px;height:38px;border-width:3px}.main-container.slots-compact .weapons-main-container .weapon-slots .weapon-slot .weapon-slot-icon img{width:26px;height:26px}.main-container.slots-compact .weapons-main-container .weapon-slots .weapon-slot .weapon-slot-icon .weapon-slot-hand{display:block;position:absolute;right:-2px;bottom:-2px;padding:1px 3px;border-radius:6px;background:var(--active-bg);color:var(--active-fg);font-size:12px;line-height:1}.main-container.slots-compact .weapons-main-container .weapon-slots .weapon-swap{min-width:0;min-height:38px;padding:0 10px}.main-container.slots-compact .weapons-main-container .weapon-slots .toggle-button-container{min-height:46px;padding:4px 12px}.main-container.slots-compact .weapons-main-container .weapon-slots .toggle-button-container>span:nth-child(2){display:none}.main-container.slots-compact .weapons-main-container .top-bar{--search-dock: 1;margin:-100px -4px 124px 0}.main-container.slots-compact .weapons-main-container .weapons-heading{margin-bottom:14px}}.materials{display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.material-icon{width:1.1em;height:1.1em;flex-shrink:0}.material-icon path{fill:#6fd36b;stroke:var(--outline);stroke-width:1.5}.material-icon ellipse{fill:#c9f5b4}.hearts{display:inline-flex;align-items:center;gap:3px}.heart-slot{display:inline-flex}.heart-slot.breaking{animation:heart-break .6s var(--ease-out) .2s backwards}.heart{width:1.2em;height:1.2em}.heart path{fill:var(--danger);stroke:var(--outline);stroke-width:1.4;stroke-linejoin:round;transition:fill var(--dur-med) ease}.heart.lost path{fill:var(--field)}@keyframes heart-break{0%{scale:1.4}20%,60%{rotate:-14deg}40%,80%{rotate:14deg}}.quiz-game-overlay{z-index:var(--zi-quiz-game);animation:none}.quiz-game{padding:24px;width:560px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column}.quiz-game-header{text-align:center;margin-bottom:16px}.quiz-round-dots{display:flex;justify-content:center;gap:6px;margin-bottom:12px}.quiz-round-dots .dot{box-sizing:border-box;width:14px;height:14px;border-radius:50%;border:3px solid var(--outline);background:var(--field);transition:all .2s}.quiz-round-dots .dot.active{background:var(--accent);transform:scale(1.2)}.quiz-round-dots .dot.done{background:var(--active-bg)}.quiz-game-lives{display:flex;justify-content:center;margin-bottom:10px;font-size:20px}.quiz-game-question{font-family:var(--font-display);font-weight:400;font-size:26px;color:var(--text-strong);margin:0 0 6px}.quiz-game-meta{display:flex;justify-content:center;gap:20px;font-size:15px;color:var(--text-muted)}.quiz-timer{font-variant-numeric:tabular-nums}.quiz-timer.urgent{display:inline-block;color:var(--danger);animation:pulse 1s ease-in-out infinite}.quiz-game-avatar{display:flex;justify-content:center;margin-bottom:16px}.quiz-game-avatar-inner{--avatar-size: min(280px, 32vh);position:relative;width:var(--avatar-size);height:calc(var(--avatar-size) * .82);isolation:isolate}.quiz-silhouette{--silhouette-size: min(220px, 28vh);display:flex;align-items:center;justify-content:center;width:var(--silhouette-size);height:var(--silhouette-size);border-radius:50%;border:4px solid var(--outline);background:radial-gradient(circle,#fff6c9 0 28%,transparent 62%),repeating-conic-gradient(#ffd34d 0 12deg,#ffb52e 12deg 24deg);box-shadow:var(--sticker-shadow);animation:pop-in var(--dur-slow) var(--ease-bounce)}.quiz-silhouette img{width:62%;height:62%;object-fit:contain;image-rendering:pixelated;filter:brightness(0);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.quiz-avatar-layer{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.quiz-game-search{margin-bottom:16px}.quiz-game-search input{width:100%;height:44px;padding:0 20px;border:3px solid var(--outline);border-radius:22px;background:var(--field);color:var(--text);font-family:var(--font-body);font-weight:800;font-size:16px;box-sizing:border-box}.quiz-game-search input::placeholder{color:var(--text-muted)}.quiz-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;overflow-y:auto;max-height:320px;padding:4px 4px 8px;margin-bottom:16px}.quiz-item{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:16px;border:4px solid var(--outline);background:var(--tile);color:var(--text);box-shadow:var(--sticker-shadow);transition:var(--tap-transition)}.quiz-item:hover{transform:translateY(-2px)}.quiz-item:active{transform:translateY(2px)}.quiz-item.selected{border-color:var(--selected-border);box-shadow:0 0 0 4px var(--success);animation:pick var(--dur-med) var(--ease-out)}.quiz-item-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.quiz-item-icon img{max-width:100%;max-height:100%;image-rendering:pixelated}.quiz-game-grid.names-only{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:none}.quiz-game-grid.names-only .quiz-item{justify-content:center;min-height:56px;padding:8px 10px}.quiz-game-grid.names-only .quiz-item-name{margin-top:0;font-size:15px;white-space:normal;line-height:1.15}.quiz-item-name{font-family:var(--font-body);font-weight:800;font-size:11px;text-align:center;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.quiz-game-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width:760px){.quiz-game-footer{flex-wrap:nowrap;gap:8px}.quiz-game-footer .btn{flex:1 1 0;min-width:0;padding:10px 8px;font-size:16px}}.quiz-menu-overlay{z-index:var(--zi-quiz-game)}.quiz-menu{padding:32px;width:520px;max-width:90vw;max-height:90vh;overflow-y:auto;text-align:center}.quiz-menu-title{font-size:40px;line-height:1;-webkit-text-stroke-width:8px;margin:8px 0}.quiz-menu-subtitle{font-size:15px;color:var(--text-muted);margin:0 0 20px}.quiz-menu-avatar-preview{width:96px;height:96px;margin:0 auto 20px;border-radius:50%;background:var(--tile);border:4px solid var(--outline)}.quiz-menu-avatar-preview img{width:100%;height:100%;object-fit:contain}.quiz-menu-difficulty{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.quiz-menu-difficulty .difficulty-btn{padding:6px 14px;border:3px solid var(--outline);border-radius:999px;background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);font-size:15px;transition:var(--tap-transition)}.quiz-menu-difficulty .difficulty-btn.active{background:var(--active-bg);color:var(--active-fg);box-shadow:none}.quiz-menu-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.quiz-mode-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 12px 18px;border:4px solid var(--outline);border-radius:18px;background:var(--field);color:var(--text);box-shadow:var(--sticker-shadow);transition:var(--tap-transition)}.quiz-mode-option:hover{transform:translateY(-2px)}.quiz-mode-option:active{transform:translateY(2px)}.quiz-mode-option:disabled{opacity:.55;cursor:not-allowed;transform:none}.quiz-mode-option .quiz-mode-info{text-align:left}.quiz-mode-option .quiz-mode-info h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1.1;color:var(--text-strong)}.quiz-mode-option .quiz-mode-info p{margin:2px 0 0;font-family:var(--font-body);font-weight:800;font-size:13px;line-height:1.25;color:var(--text-muted)}.quiz-mode-option .quiz-mode-arrow{font-size:32px;color:var(--accent);transition:translate var(--dur-fast) var(--ease-out)}.quiz-mode-option:hover .quiz-mode-arrow{translate:4px 0}.quiz-mode-option:disabled .quiz-mode-arrow{translate:none}.quiz-results-overlay{z-index:var(--zi-quiz-game);animation:none}.quiz-results{padding:28px;width:560px;max-width:95vw;max-height:90vh;overflow-y:auto;text-align:center}.quiz-results-title{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--text-strong);margin:0 0 4px}.quiz-results-round{font-size:15px;color:var(--text-muted);margin:0 0 16px}.quiz-results-lives{display:flex;justify-content:center;font-size:22px;margin:-8px 0 14px}.quiz-silhouette.revealed{--silhouette-size: 156px}.quiz-silhouette.revealed img{filter:none;animation:reveal-color .6s ease-out}@keyframes reveal-color{0%{filter:brightness(0);scale:.9}}.quiz-results-avatars{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.quiz-results-avatar-col{display:flex;flex-direction:column;align-items:center;gap:6px}.quiz-results-avatar-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.quiz-results-avatar{position:relative;width:190px;height:156px;overflow:hidden;border-radius:20px;background:var(--tile);border:4px solid var(--outline);isolation:isolate}.quiz-results-avatar-layer{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;transition:opacity .15s}.has-hover .quiz-results-avatar-layer{opacity:.2}.has-hover .quiz-results-avatar-layer.highlighted{opacity:1}.quiz-results-score-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--field);border:4px solid var(--success);color:var(--text-strong);font-size:15px;animation:pop-in var(--dur-slow) var(--ease-bounce) .2s backwards}.quiz-results-score-badge.imperfect{border-color:var(--warning)}.quiz-results-section{text-align:left;margin-bottom:16px}.quiz-results-section h3{font-family:var(--font-display);font-size:18px;font-weight:400;color:var(--text-strong);margin:0 0 8px}.quiz-results-items{display:flex;gap:10px;flex-wrap:wrap}.quiz-results-empty{font-size:14px;color:var(--text-muted);margin:0}.quiz-result-item{display:flex;flex-direction:column;align-items:center;width:60px;transition:opacity .15s;cursor:pointer}.has-hover .quiz-result-item{opacity:.5}.has-hover .quiz-result-item.hovered{opacity:1}.quiz-result-item.correct .quiz-result-badge{background:var(--success);color:#fff}.quiz-result-item.wrong .quiz-result-badge{background:var(--danger);color:#fff}.quiz-result-item.missed{opacity:.6}.has-hover .quiz-result-item.missed{opacity:.4}.has-hover .quiz-result-item.missed.hovered{opacity:1}.quiz-result-item-icon{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.quiz-result-item-icon img{max-width:100%;max-height:100%;image-rendering:pixelated}.quiz-result-item-icon .quiz-result-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--outline)}.quiz-result-item-name{font-size:10px;text-align:center;margin-top:4px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.quiz-results-total{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;margin:16px 0;color:var(--text-muted)}.quiz-results-total strong{font-family:var(--font-display);font-weight:400;font-size:24px;color:var(--text-strong)}.quiz-results-gain{font-family:var(--font-display);font-size:18px;color:var(--success);animation:fade-up var(--dur-slow) var(--ease-out) .3s backwards}.quiz-results-footer{display:flex;gap:12px;justify-content:center}@property --mx{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --my{syntax: "<percentage>"; inherits: true; initial-value: 30%;}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.result-card-stage{display:flex;justify-content:center;margin:0 auto 20px;perspective:900px;animation:card-reveal .8s var(--ease-bounce) .15s backwards}.result-card{--tier: #c9c9c9;--tier-glow: rgba(255, 255, 255, .25);--foil-opacity: .2;--rx: 0deg;--ry: 0deg;position:relative;width:min(280px,72vw,40vh);aspect-ratio:5/7;box-sizing:border-box;padding:7px;border-radius:18px;border:4px solid #000;background:var(--tier);box-shadow:0 0 24px var(--tier-glow),0 10px #00000073;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease-out);touch-action:pan-y;overflow:hidden;isolation:isolate;animation:card-shimmer 6s ease-in-out infinite}.result-card.interacting{transition:transform .08s linear;animation:none}.result-card.uncommon{--tier: #4ca6ff;--tier-glow: rgba(76, 166, 255, .45);--foil-opacity: .35}.result-card.rare{--tier: #b05cff;--tier-glow: rgba(176, 92, 255, .55);--foil-opacity: .45}.result-card.legendary{--tier: #ff4d4d;--tier-glow: rgba(255, 77, 77, .6);--foil-opacity: .55;background:conic-gradient(from var(--border-angle),#ff4d4d,#ffb84d,#fff35c,#63ff8a,#4dd2ff,#8b6bff,#ff4dd8,#ff4d4d);animation:card-shimmer 6s ease-in-out infinite,border-spin 4s linear infinite}.result-card.legendary.interacting{animation:border-spin 4s linear infinite}.result-card-inner{position:relative;height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:10px 12px 8px;border-radius:11px;border:3px solid #000;background:linear-gradient(180deg,#2b2533,#16131b);color:#f2eef7;font-family:var(--font-body);font-weight:800;text-align:left}.result-card-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.result-card-mode{font-family:var(--font-display);font-size:17px;line-height:1.05;color:#fff}.result-card-difficulty{flex-shrink:0;padding:2px 8px;border-radius:999px;border:2px solid #000;background:var(--tier);color:#111;font-size:11px;text-transform:uppercase}.result-card-art{position:relative;flex:1 1 auto;min-height:0;border-radius:8px;border:3px solid #000;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 60% 55% at 50% 55%,var(--tier-glow) 0%,transparent 70%),radial-gradient(ellipse at 50% 40%,#4a4054,#221e28 75%)}.result-card-art img{position:absolute;left:50%;top:54%;height:118%;aspect-ratio:1;translate:-50% -50%;object-fit:contain;image-rendering:pixelated}.sparkle{position:absolute;z-index:10000;color:#fff;font-size:14px;text-shadow:0 0 6px var(--tier);animation:twinkle 2.4s ease-in-out infinite;pointer-events:none}.sparkle.sparkle-0{top:10%;left:12%}.sparkle.sparkle-1{top:18%;right:10%;animation-delay:.4s;font-size:10px}.sparkle.sparkle-2{top:58%;left:8%;animation-delay:.9s}.sparkle.sparkle-3{bottom:10%;right:14%;animation-delay:1.3s;font-size:18px}.sparkle.sparkle-4{top:40%;right:22%;animation-delay:1.8s;font-size:9px}.sparkle.sparkle-5{bottom:22%;left:24%;animation-delay:2.1s;font-size:11px}.result-card-name{margin-top:8px;font-family:var(--font-display);font-size:20px;line-height:1.05;color:#fff}.result-card-rarity{font-size:12px;color:var(--tier);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.result-card-stats{list-style:none;margin:0;padding:0;font-size:12px;line-height:1.45;color:#e6e0ee}.result-card-stats .value{display:inline-flex;margin-right:5px;color:#6fd36b}.result-card-footer{display:flex;justify-content:space-between;gap:6px;margin-top:auto;padding-top:6px;font-size:9px;color:#9d94aa}.result-card-seed{white-space:nowrap;font-weight:800;letter-spacing:.04em}.result-card-foil{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(115deg,#f42525,#f3ce16,#0df233,#16bcf3,#993df5,#f42a8f,#f42525 30%),repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 2px,transparent 2px 7px);background-size:300% 300%,auto;background-position:var(--mx) var(--my),0 0;mix-blend-mode:color-dodge;opacity:var(--foil-opacity);-webkit-mask-image:linear-gradient(180deg,#000 0 55%,#00000059 80%);mask-image:linear-gradient(180deg,#000 0 55%,#00000059 80%)}.result-card-glare{position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.6) 0%,rgba(255,255,255,.15) 25%,transparent 55%);mix-blend-mode:overlay}.result-card.capturing{transform:none;box-shadow:none}.result-card.capturing.legendary{background:linear-gradient(135deg,#ff4d4d,#ffb84d,#fff35c,#63ff8a,#4dd2ff,#8b6bff,#ff4dd8)}.result-card.capturing .result-card-foil{mix-blend-mode:normal;opacity:calc(var(--foil-opacity) + .15);background:linear-gradient(125deg,transparent 30%,rgba(255,255,255,.35) 38%,transparent 46%),linear-gradient(125deg,#ff6e6e52,#ffe15a52,#64ffa052,#5ac8ff52,#be6eff52 88%)}.result-card.capturing .result-card-glare{display:none}@keyframes card-reveal{0%{opacity:0;transform:rotateY(-120deg) scale(.7)}}@keyframes card-shimmer{0%,to{--mx: 20%;--my: 20%}50%{--mx: 80%;--my: 75%}}@keyframes border-spin{to{--border-angle: 360deg}}@keyframes twinkle{0%,to{opacity:0;scale:.4}50%{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.result-card,.result-card.legendary,.sparkle{animation:none}}.quiz-summary-overlay{z-index:var(--zi-quiz-game);animation:none}.quiz-summary{padding:28px;width:420px;max-width:92vw;max-height:92vh;overflow-y:auto;text-align:center}.quiz-summary-title{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--text-strong);margin:0 0 4px}.quiz-summary-mode{font-size:15px;color:var(--text-muted);margin:0 0 16px}.quiz-summary-rounds{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:24px}.round-indicator{display:inline-flex;align-items:center;justify-content:center;width:40px;height:28px;border-radius:8px;border:3px solid var(--outline);font-size:12px;color:#111}.round-indicator.perfect{background:#9be3b0}.round-indicator.partial{background:#ffe08a}.round-indicator.missed{background:#ffb3a8}.btn.quiz-summary-discord{display:block;width:100%;margin-bottom:8px;padding:10px 8px;background:#5865f2;color:#fff}.quiz-summary-actions{display:flex;gap:8px;justify-content:center}.quiz-summary-actions .btn{flex:1 1 0;min-width:0;padding:10px 8px}.settings-section{display:flex;align-items:start;flex-direction:column}.settings-section .section-text{margin-bottom:12px}.settings-section .section-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 16px;max-width:100%}@media screen and (max-width:760px){.settings-section .section-text{font-size:22px;margin-bottom:10px}.settings-section .section-content{gap:12px 10px}}.settings-container{display:flex;flex-direction:column;gap:18px;padding:4px 4px 12px;text-align:left}#social-container{position:fixed;z-index:var(--zi-quiz-button);display:flex;flex-direction:column;align-items:flex-start;gap:14px}#social-container.bottom{left:48px;top:40px}#social-container.left{right:48px;bottom:40px;align-items:flex-end}@media screen and (max-width:760px){#social-container{flex-direction:row;gap:8px}#social-container.bottom{left:16px;top:16px}#social-container.left{right:12px;bottom:12px}}.toast-button.nope{background-color:var(--accent)!important;color:var(--on-accent)!important}#analytics{translate:0 0;animation:drop-in var(--dur-slow) var(--ease-bounce) .6s backwards}:root,:root[data-theme=dark]{color-scheme:dark;--font-display: "Lilita One", sans-serif;--font-body: "Nunito", sans-serif;--outline: #000000;--accent: #e8392f;--on-accent: #ffffff;--app-bg: radial-gradient( ellipse 40% 35% at 50% 32%, rgba(214, 184, 120, .45) 0%, rgba(214, 184, 120, .1) 60%, rgba(214, 184, 120, 0) 100% ), radial-gradient(ellipse at 50% 38%, #3a3441 0%, #221e28 45%, #0e0c11 100%);--panel-bg: rgba(12, 10, 15, .94);--panel-bg-solid: #0e0c11;--surface: #17141b;--field: #26222c;--tile: #2f2a36;--dlc-tile-mix: 75%;--dlc-frame-opacity: .5;--dlc-frame-filter: brightness(1.7);--text: #f2eef7;--text-strong: #ffffff;--text-muted: #cfc8d8;--active-bg: #ffffff;--active-fg: #111111;--inactive-bg: #26222c;--inactive-fg: #f2eef7;--pill-bg: rgba(0, 0, 0, .65);--pill-fg: #ffffff;--pill-border: transparent;--pill-shadow: none;--pill-accent-bg: rgba(0, 0, 0, .65);--pill-accent-fg: #ffffff;--round-bg: #ffffff;--round-fg: #111111;--sticker-shadow: none;--sticker-shadow-lg: none;--selected-border: #ffffff;--selected-ring: none;--overlay: rgba(0, 0, 0, .6);--success: #4fb06d;--danger: #e8392f;--warning: #f5a623}:root[data-theme=light]{color-scheme:light;--accent: #d6301f;--app-bg: radial-gradient( ellipse at 50% 30%, #fff4d6 0%, #f0dfb8 35%, #d9c38f 70%, #e9d9b4 100% );--panel-bg: #ffffff;--panel-bg-solid: #ffffff;--surface: #ffffff;--field: #f6efe0;--tile: #f6efe0;--dlc-tile-mix: 40%;--dlc-frame-opacity: .3;--dlc-frame-filter: none;--text: #111111;--text-strong: #111111;--text-muted: #4d4330;--active-bg: #111111;--active-fg: #ffffff;--inactive-bg: #ffffff;--inactive-fg: #111111;--pill-bg: #ffffff;--pill-fg: #111111;--pill-border: #000000;--pill-shadow: 0 5px 0 #000000;--pill-accent-bg: var(--accent);--pill-accent-fg: #ffffff;--round-bg: #ffffff;--round-fg: #111111;--sticker-shadow: 0 4px 0 #000000;--sticker-shadow-lg: 0 5px 0 #000000;--selected-border: #000000;--selected-ring: 0 0 0 4px var(--accent);--overlay: rgba(60, 40, 10, .45);--success: #2f8f4e;--danger: #d6301f;--warning: #e07b00}.section-text{font-family:var(--font-display);font-size:26px;font-weight:400;color:var(--text-strong);margin-bottom:10px}.outlined-text{font-family:var(--font-display);font-weight:400;color:#fff;-webkit-text-stroke:10px var(--outline);paint-order:stroke fill;letter-spacing:1px}.outlined-text-sm{font-family:var(--font-display);font-weight:400;color:#fff;-webkit-text-stroke:6px var(--outline);paint-order:stroke fill}:root{--dim-docking-left-main-conatiner-width: clamp(200px, 50%, 500px);--dim-docking-bottom-main-conatiner-height: clamp(300px, 50%, 400px)}:root{--dur-fast: .15s;--dur-med: .25s;--dur-slow: .45s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--tap-transition: transform .1s ease, background-color var(--dur-fast) ease, color var(--dur-fast) ease, border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease}@media(prefers-reduced-motion:reduce){:root{--dur-fast: .01ms;--dur-med: .01ms;--dur-slow: .01ms}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes fade-up{0%{opacity:0;translate:0 12px}}@keyframes pop-in{0%{opacity:0;scale:.92;translate:0 16px}}@keyframes pop-out{to{opacity:0;scale:.95;translate:0 10px}}@keyframes drop-in{0%{opacity:0;translate:0 -24px}}@keyframes pick{40%{scale:.9}70%{scale:1.06}}@keyframes pulse{50%{scale:1.15}}@keyframes drawer-hidden-bottom{0%{translate:0 32px}}@keyframes drawer-hidden-left{0%{translate:-32px 0}}@keyframes drawer-normal-bottom{0%{translate:0 32px}}@keyframes drawer-normal-left{0%{translate:-32px 0}}@keyframes drawer-expanded-bottom{0%{translate:0 32px}}@keyframes drawer-expanded-left{0%{translate:-32px 0}}.toast-notification{position:fixed;top:10px;left:50%;transform:translate(-50%);background-color:var(--surface);color:var(--text);border:4px solid var(--outline);box-shadow:var(--sticker-shadow);padding:10px 16px;border-radius:16px;z-index:var(--zi-popup);opacity:0;translate:0 -16px;display:flex;flex-direction:row;transition:opacity var(--dur-med) var(--ease-out),translate var(--dur-slow) var(--ease-bounce);align-items:center;gap:12px;font-size:15px}.toast-notification.show{opacity:1;translate:0 0}.toast-notification.success{background-color:var(--success);color:#fff}.toast-notification .toast-button-container{display:flex;flex-direction:row;gap:8px}.toast-notification .toast-button-container .toast-button{border-radius:12px;background-color:var(--active-bg);color:var(--active-fg);border:3px solid var(--outline);display:flex;justify-content:center;align-items:center;min-width:64px;padding:4px 12px;font-size:16px;white-space:nowrap}.toast-notification .toast-button-container .toast-button:hover{filter:brightness(.92)}@media screen and (max-width:600px){.toast-notification{flex-direction:column;gap:8px;width:max-content;max-width:calc(100vw - 48px)}}.menu-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:14px;border:4px solid var(--pill-border);background:var(--pill-bg);box-shadow:var(--pill-shadow);color:var(--pill-fg);text-decoration:none;font-family:var(--font-display);font-size:22px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:var(--tap-transition)}.menu-pill:hover{transform:translateY(-2px)}.menu-pill:active{transform:translateY(2px)}.menu-pill.accent{background:var(--pill-accent-bg);color:var(--pill-accent-fg)}@media screen and (max-width:760px){.menu-pill{box-sizing:border-box;min-height:44px;padding:0 14px;font-size:17px}}@media screen and (max-width:760px){.quiz-button-mode{display:none}}.round-interactive{flex:0 0 auto;width:54px;height:54px;box-sizing:border-box;border-radius:50%;border:4px solid var(--outline);background:var(--round-bg);color:var(--round-fg);box-shadow:var(--sticker-shadow);display:flex;justify-content:center;align-items:center;padding:0;transition:var(--tap-transition)}.round-interactive svg{width:26px;height:26px}.round-interactive:hover{transform:translateY(-2px)}.round-interactive:active{transform:translateY(2px)}.round-interactive.accent{background:var(--accent);color:var(--on-accent)}@media screen and (max-width:760px){.round-interactive{width:48px;height:48px}.round-interactive svg{width:22px;height:22px}}.top-bar{display:flex;flex-direction:row;gap:5px;padding:4px 4px 0}.top-bar .filter-input{box-sizing:border-box;width:100%;height:44px;padding:0 20px;border-radius:22px;border:3px solid var(--outline);background:var(--field);color:var(--text);font-family:var(--font-body);font-weight:800;font-size:17px}.top-bar .filter-input::placeholder{color:var(--text-muted)}:root[data-theme=light] .top-bar .filter-input{border-width:4px}.dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;box-sizing:border-box;border-radius:50%;border:3px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);display:flex;align-items:center;justify-content:center;padding:0;z-index:1;transition:var(--tap-transition)}.dialog-close svg{width:20px;height:20px}.dialog-close:hover{background:var(--active-bg);color:var(--active-fg)}.dialog-close:active{transform:scale(.92)}.dialog{position:relative;box-sizing:border-box;background:var(--surface);color:var(--text);border:5px solid var(--outline);border-radius:28px;box-shadow:var(--sticker-shadow-lg);animation:pop-in var(--dur-slow) var(--ease-bounce)}.dialog-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in var(--dur-med) var(--ease-out)}.dialog-overlay.closing{pointer-events:none;animation:fade-out var(--dur-fast) ease-in forwards}.dialog-overlay.closing .dialog{animation:pop-out var(--dur-fast) ease-in forwards}.btn{padding:10px 24px;border-radius:14px;border:4px solid var(--outline);background:var(--inactive-bg);color:var(--inactive-fg);box-shadow:var(--sticker-shadow);font-size:20px;transition:var(--tap-transition)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(2px)}.btn.primary{background:var(--active-bg);color:var(--active-fg)}.btn.accent{background:var(--accent);color:var(--on-accent)}.btn.success{background:var(--success);color:#fff}body{margin:0;font-family:var(--font-body);font-weight:800;background:var(--app-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3{margin:unset}button{font-family:var(--font-display);font-weight:400;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}