@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";@font-face{font-family:Elsewhere;src:url(/fonts/Elsewhere_bold_prelim-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}:root{--primary: #4a90e2;--light-primary: #5ba0f2;--dark-primary: rgba(74, 144, 226);--grey: #666;--xsmall-c: clamp(2px, var(--xsmall), 8px);--small-c: clamp(4px, var(--small), 12px);--small-medium-c: clamp(8px, var(--small-medium), 14px);--small-medium-medium-c: clamp(12px, var(--small-medium-medium), 16px);--medium-c: clamp(14px, var(--medium), 18px);--medium-large-c: clamp(16px, var(--medium-large), 24px);--medium-large-large-c: clamp(18px, var(--medium-large-large), 32px);--large-c: clamp(24px, var(--large), 48px);--large-xlarge-c: clamp(32px, var(--large-xlarge), 56px);--large-xlarge-xlarge-c: clamp(48px, var(--large-xlarge-xlarge), 64px);--xlarge-c: clamp(56px, var(--xlarge), 92px);--xxlarge-c: clamp(64px, var(--xxlarge), 128px);--xxxlarge-c: clamp(92px, var(--xxxlarge), 156px)}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}#root{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:column}.full-screen{width:100dvw;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.primary-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--medium-large-c);overflow-y:auto}.row{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.col{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.l-row-p-col{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.l-col-p-row{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.space-between{justify-content:space-between}.flex-center{justify-content:center}.flex-start{justify-content:flex-start}.flex-end{justify-content:flex-end}.flex-1{flex:1;min-height:0;min-width:0}.flex-2{flex:2;min-height:0;min-width:0}.flex-3{flex:3;min-height:0;min-width:0}.flex-4{flex:4;min-height:0;min-width:0}.flex-5{flex:5;min-height:0;min-width:0}.flex-6{flex:6;min-height:0;min-width:0}.max-fill{max-width:100%;max-height:100%}.fill{width:100%;height:100%}.max-full-width{max-width:100%}.full-width,.l-full-width-p-full-height{width:100%}.half-width{width:50%}.third-width{width:33%}.quarter-width{width:25%}.max-full-height{max-height:100%}.full-height,.l-full-height-p-full-width{height:100%}.half-height{height:50%}.third-height{height:33%}.quarter-height{height:25%}.no-display{display:none}.hidden{visibility:hidden}.relative{position:relative}.abs-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-left{position:absolute;top:0%;left:0%}.top-center{position:absolute;top:0%;left:50%;transform:translate(-50%)}.top-right{position:absolute;top:0%;right:0%}.bot-left{position:absolute;bottom:0%;left:0%}.bot-center{position:absolute;bottom:0%;left:50%;transform:translate(-50%)}.bot-right{position:absolute;bottom:0%;right:0%}.center{text-align:center}.no-input{pointer-events:none}.input{pointer-events:auto}.scrollable{overflow-y:auto}.small-gap{gap:var(--small)}.small-gap-c{gap:var(--small-c)}.medium-gap{gap:var(--medium)}.medium-gap-c{gap:var(--medium-c)}.large-gap{gap:var(--large)}.large-gap-c{gap:var(--large-c)}.small-margin{margin:var(--small)}.small-margin-c{margin:var(--small-c)}.medium-margin{margin:var(--medium)}.medium-margin-c{margin:var(--medium-c)}.large-margin{margin:var(--large)}.large-margin-c{margin:var(--large-c)}.small-padding{padding:var(--small);box-sizing:border-box}.small-padding-c{padding:var(--small-c);box-sizing:border-box}.medium-padding{padding:var(--medium);box-sizing:border-box}.medium-padding-c{padding:var(--medium-c);box-sizing:border-box}.large-padding{padding:var(--large);box-sizing:border-box}.large-padding-c{padding:var(--large-c);box-sizing:border-box}.small-text{font-size:var(--small-medium)}.small-text-c{font-size:var(--small-medium-c)}.medium-text{font-size:var(--medium-large)}.medium-text-c{font-size:var(--medium-large-c)}.large-text{font-size:var(--large)}.large-text-c{font-size:var(--large-c)}.xl-text{font-size:var(--large-xlarge)}.xl-text-c{font-size:var(--large-xlarge-c)}.xxl-text{font-size:var(--xlarge)}.xxl-text-c{font-size:var(--xlarge-c)}.square-aspect-ratio{aspect-ratio:1}.card-aspect-ratio{aspect-ratio:256 / 415.5}@media(orientation:landscape){:root{--xsmall: .3dvh;--small: .6dvh;--small-medium: .9dvh;--small-medium-medium: 1.1dvh;--medium: 1.2dvh;--medium-large: 1.4dvh;--medium-large-large: 1.8dvh;--large: 2.4dvh;--large-xlarge: 3.6dvh;--large-xlarge-xlarge: 4.2dvh;--xlarge: 4.8dvh;--xxlarge: 6.9dvh;--xxxlarge: 9.6dvh}.l-no-display{display:none}.l-row-p-col.prefer-vertical{flex-direction:column}.l-col-p-row.prefer-horizontal{flex-direction:row}}@media(orientation:portrait){:root{--xsmall: .6dvw;--small: 1.1dvw;--small-medium: 1.7dvw;--small-medium-medium: 1.9dvw;--medium: 2.2dvw;--medium-large: 2.5dvw;--medium-large-large: 3.3dvw;--large: 4.4dvw;--large-xlarge: 6.7dvw;--large-xlarge-xlarge: 7.8dvw;--xlarge: 8.9dvw;--xxlarge: 12.8dvw;--xxxlarge: 17.8dvw}.l-row-p-col,.l-row-p-col.prefer-vertical{flex-direction:column}.l-col-p-row,.l-col-p-row.prefer-horizontal{flex-direction:row}.l-full-width-p-full-height{width:auto;height:100%}.l-full-height-p-full-width{width:100%;height:auto}.p-no-display{display:none}}body.mobile-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing!important}body.mobile-dragging *{pointer-events:none!important}body.mobile-dragging .mobile-stack{pointer-events:all!important}.login-error-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#1a1a1a;color:#fff;font-family:system-ui,-apple-system,sans-serif;padding:20px}.login-error-content{text-align:center;max-width:500px;width:100%;background:#ffffff0d;border-radius:16px;padding:40px 30px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1)}.error-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.error-title{font-size:28px;font-weight:700;margin:0 0 15px;color:#fff}.error-message{font-size:18px;color:#ff6b6b;margin:0 0 25px;font-weight:500}.error-details{margin-bottom:30px;color:#ffffffb3;line-height:1.5}.error-details p{margin:8px 0;font-size:14px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.retry-button{background:#5a8fbf;color:#fff;border:none;padding:12px 32px;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #5a8fbf4d;text-transform:uppercase;letter-spacing:.5px}.retry-button.secondary{background:#ffffff1a;box-shadow:0 4px 12px #ffffff1a}.retry-button.secondary:hover{background:#ffffff26;box-shadow:0 6px 16px #ffffff26}.retry-button:active{transform:translateY(0);box-shadow:0 2px 8px #5a8fbf4d}@media(max-width:768px){.login-error-content{padding:30px 20px}.error-icon{font-size:48px}.error-title{font-size:24px}.error-message{font-size:16px}.error-details p{font-size:13px}.retry-button{padding:10px 28px;font-size:15px}}.currency-display-bar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);z-index:10;box-sizing:border-box;flex-shrink:0;position:relative}.currency-display-content{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center}.currency-display-content.discord-activity-spacing{margin-top:48px}.currency-display-back-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.currency-display-back-button:hover{background:#fff3;transform:translateY(-2px)}.currency-pills-container{display:flex;gap:.75rem;margin-left:auto;align-items:center}.currency-pill{display:flex;align-items:center;gap:.5rem;background:#000c;border:2px solid rgba(255,255,255,.2);border-radius:9999px;padding:.5rem 1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000004d}.currency-emoji{font-size:1.25rem;line-height:1}.currency-amount{font-size:1rem;font-weight:600;color:#fff;font-family:system-ui,-apple-system,sans-serif}.currency-reward-animation{position:absolute;top:100%;right:1rem;margin-top:1rem;font-size:1.5rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);animation:rewardFloat 1.5s ease-out forwards;pointer-events:none}.currency-reward-animation.currency-spend{color:#ff6b6b}@keyframes floatUp{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}0%,40%{transform:translateY(10px)}to{transform:translateY(-60px)}}@media(max-width:768px){.currency-display-bar{padding:0 .75rem}.currency-display-back-button{padding:.375rem 1rem;font-size:.875rem}.currency-pills-container{gap:.5rem}.currency-pill{padding:.375rem .75rem;gap:.375rem}.currency-emoji{font-size:1rem}.currency-amount{font-size:.875rem}.currency-reward-animation{font-size:1.25rem;right:.75rem}.avatar-button{width:36px;height:36px;font-size:1rem}}@media(max-width:896px)and (orientation:landscape){.currency-display-bar{padding:0 .5rem}.currency-display-back-button{padding:.25rem .875rem;font-size:.875rem}.currency-pill{padding:.25rem .625rem}.currency-emoji{font-size:.875rem}.currency-amount{font-size:.75rem}.currency-reward-animation{right:.5rem}.avatar-button{width:32px;height:32px;font-size:.875rem}}.currency-pill.clickable{cursor:pointer;transition:all .2s ease}.currency-pill.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006;border-color:#fff6}.avatar-button{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #0000004d;text-transform:uppercase;overflow:hidden}.avatar-button.has-image{background-repeat:no-repeat;background-color:transparent}.avatar-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #0006;border-color:#ffffff80}.currency-explanation-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:u_fadeIn .2s ease-out;padding:1rem;overflow:auto}.currency-explanation-dialog{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;box-shadow:0 20px 40px #00000080;animation:currency-explanation-slideUp .3s ease-out;margin:auto;display:flex;flex-direction:column}.currency-explanation-content{padding:2rem;overflow-y:auto;flex:1}@keyframes currency-explanation-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.currency-explanation-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.currency-explanation-text{font-size:1rem;line-height:1.6;color:#ffffffe6;margin:0 0 1.5rem;padding:0;list-style:none}.currency-explanation-text li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#ffffffd9}.currency-explanation-text li:last-child{margin-bottom:0}.currency-explanation-text li:before{content:"•";position:absolute;left:0;color:#ffd700cc;font-size:1.2rem;line-height:1.3}.currency-explanation-text li b{color:#fff;font-weight:600}.currency-explanation-close{background:#ffffff1a;border:none;border-top:2px solid rgba(255,255,255,.1);color:#fff;padding:1rem 1.5rem;border-radius:0 0 14px 14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;flex-shrink:0}.currency-explanation-close:hover{background:#fff3}@media(max-height:600px){.currency-explanation-dialog{max-height:85vh}.currency-explanation-content{padding:1.5rem}.currency-explanation-title{font-size:1.25rem;margin-bottom:.75rem}.currency-explanation-text{font-size:.9rem}.currency-explanation-text li{margin-bottom:.5rem}}.scrolling-background{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.scrolling-background:before{content:"";position:absolute;inset:-1024px;background-image:url(/images/collection/main-menu-background.png);background-repeat:repeat;background-size:1024px 1024px;filter:hue-rotate(var(--hue, 0deg)) brightness(var(--brightness, 1));animation:scrollBackground var(--duration, 50s) linear infinite;transition:filter .5s ease-in-out}@keyframes scrollBackground{0%{transform:translate(0)}to{transform:translate(-1024px,-1024px)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--text-xs: clamp(.75rem, .7rem + .25vmin, .875rem);--text-sm: clamp(.875rem, .8rem + .375vmin, 1rem);--text-base: clamp(1rem, .9rem + .5vmin, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vmin, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vmin, 1.5rem);--space-xs: clamp(.25rem, .2rem + .25vmin, .5rem);--space-sm: clamp(.5rem, .4rem + .5vmin, .75rem);--space-md: clamp(.75rem, .6rem + .75vmin, 1rem);--space-lg: clamp(1rem, .8rem + 1vmin, 1.5rem);--space-xl: clamp(1.5rem, 1.2rem + 1.5vmin, 2rem);--pack-size: clamp(6rem, min(60vw, 25vh), 20rem);--mini-pack-size: clamp(1.5rem, 5vmin, 2.5rem);--indicator-height: clamp(1.5rem, 5vmin, 2.5rem);--indicator-width: clamp(8rem, 25vmin, 12rem);--nav-height: clamp(2rem, 6vmin, 3rem)}.main-page{width:100dvw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#1a1a2e}.main-page-container{display:flex;flex-direction:column;gap:var(--space-xl)}@media(max-height:990px)and (min-width:596px){.main-page-container{flex-direction:row}}.main-page-buttons-container{display:flex;flex-direction:column;gap:var(--space-xl)}.content-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);position:relative;z-index:1;flex:1}@media(max-height:990px)and (min-width:596px){.content-container{flex:unset}}.pack-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl)}.nav-button,.primary-button,.booster-pack-container{-webkit-tap-highlight-color:transparent}.booster-pack-container{position:relative;cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;-webkit-user-select:none;user-select:none}.booster-pack-container:hover:not(.disabled){transform:scale(1.05)}.booster-pack-container.hovered:not(.disabled){animation:bounceIn .4s ease-out}@keyframes bounceIn{0%{transform:perspective(1000px) scale(1)}40%{transform:perspective(1000px) scale(1.15)}60%{transform:perspective(1000px) scale(.95)}80%{transform:perspective(1000px) scale(1.08)}to{transform:perspective(1000px) scale(1.05)}}.booster-pack-container.pressed:not(.disabled){transform:scale(1.1)}.booster-pack{width:var(--pack-size);height:auto;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));position:relative;z-index:2;pointer-events:none;max-height:100%;max-width:100%;object-fit:contain}.booster-pack-hand-container{position:relative}.booster-pack-hand{position:absolute;top:43%;left:87%;height:33%;object-fit:cover;aspect-ratio:1;pointer-events:none;animation:booster-pack-hand-opacity 2s ease-in-out infinite alternate,booster-pack-hand-position 4s step-end infinite}@keyframes booster-pack-hand-opacity{0%,50%{translate:-50% 0%;opacity:0}75%,to{translate:-50% -50%;opacity:1}}@keyframes booster-pack-hand-position{0%,45%,55%{object-position:0%}40%,50%{object-position:100%}}.pack-glow{position:absolute;top:calc(var(--space-md) * -1);left:calc(var(--space-md) * -1);right:calc(var(--space-md) * -1);bottom:calc(var(--space-md) * -1);background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);border-radius:var(--space-md);z-index:1;opacity:0;transition:opacity .3s ease;pointer-events:none}.booster-pack-container:hover:not(.disabled) .pack-glow{opacity:1}.pack-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.3) 50%,transparent 60%);z-index:3;pointer-events:none;opacity:0;transition:opacity .3s ease;overflow:hidden;border-radius:calc(var(--space-sm) / 2)}.booster-pack-container:hover:not(.disabled) .pack-shine{opacity:1;animation:shine .8s ease-in-out}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.booster-pack-container.disabled{cursor:not-allowed}.booster-pack-container.disabled .booster-pack{filter:grayscale(100%) brightness(.6) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.booster-pack-container.disabled:hover{animation:none}.pack-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);flex-shrink:0}.pack-indicator{display:flex;align-items:center;gap:var(--space-sm)}.mini-packs{display:flex;gap:calc(var(--space-xs) * -1);flex-shrink:0}.mini-pack{width:var(--mini-pack-size);height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mini-pack:nth-child(2){margin-left:var(--space-xs)}.pack-count{color:#fff;font-weight:700;font-size:var(--text-lg);margin-left:var(--space-xs);display:flex;align-items:center}.indicator-bar{height:var(--indicator-height);width:var(--indicator-width);background:#0006;border-radius:var(--indicator-height);border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden;flex:1;min-width:0}.pack-indicator.no-packs .mini-packs{display:none}.indicator-bar-fill{position:absolute;inset:0;width:var(--progress, 0);background:linear-gradient(90deg,#4a9d5f,#6bbb5a);border-radius:inherit;transition:width .3s ease}.open-text{color:#fff;font-size:var(--text-base);font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.primary-buttons{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:25rem;flex-shrink:0}.primary-button{height:calc(var(--nav-height) * 1.5);padding:0 var(--space-xl);display:flex;align-items:center;justify-content:center;background:#5a8fbf;color:#fff;text-decoration:none;font-size:var(--text-lg);font-weight:700;border-radius:calc(var(--nav-height) * .75);transition:all .2s ease;position:relative;white-space:nowrap;box-shadow:0 4px 8px #0000004d;min-width:18rem}.primary-button.breeding{background:linear-gradient(135deg,#667eea,#764ba2);min-width:20rem}.primary-button.collection{background:linear-gradient(135deg,#f093fb,#f5576c);height:calc(var(--nav-height) * 1.3);font-size:var(--text-base);font-weight:600;min-width:16rem;padding:0 var(--space-lg)}.primary-button:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 6px 12px #0006}.primary-button:active:not(.disabled){transform:translateY(-1px)}.primary-button.disabled{background:#666;opacity:.7;cursor:not-allowed}.primary-button.disabled:hover .breeding-tooltip{opacity:1}.nav-buttons{grid-row:2;display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;align-items:center;padding:var(--space-md);position:relative;z-index:2;width:100%}.nav-row{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;width:100%;max-width:50rem}.nav-button{height:var(--nav-height);padding:0 var(--space-lg);display:flex;align-items:center;justify-content:center;background:#5a8fbf;color:#fff;text-decoration:none;font-size:var(--text-sm);font-weight:600;border-radius:var(--nav-height);transition:transform .2s ease,box-shadow .2s ease;position:relative;white-space:nowrap;min-width:0;box-shadow:0 2px 4px #0003}.nav-button.vote,.nav-button.challenges,.nav-button.surveys{background:#8f5fbf}.nav-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.nav-button:active{transform:translateY(0)}.nav-button.disabled{background:#666;opacity:.7;cursor:not-allowed}.vote-badge{position:absolute;top:calc(var(--space-xs) * -1);right:calc(var(--space-xs) * -1);background:#f44;color:#fff;font-size:var(--text-xs);font-weight:700;padding:var(--space-xs) calc(var(--space-xs) * 2);border-radius:1em;min-width:1.25em;text-align:center;box-shadow:0 2px 4px #0000004d}.breeding-tooltip{position:absolute;bottom:calc(100% + var(--space-sm));left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--space-xs);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:10}.nav-button.disabled:hover .breeding-tooltip{opacity:1}.breeding-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:var(--space-xs) solid transparent;border-top-color:#000000e6}@media(max-height:500px){:root{--mini-pack-size: clamp(1rem, 4vmin, 2rem);--indicator-height: clamp(1.25rem, 4vmin, 2rem);--nav-height: clamp(1.75rem, 5vmin, 2.5rem)}.content-container{gap:var(--space-md)}.main-page .nav-buttons{margin:0;padding:var(--space-sm)}.nav-buttons{gap:var(--space-xs)}}@media(max-height:350px){.content-container{flex-direction:row;gap:var(--space-xl)}.pack-info{gap:var(--space-xs)}.open-text{font-size:var(--text-xs)}}@media(max-width:640px){.nav-button{font-size:var(--text-xs);padding:0 var(--space-md)}}@media(hover:none){.nav-button:active{transform:scale(.95)}}@media(hover:none)and (pointer:coarse){.booster-pack-container.pressed:not(.disabled){transform:scale(1.1)!important}.pack-glow{opacity:.5}}.main-page>div[style*="position: fixed"]{font-size:var(--text-xs)!important;padding:var(--space-xs) var(--space-sm)!important;z-index:100}.leaderboard-page{width:100dvw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative}.leaderboard-container{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;width:100%;z-index:1;-webkit-overflow-scrolling:touch;pointer-events:auto;overscroll-behavior:contain}.leaderboard-content-wrapper{max-width:1200px;width:100%;margin:0 auto;padding:2rem}@media(max-width:768px){.leaderboard-content-wrapper{padding:.25rem}}.page-title{text-align:center;font-size:3rem;color:#fff;margin-bottom:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.leaderboard-content{display:flex;flex-direction:column;gap:3rem;padding-bottom:2rem}.leaderboard-section{background:#0009;border-radius:1rem;padding:2rem;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leaderboard-section>h2{font-size:1.8rem;color:#fff;margin-bottom:1.5rem;text-align:center}.leaderboard-table{width:100%;border-collapse:collapse;font-size:1.1rem}.leaderboard-table thead{background:transparent;color:#fff;border-bottom:2px solid rgba(255,255,255,.3)}.leaderboard-table th{padding:1rem;text-align:left;font-weight:700}.leaderboard-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}.leaderboard-table tbody tr:hover{background-color:#ffffff1a}.leaderboard-table td{padding:.875rem 1rem;max-width:90px;color:#fff}.rank-cell{font-weight:700;color:#fff;width:80px}.name-cell{color:#fff}.count-cell{font-weight:600;color:#fff;text-align:right}.workflow-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:2rem 0}.workflow-modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:1rem;padding:2rem;max-width:800px;width:100%;margin:auto 2rem;position:relative;box-shadow:0 10px 40px #00000080}.workflow-modal-content h2{color:#fff;font-size:1.8rem;margin:0 0 1.5rem;text-align:center}.workflow-modal-content h3{color:#fff;font-size:1.3rem;margin:1.5rem 0 1rem}.modal-close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.modal-close-button:hover{background:#ffffff1a}.workflow-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.workflow-stat{background:#ffffff0d;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.workflow-stat .stat-label{color:#ffffffb3;font-size:.9rem;text-align:center}.workflow-stat .stat-value{color:#fff;font-size:1.5rem;font-weight:700}.workflow-followup-stats{background:#ffffff0d;padding:1.5rem;border-radius:.5rem}.followup-section{display:flex;flex-direction:column;gap:1rem}.followup-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff0d;border-radius:.375rem}.followup-stat .stat-label{color:#ffffffb3;font-size:.95rem}.followup-stat .stat-value{color:#fff;font-size:1.1rem;font-weight:600}.feedback-texts{margin-top:1.5rem}.feedback-item{background:#ffffff08;padding:.75rem;border-radius:.375rem;color:#ffffffe6;font-size:.9rem;font-style:italic;margin-bottom:.5rem;border-left:3px solid rgba(255,255,255,.2)}@media(max-width:768px){.workflow-stats-grid{grid-template-columns:repeat(2,1fr)}.workflow-modal-content{padding:1.5rem}}.no-entries{text-align:center;font-size:1.2rem;color:#ffffffb3;padding:2rem;font-style:italic}.loading-state,.error-state{background:#0009;border-radius:1rem;padding:3rem;text-align:center;margin:3rem 0;box-shadow:0 8px 24px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-state p,.error-state p{font-size:1.2rem;color:#fff;margin-bottom:1rem}.retry-button{background:#5a8fbf;color:#fff;border:none;padding:.75rem 2rem;border-radius:2rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #5a8fbf4d}.retry-button:hover{background:#4a7fa9;transform:translateY(-2px);box-shadow:0 6px 16px #5a8fbf66}@media(max-width:768px){.page-title{font-size:2rem;margin-bottom:2rem}.leaderboard-container{padding:1rem}.leaderboard-content{gap:2rem}.leaderboard-section{padding:1.5rem 1rem}.leaderboard-section>h2{font-size:1.5rem;margin-bottom:1rem}.leaderboard-table{font-size:.9rem}.leaderboard-table th,.leaderboard-table td{padding:.5rem}.rank-cell{width:60px}}@media(max-width:896px)and (orientation:landscape){.page-title{font-size:2rem;margin-bottom:1.5rem}.leaderboard-content{gap:1.5rem}.leaderboard-section{padding:1.25rem}.leaderboard-section>h2{font-size:1.4rem;margin-bottom:.75rem}}@media(orientation:landscape)and (max-width:1024px){.leaderboard-page{margin-left:64px;margin-right:64px;margin-bottom:15px;width:calc(100% - 128px);height:calc(100vh - 15px)}.leaderboard-container{height:100%}}.leaderboard-toggle{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}@media(max-width:768px){.leaderboard-toggle{gap:.5rem}}.toggle-pill{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#ffffffb3;padding:.75rem 2rem;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toggle-pill:hover{background:#ffffff26;color:#fff}.toggle-pill.active{background:#5a8fbfcc;border-color:#5a8fbf;color:#fff;transform:scale(1.05)}.toggle-pill.active:hover{background:#5a8fbfe6}.category-toggle{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.gen1-toggle-container{display:flex;justify-content:center;margin-bottom:2rem}.gen1-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:.5rem 1.5rem;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem}.checkbox-indicator{font-size:1.2rem;display:inline-flex;align-items:center}.gen1-pill:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.gen1-pill.active{background:#5a8fbfcc;border-color:#5a8fbfe6;color:#fff;box-shadow:0 4px 16px #5a8fbf66}.gen1-pill.active:hover{background:#5a8fbfe6}.category-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff9;padding:.5rem 1.25rem;border-radius:1.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.category-pill:hover{background:#ffffff1a;color:#fffc}.category-pill.active{background:#ff69b4b3;border-color:#ff69b4;color:#fff}.category-pill.active:hover{background:#ff69b4cc}.leaderboard-generation-section{max-width:100%}.leaderboard-generation-section>h2{font-size:2rem;margin-bottom:2rem}.generation-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.generation-table-container{background:#ffffff0d;border-radius:.75rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.generation-table-container h3{color:#fff;font-size:1.3rem;margin-bottom:1rem;text-align:center;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.2)}.generation-table{font-size:.95rem}.generation-table th{padding:.75rem;font-size:.9rem}.generation-table td{padding:.625rem .75rem;max-width:90px}.generation-table .rank-cell{width:60px}.generation-table .count-cell{width:80px}@media(max-width:768px){.generation-tables{grid-template-columns:1fr;gap:1.5rem}.generation-table-container{padding:1rem}.generation-table-container h3{font-size:1.1rem}.generation-table{font-size:.85rem}.generation-table th,.generation-table td{padding:.5rem}}.creature-leaderboard{display:flex;flex-direction:column;gap:3rem}.creature-section>h2{font-size:2rem;margin-bottom:2rem}.creature-rankings{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.creature-ranking-group h3{color:#fff;font-size:1.3rem;margin-bottom:1.5rem;text-align:center;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.2)}.creature-cards{display:flex;flex-direction:column;gap:1.5rem}.creature-entry{display:flex;align-items:center;justify-content:center;gap:1rem;background:#ffffff0d;border-radius:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.creature-entry:hover{background:#ffffff14;transform:translateY(-2px)}.creature-rank{font-size:1.5rem;font-weight:700;color:#fff;min-width:50px;text-align:center}.creature-discoverer{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.discovered-by{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.discoverer-name{font-size:.95rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.hidden-discoverer{visibility:hidden}.card-and-info-container{display:flex;flex-direction:column;gap:var(--medium-c);align-items:center;max-width:100%;max-height:100%;width:192px}.exp-img-card{width:160px;height:160px;border-radius:8px;overflow:hidden;background:#fff;padding:8px;box-shadow:0 4px 8px #0000004d}.exp-img-card img{width:100%;height:100%;object-fit:contain}.variant-modal-content{background:#1e1e28fa;border-radius:12px;padding:2rem;max-width:800px;width:90%;position:relative;margin:auto 2rem}.variant-modal-image{width:100%;max-width:500px;margin:0 auto 2rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 20px #00000080}.variant-modal-image img{width:100%;height:auto;display:block;object-fit:contain}@media(max-width:1024px){.card-and-info-container .responsive-card{width:128px}}@media(max-width:768px){.creature-rankings{grid-template-columns:1fr;gap:2rem}.creature-entry{padding:.75rem;gap:.75rem}.creature-rank{font-size:1.25rem;min-width:35px}.discovered-by{font-size:.7rem}.discoverer-name{font-size:.85rem;max-width:120px}.toggle-pill{padding:.6rem 1.5rem;font-size:.9rem}.category-pill{padding:.4rem 1rem;font-size:.85rem}.category-toggle{gap:.5rem;margin-bottom:1.5rem}}@media(max-width:480px){.creature-entry{flex-wrap:wrap;justify-content:center;text-align:center;padding:1rem .5rem}.creature-rank{width:100%;margin-bottom:.5rem}.creature-discoverer{width:100%;margin-top:.5rem;margin-left:0;text-align:center}.discoverer-name{max-width:none}}.challenges-v3-leaderboard-container{display:flex;flex-direction:column;gap:2em;padding-top:2em}.leaderboard-title{font-size:clamp(1.2rem,-.4rem + 5.3333vw,2.6rem);font-weight:900;text-align:center;white-space:nowrap}.leaderboard-title span{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(251,191,36,.3)}.scoring-info{background:#ffffff0d;border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:20px;max-width:800px;margin:0 auto}.scoring-info h3{color:#fbbf24;margin-bottom:12px;font-size:18px;font-weight:700}.scoring-details{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;font-size:14px;color:#e0e0e0}.scoring-details span{background:#ffffff14;padding:8px 12px;border-radius:8px;font-weight:600}.sweep-bonus-info{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#fff!important;font-weight:900!important;box-shadow:0 4px 8px #fbbf244d}.challenges-v3-leaderboard-container .leaderboard-section{overflow-x:auto}.challenges-v3-leaderboard-container .leaderboard-section,.challenges-v3-leaderboard-container .recent-sweeps-section,.challenges-v3-leaderboard-container .current-period-section{margin-bottom:40px}.section-title{font-size:28px;font-weight:900;color:#fbbf24;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.leaderboard-table-wrapper{overflow-x:auto;background:#ffffff08;border-radius:12px;border:2px solid rgba(251,191,36,.2)}.v3-leaderboard-table{width:100%;border-collapse:collapse;color:#e0e0e0}.v3-leaderboard-table thead{background:#fbbf2426}.v3-leaderboard-table th{padding:16px 12px;text-align:left;font-weight:700;color:#fbbf24;border-bottom:2px solid rgba(251,191,36,.3);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.v3-leaderboard-table td{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle;max-width:32dvw}.v3-leaderboard-table tr:hover{background:#fbbf2414}.v3-leaderboard-table tr.rank-1{background:linear-gradient(90deg,rgba(255,215,0,.15),transparent)}.v3-leaderboard-table tr.rank-2{background:linear-gradient(90deg,rgba(192,192,192,.15),transparent)}.v3-leaderboard-table tr.rank-3{background:linear-gradient(90deg,rgba(205,127,50,.15),transparent)}.rank-cell{font-weight:900;font-size:18px;color:#fbbf24}.name-cell{font-weight:700;color:#fff}.points-cell{font-weight:900;font-size:20px;color:#fbbf24}.points-label{font-size:12px;color:#999;margin-left:4px}.sweeps-cell{font-weight:700}.sweep-icon{margin-right:4px}.rewards-cell span{margin-right:12px}.rewards-cell span:last-child{margin-right:0}.sweeps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.sweep-card{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:16px;transition:all .2s ease}.sweep-card:hover{border-color:#fbbf2480;box-shadow:0 4px 12px #fbbf2433;transform:translateY(-2px)}.sweep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sweep-header .player-name{font-weight:900;font-size:16px;color:#fbbf24}.sweep-header .time-ago{font-size:12px;color:#999}.sweep-details .challenge-title{font-weight:600;color:#e0e0e0;margin-bottom:8px}.sweep-stats{display:flex;gap:8px}.stat-badge{background:#ffffff1a;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700}.stat-badge.points{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.stat-badge.cards{color:#a78bfa}.period-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.period-stat-card{background:#ffffff0d;border:2px solid rgba(167,139,250,.3);border-radius:12px;padding:20px;transition:all .2s ease}.period-stat-card:hover{border-color:#a78bfa80;box-shadow:0 4px 12px #a78bfa33}.stat-card-header{display:flex;flex-direction:column;align-items:flex-start;gap:.75em}.stat-card-header h3{font-size:18px;font-weight:700;color:#fff}.npc-badge{background:#a78bfa33;color:#c4b5fd;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.stat-card-body .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.stat-card-body .stat-row:last-child{border-bottom:none}.stat-card-body .stat-label{color:#999;font-size:14px}.stat-card-body .stat-value{font-weight:700;color:#fff;font-size:14px}.stat-card-body .sweep-value{color:#fbbf24}.loading,.error-state,.no-entries{text-align:center;padding:60px 20px;color:#999;font-size:18px}.error-state{color:#ef4444}@media(max-width:768px){.scoring-info{padding:16px}.scoring-details{font-size:12px;gap:8px}.scoring-details span{padding:6px 10px}.section-title{font-size:22px}.mobile-hide{display:none}.v3-leaderboard-table th,.v3-leaderboard-table td{padding:12px 8px;font-size:13px}.points-cell{font-size:16px}.sweeps-grid,.period-stats-grid{grid-template-columns:1fr}}.batch-badge{display:inline-block;padding:.15em .6em;background:#6496ff33;border:1px solid rgb(100 150 255 / .5);border-radius:.6em;font-size:.75em}.badges-row{display:flex;gap:.5em;align-items:center;flex-wrap:wrap}.batch-name{font-size:.85em;opacity:.8;padding:.25em 0}.responsive-card{width:100%;aspect-ratio:256 / 415.5;container-type:inline-size;display:flex;justify-content:center;align-items:center;flex-shrink:1;min-width:0;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1;cursor:pointer;transition:z-index 0s;max-height:100%;max-width:100%;overflow:visible}.responsive-card-interaction-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:visible}.responsive-card-interaction-wrapper[data-hoverable=true]:hover,.responsive-card.label-selector-active .responsive-card-interaction-wrapper[data-hoverable=true]{transform:scale(1.1)}.responsive-card.seen-not-owned{filter:brightness(.3);cursor:pointer}.responsive-card.seen-not-owned:hover{z-index:10}.responsive-card.unseen{opacity:.8;filter:grayscale(.5);cursor:default}.responsive-card:not(.unseen):not(.seen-not-owned):hover,.responsive-card.label-selector-active:not(.unseen):not(.seen-not-owned){z-index:10}.responsive-count-badge{position:absolute;top:0;left:0;width:26cqi;height:26cqi;border-radius:10cqi 0;display:flex;align-items:center;justify-content:center;font-family:Open Sans,sans-serif;font-weight:700;font-size:10cqi;color:#fff;background-color:var(--rarity-color, var(--rarity-0-color))}.generating-card-text{font-family:Open Sans,sans-serif;font-weight:700;color:#fff;animation:generating-pulse 1.5s ease-in-out infinite;text-shadow:0 0 .5em rgba(0,0,0,.8)}.generating-card-text-small{font-size:.7em;line-height:1.2;display:block;overflow:hidden;text-overflow:clip;-webkit-line-clamp:unset}.generating-card-progress-bar{width:100%;height:16px;background:#0006;border-radius:8px;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;margin-top:16px}.generating-card-progress-bar-fill{position:absolute;top:0;left:0;height:100%;width:var(--progress, 0);background:linear-gradient(90deg,#4a9d5f,#6bbb5a);border-radius:inherit;transition:width .3s ease}.responsive-card-content{width:100%;height:100%;position:relative;border-radius:10cqi;overflow:hidden;background-color:var(--rarity-color, var(--rarity-0-color));box-shadow:0 5cqi 7cqi #00000080;cursor:grab;user-select:none;-webkit-user-select:none;contain:layout style paint;transition:opacity .15s ease-out}.responsive-card-content[data-rarity="0"]{--rarity-color: var(--rarity-0-color);--rarity-light: var(--rarity-0-light);--rarity-dark: var(--rarity-0-dark)}.responsive-card-content[data-rarity="1"]{--rarity-color: var(--rarity-1-color);--rarity-light: var(--rarity-1-light);--rarity-dark: var(--rarity-1-dark)}.responsive-card-content[data-rarity="2"]{--rarity-color: var(--rarity-2-color);--rarity-light: var(--rarity-2-light);--rarity-dark: var(--rarity-2-dark)}.responsive-card-content[data-rarity="3"]{--rarity-color: var(--rarity-3-color);--rarity-light: var(--rarity-3-light);--rarity-dark: var(--rarity-3-dark)}.responsive-card-content.interacting{cursor:grabbing}.responsive-card-image-section{width:100%;aspect-ratio:1;position:absolute;top:0;left:0;border-radius:10cqi 10cqi 25cqi 25cqi;overflow:hidden;background-color:var(--rarity-dark, var(--rarity-0-dark))}.creature-card-image{width:100%;height:100%;position:relative;overflow:hidden}.responsive-card-creature-image{width:100%;height:100%;object-fit:cover;position:relative;-webkit-user-drag:none;user-drag:none;pointer-events:none;border:4cqi solid var(--rarity-light, var(--rarity-0-light));border-radius:10cqi 10cqi 25cqi 25cqi;overflow:clip;color:transparent;font-size:0}.responsive-card-masked-image>.creature-card-image{position:absolute;inset:0}.responsive-card-masked-image>.creature-card-image img{-webkit-mask-image:conic-gradient(from var(--conicAngle, 0deg),transparent,black);mask-image:conic-gradient(from var(--conicAngle, 0deg),transparent,black);animation:imgOpacity .5s ease-in-out alternate infinite}.responsive-card-masked-image>.creature-card-image:nth-child(2) img{background-color:var(--rarity-dark, var(--rarity-0-dark));-webkit-mask-image:conic-gradient(from var(--conicAngle, 0deg),black,transparent);mask-image:conic-gradient(from var(--conicAngle, 0deg),black,transparent);animation-delay:.5s}@keyframes imgOpacity{0%{opacity:.5}to{opacity:1}}.responsive-generation-badge{position:absolute;top:93cqi;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2cqi;padding:4cqi 8cqi;color:#fff;background-color:var(--rarity-dark);border-radius:calc(infinity * 1px);border:max(1px,2cqi) solid var(--rarity-light);font-family:Open Sans,sans-serif;font-weight:700;white-space:nowrap;font-size:12cqi}.responsive-gen-icon{width:14cqi;height:14cqi}.responsive-gen-number{font-size:14cqi;line-height:1}.responsive-gen-suffix{font-size:12cqi;line-height:1;margin-left:-1.5cqi}.responsive-card-name-section{position:absolute;top:114cqi;left:0;right:0;padding:8cqi;text-align:center}.responsive-card-name{margin:0;font-family:Open Sans,sans-serif;font-weight:700;font-size:12cqi;color:#fff;text-shadow:0 0 .5em rgba(0,0,0,.8);line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5em}.responsive-card-name[data-size=medium-name]{font-size:10cqi}.responsive-card-name[data-size=long-name]{font-size:8cqi}.responsive-card-name[data-size=very-long-name]{font-size:6cqi;line-height:1.2}.responsive-artists-section{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;padding:2cqi 4cqi;display:flex;align-items:center;justify-content:center;gap:2cqi}.responsive-artists-icon{width:6cqi;height:6cqi;filter:grayscale(1) brightness(.5)}.responsive-artists-icon.ai{filter:none}.responsive-artists-text{font-family:Open Sans,sans-serif;font-weight:700;font-size:5cqi;color:#8d8d8d;text-align:center;white-space:nowrap}.responsive-artists-text[data-size=long-artists-text]{font-size:4cqi}.responsive-card.label-selector-active{z-index:2000;position:relative}.responsive-card.label-selector-active .responsive-card-interaction-wrapper{position:relative;border-radius:10cqi;box-shadow:0 0 30px #64c8ff80,0 0 60px #64c8ff4d}.responsive-card.label-selector-active .responsive-card-interaction-wrapper:before{content:"";position:absolute;inset:-6px;border-radius:10cqi;padding:3px;background:linear-gradient(45deg,#0ff,#f0f,#ff0,#0ff);background-size:300% 300%;animation:gradientShift 3s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.responsive-card-bandmask{position:absolute;padding:1cqi;left:18%;top:82%;min-width:80cqi;text-transform:uppercase;font-weight:700;background-color:#f007;font-size:7cqi;text-align:center;color:#fffc;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 5cqi #000}.responsive-card-favorite-icon-button,.responsive-card-favorite-icon-indicator{position:absolute;top:-13cqi;right:-16cqi;width:36cqi;height:36cqi;padding:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center;z-index:100}.responsive-card-favorite-icon-indicator.small{top:-9cqi;right:-10cqi;width:24cqi;height:24cqi}.collection-card-favorite-icon-button,.collection-card-favorite-icon-indicator{position:absolute;top:-18px;right:-18px;width:72px;height:72px;padding:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center;z-index:100}.collection-card-favorite-icon-indicator.small{top:-12px;right:-12px;width:48px;height:48px}.responsive-card-favorite-icon-button,.collection-card-favorite-icon-button{cursor:pointer;transition:transform .1s,opacity .2s;pointer-events:auto}.responsive-card-favorite-icon-button:hover:not(:disabled),.collection-card-favorite-icon-button:hover:not(:disabled){transform:scale(1.1)}.responsive-card-favorite-icon-button:disabled,.collection-card-favorite-icon-button:disabled{cursor:not-allowed;opacity:.5}.responsive-card:hover .responsive-card-favorite-icon-button[data-show-on-hover=true]:disabled,.collection-card:hover .collection-card-favorite-icon-button[data-show-on-hover=true]:disabled,.responsive-card.label-selector-active .responsive-card-favorite-icon-button[data-show-on-hover=true]:disabled,.collection-card.label-selector-active .collection-card-favorite-icon-button[data-show-on-hover=true]:disabled{opacity:.5;pointer-events:none}.responsive-card-favorite-icon-indicator,.collection-card-favorite-icon-indicator{pointer-events:none}.responsive-card-favorite-icon-image{width:36cqi;height:36cqi;filter:drop-shadow(0 2.4cqi 4.5cqi rgba(0,0,0,.8));transition:transform .1s ease-out}.responsive-card-favorite-icon-image.small{width:24cqi;height:24cqi;filter:drop-shadow(0 1.6cqi 3cqi rgba(0,0,0,.8))}.collection-card-favorite-icon-image{width:72px;height:72px;filter:drop-shadow(0 5px 9px rgba(0,0,0,.8));transition:transform .1s ease-out}.collection-card-favorite-icon-image.small{width:48px;height:48px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}@keyframes favorite-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.responsive-card-favorite-icon-image.animate,.collection-card-favorite-icon-image.animate,.favorite-icon-image.animate{animation:favorite-pop .3s ease-out}.favorite-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.responsive-card-favorite-icon-number{position:absolute;top:52%;left:49%;transform:translate(-50%,-50%);color:#fff;font-size:18cqi;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Open Sans,sans-serif}.responsive-card-favorite-icon-number.small{font-size:12cqi;text-shadow:1px 1px 3px rgba(0,0,0,.8),-1px -1px 1px rgba(0,0,0,.6)}.collection-card-favorite-icon-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.6);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Open Sans,sans-serif}.collection-card-favorite-icon-number.small{font-size:16px;text-shadow:1px 1px 3px rgba(0,0,0,.8),-1px -1px 1px rgba(0,0,0,.6)}.responsive-card:not(:hover) .responsive-card-favorite-icon-button[data-show-on-hover=true],.collection-card:not(:hover) .collection-card-favorite-icon-button[data-show-on-hover=true]{opacity:0;pointer-events:none;transition:opacity .2s ease}.responsive-card:hover .responsive-card-favorite-icon-button[data-show-on-hover=true],.collection-card:hover .collection-card-favorite-icon-button[data-show-on-hover=true],.responsive-card.label-selector-active .responsive-card-favorite-icon-button[data-show-on-hover=true],.collection-card.label-selector-active .collection-card-favorite-icon-button[data-show-on-hover=true]{opacity:1;pointer-events:auto;transition:opacity .2s ease}.responsive-card:hover .responsive-card-favorite-icon-indicator[data-hide-on-hover=true],.collection-card:hover .collection-card-favorite-icon-indicator[data-hide-on-hover=true],.responsive-card.label-selector-active .responsive-card-favorite-icon-indicator[data-hide-on-hover=true],.collection-card.label-selector-active .collection-card-favorite-icon-indicator[data-hide-on-hover=true]{display:none}.label-selector-overlay{position:fixed;inset:0;background:transparent;z-index:3000}@keyframes labelFadeIn{0%{opacity:0}to{opacity:1}}.label-selector-dialog{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:0;width:320px;max-width:90vw;max-height:500px;box-shadow:0 10px 40px #000c;animation:labelPopIn .2s ease-out;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.label-selector-dialog.label-selector-popover{position:fixed}.label-selector-dialog.label-selector-inline{position:static;height:100%;max-height:none;animation:none;box-shadow:0 4px 20px #0009}@keyframes labelSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes labelPopIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.label-selector-header{padding:1.5rem 2rem;border-bottom:2px solid rgba(255,255,255,.1)}.label-selector-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.label-selector-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto}.label-selector-labels{width:100%;display:flex;flex-direction:column;flex:1;min-height:0}.label-selector-list{overflow-y:auto;padding-right:.5rem;margin-bottom:1rem}.label-selector-item{display:flex;align-items:center;padding:.5rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.label-selector-item:hover{background:#ffffff0d}.label-selector-item-nested{margin-left:2rem}.label-selector-item-disabled{opacity:.5;cursor:not-allowed}.label-selector-item-disabled:hover{background:transparent}.label-selector-item input[type=checkbox]{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.label-selector-icon{width:20px;height:20px;margin-right:.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));cursor:pointer}.label-selector-label-text{color:#fff;font-size:1rem;-webkit-user-select:none;user-select:none;cursor:pointer}.label-selector-add{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.label-selector-input{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem 1rem;color:#fff;font-size:1rem;outline:none;transition:all .2s ease}.label-selector-input::placeholder{color:#ffffff80}.label-selector-input:focus{background:#ffffff26;border-color:#fff6}.label-selector-add-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease;min-width:40px}.label-selector-add-button:hover:not(:disabled){background:#ffffff4d;border-color:#fff6}.label-selector-add-button:disabled{opacity:.5;cursor:not-allowed}.label-selector-done{background:#ffffff1a;border:none;border-top:2px solid rgba(255,255,255,.1);color:#fff;padding:1rem 1.5rem;border-radius:0 0 14px 14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;flex-shrink:0}.label-selector-done:hover{background:#fff3}@media(max-width:768px){.label-selector-dialog{max-width:95%}.label-selector-content{flex-direction:column;gap:1rem;padding:1rem}.label-selector-labels{width:100%}.label-selector-list{max-height:200px}}@media(max-height:600px){.label-selector-dialog{max-height:85vh}.label-selector-content{padding:1rem}.label-selector-header{padding:1rem 1.5rem}.label-selector-title{font-size:1.25rem}}.responsive-card-label-icon-button{position:absolute;top:18cqi;right:-14cqi;width:36cqi;height:36cqi;padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;z-index:100;pointer-events:auto}.collection-card-label-icon-button{position:absolute;top:56px;right:-18px;width:72px;height:72px;padding:0;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s;z-index:100;pointer-events:auto}.responsive-card-label-icon-button:hover,.collection-card-label-icon-button:hover{transform:scale(1.1)}.responsive-card-label-icon-image{width:36cqi;height:36cqi;filter:drop-shadow(0 2.4cqi 4.5cqi rgba(0,0,0,.8));transition:transform .1s ease-out,opacity .2s ease;opacity:.5}.responsive-card-label-icon-button:hover .responsive-card-label-icon-image,.responsive-card-label-icon-button[data-selector-open=true] .responsive-card-label-icon-image{opacity:1}.collection-card-label-icon-image{width:72px;height:72px;filter:drop-shadow(0 5px 9px rgba(0,0,0,.8));transition:transform .1s ease-out,opacity .2s ease;opacity:.5}.collection-card-label-icon-button:hover .collection-card-label-icon-image,.collection-card-label-icon-button[data-selector-open=true] .collection-card-label-icon-image{opacity:1}.responsive-card-label-count{position:absolute;top:50%;left:50%;transform:translate(-20%,-55%);color:#242424;font-size:14cqi;font-weight:700;line-height:1;text-shadow:0 0 2cqi rgba(255,255,255,.8);font-family:Open Sans,sans-serif}.responsive-card-label-count.large-number{font-size:12cqi;transform:translate(-35%,-55%)}.collection-card-label-count{position:absolute;top:50%;left:50%;transform:translate(-20%,-55%);color:#242424;font-size:28px;font-weight:700;line-height:1;text-shadow:0 0 4px rgba(255,255,255,.8);font-family:Open Sans,sans-serif}.collection-card-label-count.large-number{font-size:20px;transform:translate(-50%,-55%)}.responsive-card-label-icon-indicator,.collection-card-label-icon-indicator{position:absolute;padding:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center;z-index:99;pointer-events:none}.responsive-card-label-icon-indicator.small{top:13cqi;right:-8cqi;width:24cqi;height:24cqi}.collection-card-label-icon-indicator.small{top:44px;right:-12px;width:48px;height:48px}.label-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.responsive-card-label-icon-image.small{width:24cqi;height:24cqi;filter:drop-shadow(0 1.6cqi 3cqi rgba(0,0,0,.8))}.collection-card-label-icon-image.small{width:48px;height:48px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}.responsive-card-label-icon-number.small{position:absolute;top:50%;left:50%;transform:translate(-20%,-55%);color:#242424;font-size:10cqi;font-weight:700;line-height:1;font-family:Open Sans,sans-serif}.responsive-card-label-icon-number.small.large-number{font-size:9cqi;transform:translate(-35%,-55%)}.collection-card-label-icon-number.small{position:absolute;top:50%;left:50%;transform:translate(-20%,-55%);color:#242424;font-size:20px;font-weight:700;line-height:1;font-family:Open Sans,sans-serif}.collection-card-label-icon-number.small.large-number{font-size:14px;transform:translate(-50%,-55%)}.responsive-card:not(:hover) .responsive-card-label-icon-button[data-show-on-hover=true],.collection-card:not(:hover) .collection-card-label-icon-button[data-show-on-hover=true]{opacity:0;pointer-events:none;transition:opacity .2s ease}.responsive-card:hover .responsive-card-label-icon-button[data-show-on-hover=true],.collection-card:hover .collection-card-label-icon-button[data-show-on-hover=true],.responsive-card.label-selector-active .responsive-card-label-icon-button[data-show-on-hover=true],.collection-card.label-selector-active .collection-card-label-icon-button[data-show-on-hover=true]{opacity:1;pointer-events:auto;transition:opacity .2s ease}.responsive-card:hover .responsive-card-label-icon-indicator[data-hide-on-hover=true],.collection-card:hover .collection-card-label-icon-indicator[data-hide-on-hover=true],.responsive-card.label-selector-active .responsive-card-label-icon-indicator[data-hide-on-hover=true],.collection-card.label-selector-active .collection-card-label-icon-indicator[data-hide-on-hover=true]{opacity:0;transition:opacity .2s ease}.responsive-card:not(:hover) .responsive-card-label-icon-indicator[data-hide-on-hover=true],.collection-card:not(:hover) .collection-card-label-icon-indicator[data-hide-on-hover=true]{opacity:1;transition:opacity .2s ease}.responsive-card-like-icon-button,.responsive-card-like-icon-indicator{position:absolute;top:-10cqi;right:-12cqi;width:28cqi;height:28cqi;padding:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center;z-index:100}.responsive-card-like-icon-indicator.small{top:-7cqi;right:-8cqi;width:20cqi;height:20cqi}.collection-card-like-icon-button,.collection-card-like-icon-indicator{position:absolute;top:-18px;right:-18px;width:72px;height:72px;padding:0;background:transparent;border:none;display:flex;align-items:center;justify-content:center;z-index:100}.collection-card-like-icon-indicator.small{top:-12px;right:-12px;width:48px;height:48px}.responsive-card-like-icon-button,.collection-card-like-icon-button{cursor:pointer;transition:transform .1s,opacity .2s;pointer-events:auto}@keyframes buttonFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.responsive-card-like-icon-button:hover:not(:disabled),.collection-card-like-icon-button:hover:not(:disabled){transform:scale(1.1)}.responsive-card-like-icon-button:disabled,.collection-card-like-icon-button:disabled{cursor:not-allowed;opacity:.5}.responsive-card:hover .responsive-card-like-icon-button[data-show-on-hover=true]:disabled,.collection-card:hover .collection-card-like-icon-button[data-show-on-hover=true]:disabled,.responsive-card.label-selector-active .responsive-card-like-icon-button[data-show-on-hover=true]:disabled,.collection-card.label-selector-active .collection-card-like-icon-button[data-show-on-hover=true]:disabled{opacity:.5;pointer-events:none}.responsive-card-like-icon-indicator,.collection-card-like-icon-indicator{pointer-events:none}.responsive-card-like-icon-image{width:28cqi;height:28cqi;filter:drop-shadow(0 2cqi 3.5cqi rgba(0,0,0,.8));transition:transform .1s ease-out}.responsive-card-like-icon-image.small{width:20cqi;height:20cqi;filter:drop-shadow(0 1.4cqi 2.5cqi rgba(0,0,0,.8))}.collection-card-like-icon-image{width:72px;height:72px;filter:drop-shadow(0 5px 9px rgba(0,0,0,.8));transition:transform .1s ease-out}.collection-card-like-icon-image.small{width:48px;height:48px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.8))}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.responsive-card-like-icon-image.animate,.collection-card-like-icon-image.animate,.like-icon-image.animate{animation:like-pop .3s ease-out}.like-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.responsive-card:not(:hover) .responsive-card-like-icon-button[data-show-on-hover=true],.collection-card:not(:hover) .collection-card-like-icon-button[data-show-on-hover=true]{opacity:0;pointer-events:none;transition:opacity .2s ease}.responsive-card:hover .responsive-card-like-icon-button[data-show-on-hover=true],.collection-card:hover .collection-card-like-icon-button[data-show-on-hover=true],.responsive-card.label-selector-active .responsive-card-like-icon-button[data-show-on-hover=true],.collection-card.label-selector-active .collection-card-like-icon-button[data-show-on-hover=true]{opacity:1;pointer-events:auto;transition:opacity .2s ease}.responsive-card:hover .responsive-card-like-icon-indicator[data-hide-on-hover=true],.collection-card:hover .collection-card-like-icon-indicator[data-hide-on-hover=true],.responsive-card.label-selector-active .responsive-card-like-icon-indicator[data-hide-on-hover=true],.collection-card.label-selector-active .collection-card-like-icon-indicator[data-hide-on-hover=true]{display:none}.name-gen-follow-up-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:2rem 1rem;overflow-y:auto;animation:fadeIn .3s ease}.name-gen-follow-up-content.dialogue-style{background:linear-gradient(180deg,#1a1a2e,#0d0d1a);border-radius:.5rem;padding:1.5rem;max-width:450px;width:100%;border:3px solid #3a3a5e;box-shadow:0 0 0 1px #ffffff1a,0 10px 40px #00000080,inset 0 1px #ffffff0d;margin:auto}.dialogue-style .follow-up-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.dialogue-style .sage-icon{font-size:1.75rem;flex-shrink:0;margin-top:.25rem}.dialogue-style .speech-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:1rem;padding:.875rem 1rem;color:#e8e8ff;font-size:1rem;font-weight:400;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;flex:1}.dialogue-style .speech-bubble:after{content:"";position:absolute;top:.75rem;left:-8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid rgba(255,255,255,.15)}.variant-context{margin-bottom:1rem;padding:.75rem;background:#ffffff0d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.variant-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:.5rem}.variant-name{font-size:1.1rem;font-weight:600;color:#e8e8ff}.variant-flavor-text{display:flex;flex-direction:column;gap:.5rem}.collapse-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#ffffffb3;font-size:.9rem;cursor:pointer;padding:.25rem 0;transition:color .15s ease}.collapse-toggle:hover{color:#fff}.collapse-icon{font-size:.7rem;transition:transform .2s ease}.flavor-text-preview{font-style:italic}.flavor-text-content{font-size:.95rem;color:#e8e8ff;line-height:1.5;white-space:pre-wrap;padding:.5rem;background:#0003;border-radius:.25rem;font-style:italic;text-align:center}.dialogue-choices{display:flex;flex-direction:column;gap:.125rem}.dialogue-choice{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;background:transparent;border:none;color:#ffffffbf;font-size:.95rem;cursor:pointer;transition:all .15s ease;text-align:left;border-radius:.25rem}.dialogue-choice .reason-tag{color:#ffffff73;font-size:.85rem;margin-left:.25rem}.dialogue-choice .reason-tag em{font-style:italic}.dialogue-choice:hover{background:#6464b426;color:#fff}.dialogue-choice:hover .reason-tag{color:#fff9}.dialogue-choice:active{background:#6464b440}.dialogue-choice.skip-choice{margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);color:#ffffff80;font-style:italic}.dialogue-choice.skip-choice:hover{color:#fffc}@media(max-width:500px){.name-gen-follow-up-content.dialogue-style{padding:1.25rem;margin:.5rem}.dialogue-style .speech-bubble{font-size:.95rem;padding:.75rem .875rem}.dialogue-choice{padding:.55rem .65rem;font-size:.9rem}}.user-display{display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;max-width:160px}.user-avatar{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;background-color:#666;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.user-avatar.has-image{background-repeat:no-repeat;background-color:transparent}.user-text{display:flex;flex-direction:column;gap:2px;min-width:0}.user-display-name{font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-username{font-size:.85em;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-display-small .user-avatar{width:24px;height:24px;font-size:12px;border-width:1px}.user-display-small .user-text{font-size:14px;gap:1px}.user-display-small .user-username{font-size:11px}.user-display-medium .user-avatar{width:32px;height:32px;font-size:14px}.user-display-medium .user-text{font-size:16px}.user-display-medium .user-username{font-size:13px}.user-display-large .user-avatar{width:48px;height:48px;font-size:20px}.user-display-large .user-text{font-size:18px}.user-display-large .user-username{font-size:15px}.spinner{--spinner-border: max(2px, var(--spinner-size, 32px) / 6);display:inline-block;width:var(--spinner-size, 32px);height:var(--spinner-size, 32px);border:var(--spinner-border) solid #ccc;border-top:var(--spinner-border) solid #333;border-radius:50%;z-index:1000;animation:spinner-spin 1s linear infinite}@keyframes spinner-spin{to{rotate:360deg}}.view-profile-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.view-profile-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;border:2px solid rgba(255,255,255,.1);max-width:600px;width:100%;max-height:85dvh;overflow-y:auto;position:relative;padding:2rem;box-shadow:0 20px 60px #00000080}.view-profile-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;font-size:1.5rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.view-profile-close:hover{background:#fff3}.view-profile-header{display:flex;gap:1.5rem;margin-bottom:2rem;align-items:center}.view-profile-avatar{width:100px;height:100px;border-radius:50%;background-color:#2a2a40;background-size:cover;background-position:center;flex-shrink:0;border:3px solid rgba(255,255,255,.2)}.view-profile-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff9}.view-profile-info{flex:1}.view-profile-display-name{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .25rem}.view-profile-username{font-size:1rem;color:#fff9;margin:0 0 .5rem}.view-profile-discoveries{font-size:1rem;color:#fffc;margin:0}.view-profile-favorites h3{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 1rem}.view-profile-loading{display:flex;justify-content:center;padding:2rem}.view-profile-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.view-profile-card-empty{aspect-ratio:5 / 7;border:2px dashed rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:.875rem;text-align:center;padding:1rem}@media(max-width:768px){.view-profile-modal{padding:1.5rem}.view-profile-header{flex-direction:column;text-align:center}.view-profile-display-name{font-size:1.5rem}.view-profile-cards{grid-template-columns:1fr;max-width:300px;margin:0 auto}}.view-profile-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#fffc}.view-profile-error button{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;transition:background .2s ease}.view-profile-error button:hover{background:#fff3}.resync-popup-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:resyncFadeIn .2s ease-out;padding:1rem;overflow:auto}@keyframes resyncFadeIn{0%{opacity:0}to{opacity:1}}.resync-popup-dialog{background:linear-gradient(135deg,#1e1e2e,#2a2a3e);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:90vh;box-shadow:0 20px 40px #00000080;animation:resyncSlideUp .3s ease-out;margin:auto;display:flex;flex-direction:column}.resync-popup-content{padding:2rem;overflow-y:auto;flex:1}@keyframes resyncSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.resync-popup-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.resync-popup-text{font-size:1rem;line-height:1.6;color:#ffffffe6;margin:0 0 1.5rem;padding:0}.resync-popup-close{background:#ffffff1a;border:none;border-top:2px solid rgba(255,255,255,.1);color:#fff;padding:1rem 1.5rem;border-radius:0 0 14px 14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;flex-shrink:0}.resync-popup-close:hover{background:#fff3}@media(max-height:600px){.resync-popup-dialog{max-height:85vh}.resync-popup-content{padding:1.5rem}.resync-popup-title{font-size:1.25rem;margin-bottom:.75rem}.resync-popup-text{font-size:.9rem}}@supports (view-transition-name: none){.vt-shared{view-transition-name:var(--vt-name)}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(*){z-index:10000}.bl-vt-overlay{view-transition-name:cf-overlay}::view-transition-old(cf-overlay){animation:u_fadeIn reverse .28s ease-out both}@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*),::view-transition-group(*){animation:none}}}.card-focus-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(.75em);backdrop-filter:blur(.75em);z-index:1000;display:flex;align-items:center;justify-content:center;animation:u_fadeIn .3s ease-out;overflow-y:auto;overflow-x:hidden;padding:1.5em 0}@media(orientation:landscape)and (max-height:800px){.card-focus-overlay{align-items:flex-start}}.card-focus-back-button{position:fixed;top:20px;left:20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;font-family:Open Sans,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1003}.card-focus-back-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media(max-width:768px){.card-focus-back-button{top:10px;left:10px;padding:8px 16px;font-size:14px}}.card-focus-container{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--medium-c);animation:slideIn .3s ease-out;width:min(100vw,80dvh,520px)}@media(orientation:landscape)and (max-height:800px){.card-focus-container{max-height:100dvh;padding:10px}}@media(max-width:768px){.card-focus-container{padding:.5em}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.card-rarity-wrapper{display:flex;align-items:center;justify-content:center}.card-rarity{font-family:Open Sans,sans-serif;font-weight:700;font-size:36px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}@media(max-width:768px){.card-rarity{font-size:24px}}@media(orientation:landscape)and (max-height:800px){.card-rarity{font-size:20px;text-align:center}}.card-focus-container-inner{display:grid;grid-template-columns:1fr 2.1fr 1fr;align-items:center;gap:var(--medium-c);flex:1}.label-panel-toggle{position:fixed;top:50%;right:20px;transform:translateY(-50%);background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;font-family:Open Sans,sans-serif;font-weight:700;font-size:18px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;display:flex;align-items:center;justify-content:center}@media(max-width:1399px){.label-panel-toggle{display:none}}.label-panel-toggle:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.label-panel-toggle.open{right:380px}.label-panel{position:fixed;top:0;right:-360px;width:350px;height:100vh;background:#1e1e2ef2;border-left:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;transition:right .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden}@media(max-width:1399px){.label-panel{display:none}}.label-panel.open{right:0}.label-panel .label-selector-dialog{background:transparent;border:none;border-radius:0;box-shadow:none;width:100%;height:100%;max-height:none;padding:20px}.card-focus-view-parents-container{display:flex;flex-direction:column;gap:var(--medium-c)}.focused-collection-card-wrapper{cursor:pointer}.card-info-display{font-family:Open Sans,sans-serif;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:var(--small-c);text-align:center}.card-info-header{font-weight:700;font-size:16px;margin-bottom:4px;opacity:.8}@media(max-width:768px){.card-info-header{font-size:14px}}@media(orientation:landscape)and (max-height:800px){.card-info-header{font-size:12px}}.card-info-value{font-weight:700;font-size:18px}@media(max-width:768px){.card-info-value{font-size:16px}}@media(orientation:landscape)and (max-height:800px){.card-info-value{font-size:14px}}.creator-username-focus-view{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.card-likes-count{display:flex;align-items:center;gap:8px;margin-top:8px}.card-likes-icon{width:24px;height:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}@media(max-width:768px){.card-likes-icon{width:20px;height:20px}}@media(orientation:landscape)and (max-height:800px){.card-likes-icon{width:18px;height:18px}}.large-owned-count{font-family:Open Sans,sans-serif;font-weight:700;font-size:48px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}@media(max-width:768px){.large-owned-count{font-size:32px}}@media(orientation:landscape)and (max-height:800px){.large-owned-count{font-size:24px}}.card-flavor-text{font-family:Open Sans,sans-serif;font-style:italic;font-size:18px;color:#fff;text-align:center;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.8);word-wrap:break-word;overflow-wrap:break-word}@media(max-width:768px){.card-flavor-text{font-size:14px;line-height:1.3}}@media(orientation:landscape)and (max-height:800px){.card-flavor-text{font-size:12px;line-height:1.2}}.button-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--medium-c)}@media(orientation:landscape)and (max-height:450px){.button-container{flex-direction:row;align-items:center}}.breed-button{background:#4a90e2;border:none;color:#fff;padding:16px 48px;border-radius:24px;font-family:Open Sans,sans-serif;font-weight:700;font-size:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4a90e24d}.breed-button:hover:not(.disabled){background:#5ba0f2;transform:translateY(-2px);box-shadow:0 6px 20px #4a90e266}.breed-button:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #4a90e24d}.breed-button.disabled{background:#666;opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.breed-button{padding:12px 32px;font-size:16px}}@media(orientation:landscape)and (max-height:800px){.breed-button{padding:12px 36px;font-size:18px}}@media(orientation:landscape)and (max-height:450px){.breed-button{padding:8px 24px;font-size:14px}}.sell-section{display:flex;align-items:center;gap:var(--small-c)}.sell-stepper-button{background:#34495e;border:none;color:#fff;padding:8px 12px;border-radius:6px;font-family:Open Sans,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:36px}.sell-stepper-button:hover:not(:disabled){background:#2c3e50;transform:translateY(-1px)}.sell-stepper-button:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6}.sell-button{background:#e74c3c;border:none;color:#fff;padding:8px 16px;border-radius:6px;font-family:Open Sans,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.sell-button:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.sell-button:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6}.sell-confirmation-overlay{position:fixed;inset:0;background:#000000b3;z-index:2000;display:flex;align-items:center;justify-content:center;animation:u_fadeIn .2s}.sell-confirmation-dialog{background:#2c3e50;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:24px;max-width:400px;animation:slideIn .2s ease-out}.sell-confirmation-text{color:#fff;font-family:Open Sans,sans-serif;font-size:16px;text-align:center;margin-bottom:20px;line-height:1.4}.sell-confirmation-buttons{display:flex;flex-direction:row;gap:var(--medium-c);justify-content:center}.confirm-button{padding:10px 24px;border:none;border-radius:6px;font-family:Open Sans,sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:80px}.confirm-button.yes{background:#27ae60;color:#fff}.confirm-button.yes:hover{background:#229954;transform:translateY(-1px)}.confirm-button.no{background:#e74c3c;color:#fff}.confirm-button.no:hover{background:#c0392b;transform:translateY(-1px)}.card-focus-overlay.no-enter-animations,.card-focus-overlay.no-enter-animations *{animation:none;transition:none}.image-popover-content{display:flex;flex-direction:column;align-items:center;gap:1.5em;width:90vw;height:90vh;cursor:default}.image-popover-image-container{width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-popover-creature-image{width:100%;height:100%;object-fit:contain}@media(max-width:768px)and (orientation:portrait){.discord-activity-back-button{top:68px!important}.discord-activity-back-button-alt{top:58px!important}.vote-hub-header .discord-activity-back-button,.voting-header .discord-activity-back-button{margin-top:48px}}.filter-selector-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:u_fadeIn .2s ease-out;padding:1rem;overflow:auto}@supports not (backdrop-filter: blur(3px)){.filter-selector-overlay{background:#000000e6}}.filter-selector-dialog{background:#24243a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:0;max-width:500px;width:90%;max-height:70vh;box-shadow:0 20px 40px #00000080;animation:filterSlideUp .3s ease-out;margin:auto;display:flex;flex-direction:column;will-change:transform,opacity;transform:translateZ(0)}@keyframes filterSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.filter-selector-header{padding:1.5rem 2rem;border-bottom:2px solid rgba(255,255,255,.1)}.filter-selector-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.filter-selector-match-mode{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9rem}.filter-selector-match-label,.filter-selector-match-suffix{color:#fff9}.filter-selector-match-dropdown{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;padding:.25rem .5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-selector-match-dropdown:hover{background:#fff3;border-color:#fff6}.filter-selector-match-dropdown:focus{outline:none;background:#ffffff26;border-color:#64c8ff80;box-shadow:0 0 0 2px #64c8ff33}.filter-selector-match-dropdown option{background:#fff;color:#1e1e2e;border-radius:0}.filter-selector-match-dropdown option:hover{background:#2a2a3e;color:#fff}.filter-selector-content{padding:1.5rem;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.filter-selector-section-title{color:#fffc;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;padding-left:.75rem}.filter-selector-labels{display:flex;flex-direction:column;min-width:0}.filter-selector-list{padding-right:.5rem}.filter-selector-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.filter-selector-item:hover{background:#ffffff0d}.filter-selector-item.disabled{opacity:.5;cursor:not-allowed}.filter-selector-item.disabled:hover{background:transparent}.filter-selector-item input[type=checkbox]{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.filter-selector-icon{width:20px;height:20px;margin-right:.5rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.filter-selector-label-text{color:#fff;font-size:1rem;-webkit-user-select:none;user-select:none}.filter-selector-empty{color:#ffffff80;text-align:center;padding:2rem;font-size:1rem}.filter-selector-clear{background:#ff646433;border:1px solid rgba(255,100,100,.3);color:#f99;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-top:1rem;width:100%}.filter-selector-clear:hover{background:#ff64644d;border-color:#ff646466}.filter-selector-done{background:#ffffff1a;border:none;border-top:2px solid rgba(255,255,255,.1);color:#fff;padding:1rem 1.5rem;border-radius:0 0 14px 14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;flex-shrink:0}.filter-selector-done:hover{background:#fff3}@media(max-width:768px){.filter-selector-dialog{max-width:95%;max-height:80vh}.filter-selector-content{padding:1rem}.filter-selector-header{padding:1rem 1.5rem}.filter-selector-title{font-size:1.25rem}}@media(max-height:600px){.filter-selector-dialog{max-height:85vh}.filter-selector-content{padding:1rem}.filter-selector-header{padding:1rem 1.5rem}.filter-selector-title{font-size:1.25rem}}.filter-selector-section{margin-bottom:1.5rem}.filter-selector-radio-group{display:flex;flex-direction:column;gap:.5rem}.filter-selector-radio-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s ease}.filter-selector-radio-item:hover{background:#ffffff0d}.filter-selector-radio-item input[type=radio]{width:18px;height:18px;margin-right:.75rem;cursor:pointer}.filter-selector-sort-dropdown{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;padding:.75rem 1rem;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%}.filter-selector-sort-dropdown:hover{background:#ffffff26;border-color:#fff6}.filter-selector-sort-dropdown:focus{outline:none;background:#ffffff26;border-color:#64c8ff80;box-shadow:0 0 0 2px #64c8ff33}.filter-selector-sort-dropdown option{background:#24243a;color:#fff}.filter-selector-help-text{margin-top:.5rem;font-size:.85rem;color:#ffffff80;font-style:italic}.filter-selector-rarity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:400px){.filter-selector-rarity-grid{grid-template-columns:1fr}}.filter-selector-done:disabled{opacity:.5;cursor:not-allowed}.filter-selector-done:disabled:hover{background:#ffffff1a}.filter-selector-error{padding:.75rem 1rem;margin:1rem 1.5rem 0;background:#ff3b3026;border:1px solid rgba(255,59,48,.5);border-radius:8px;color:#ff6b6b;font-size:.875rem;text-align:center}.filter-selector-loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:#fff9;font-size:1rem}.collection-container{position:relative;display:flex;flex-direction:column;height:calc(100dvh - 60px);overflow:clip}.collection-container.discord-activity-spacing{height:calc(100dvh - 108px)}.collection-content{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem;-webkit-overflow-scrolling:touch;pointer-events:auto;overscroll-behavior:contain}.collection-header{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:var(--medium-c)}.collection-title{color:#fff;text-align:center;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.collection-mode-button{position:absolute;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;z-index:10;margin:0 .5rem}@media(min-width:768px){.collection-mode-button{margin:0 2.5rem;padding:.5rem 1.5rem}.collection-title{font-size:2.5rem}}.collection-mode-button-icon{width:1.2rem;height:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.collection-mode-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.collection-mode-button-left{left:0;background:#228b224d;border-color:#228b2280}.collection-mode-button-left:hover{background:#228b2266;border-color:#228b2299}.collection-mode-button-right{right:0;background:#ff69b44d;border-color:#ff69b480}.collection-mode-button-right:hover{background:#ff69b466;border-color:#ff69b499}.collection-refresh-button{background:#6495ed4d;border-color:#6495ed80;font-size:1.5rem;padding:.25rem .75rem;opacity:1;cursor:pointer}.collection-refresh-button:hover{background:#6495ed66;border-color:#6495ed99}.collection-refresh-button:disabled{opacity:.5;cursor:not-allowed}.collection-refresh-button .spinning{display:inline-block;animation:u_spin .6s ease-in-out infinite}.collection-sections{display:flex;flex-direction:column;gap:1em;max-width:1504px;margin-inline:auto}.generation-section{display:flex;flex-direction:column;gap:1em}@media not (max-width:1518px){.generation-section:not(:has(.collection-card-container:nth-child(8))) .generation-layout-btn{display:none}}@media not (max-width:1310px){.generation-section:not(:has(.collection-card-container:nth-child(7))) .generation-layout-btn{display:none}}@media not (max-width:1102px){.generation-section:not(:has(.collection-card-container:nth-child(6))) .generation-layout-btn{display:none}}@media not (max-width:894px){.generation-section:not(:has(.collection-card-container:nth-child(5))) .generation-layout-btn{display:none}}.generation-header{display:flex;align-items:center;justify-content:space-between;padding:.5em;border-bottom:1px solid #fffa}.generation-header-badge{display:inline-flex;align-items:center;gap:.25em}.generation-header-icon{width:1.5em;height:1.5em}.generation-header-text{font-family:Open Sans,sans-serif;font-weight:700;font-size:1.15em;color:#fff}.generation-layout-btn{position:relative;background:#0009;width:3rem;aspect-ratio:1;border-radius:1.5rem;border:3px solid rgba(255,255,255,.3);color:#fff;cursor:pointer}.generation-layout-btn:after{content:"";position:absolute;inset:35%;border:solid white;border-width:0 3px 3px 0;transform:rotate(-45deg) translate(-10%,-10%);transition:transform .2s}[data-layout=grid] .generation-layout-btn:after{transform:rotate(45deg) translate(-10%,-10%)}.collection-grid{display:flex;justify-items:center;gap:1em;padding-block:3em}[data-layout=line] .collection-grid{height:calc(min(310px,30vw,50dvh) * var(--card-scale, 1) + 5em);overflow-x:auto;overflow-y:clip;padding-inline:1em;margin-inline:-1em;scrollbar-color:#fff1 transparent;transition:scrollbar-color .5s}[data-layout=line] .collection-grid:hover{scrollbar-color:#fff7 transparent}@media(max-width:944px){[data-layout=line] .collection-grid{padding:unset;padding-top:2em;padding-left:1em;height:calc(min(310px,30vw,50dvh) + 4em)}}[data-layout=grid] .collection-grid{display:grid;grid-template-columns:repeat(auto-fill,calc(192px * var(--card-scale, 1)));justify-content:start;height:auto}@media(max-width:944px){[data-layout=grid] .collection-grid{grid-template-columns:repeat(4,1fr);gap:unset;row-gap:1em;padding:unset}}.collection-card-container{height:calc(min(310px,30vw,50dvh) * var(--card-scale, 1));aspect-ratio:256 / 415.5}@media(max-width:944px){.collection-card-container{--card-scale: 1}}.collection-controls{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3em}.collection-filter-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1.5rem;border-radius:24px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.collection-filter-button-text-desktop{display:none}.collection-filter-button-text-mobile{display:inline}@media(min-width:768px){.collection-filter-button{font-size:1rem}.collection-filter-button-text-desktop{display:inline}.collection-filter-button-text-mobile{display:none}}.collection-filter-button:hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.collection-filter-button.active{background:#64c8ff33;border-color:#64c8ff80}.collection-filter-count{background:#64c8ffcc;color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.875rem;font-weight:700;min-width:1.25rem;text-align:center}.collection-search-input{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:24px;font-size:1rem;width:200px;transition:all .2s ease}.collection-search-input::placeholder{color:#ffffff80}.collection-search-input:focus{outline:none;background:#ffffff26;border-color:#64c8ff80;box-shadow:0 0 0 2px #64c8ff33}.collection-search-input:hover:not(:focus){background:#ffffff26;border-color:#fff6}.collection-zoom{display:grid;grid-template-columns:1.5em 2.5rem 2.5em;align-items:center;gap:.5em}.collection-zoom button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;width:100%;padding:.5rem;border-radius:24px;font-size:1rem;font-weight:600;cursor:pointer}.collection-zoom button:not(:disabled):hover{background:#fff3;border-color:#fff6;transform:scale(1.05)}.collection-zoom button:not(:disabled):active{background:#64c8ff33;border-color:#64c8ff80}.collection-zoom button:disabled{cursor:not-allowed;opacity:.5}.collection-zoom .magnifying-glass-icon{width:100%}@media(max-width:944px){.collection-zoom{display:none}}@media(orientation:landscape)and (max-height:480px){.collection-title{font-size:1.8rem}.generation-header{margin-bottom:12px}.generation-header-icon{width:18px;height:18px}.generation-header-text{font-size:14px}.collection-back-button{top:10px;left:10px;padding:8px 16px;font-size:14px}}.collection-perloader-spinner{display:grid;place-items:center;padding:2em;gap:1em}.collection-grid-loader{background-color:var(--rarity-0-color);padding:1em;height:min(310px,30vw,50dvh);aspect-ratio:256 / 415.5}.fireworks-container{position:absolute;inset:0;pointer-events:none;z-index:10;contain:content}.firework{position:absolute;width:5em;height:5em;background-image:radial-gradient(closest-side,var(--color, #f00),1%,transparent);animation:firework var(--duration, 1s) ease-out forwards}@keyframes firework{0%{opacity:1;transform:rotate(var(--rotate, 0deg)) translate(0)}to{opacity:0;transform:rotate(var(--rotate, 0deg)) translate(calc(var(--distence, 10px)))}}.pack-opening-container{position:relative;display:flex;flex-direction:column;height:100dvh;overflow:clip}.pack-opening-content{height:100%;display:grid;place-items:center;perspective:800px}.pack-opening-content *{transform-style:preserve-3d}.pack-opening-box{position:absolute;left:50%;top:50%;display:grid;grid-template-columns:50% 50%;width:min(667px,40vmin);aspect-ratio:2 / 5;padding-block:min(267px,16vmin);translate:-50% -50%;transform:rotateX(calc(var(--my, 0) * -20deg)) rotateY(calc(var(--mx, 0) * 20deg));filter:drop-shadow(0 0 40vmin black);-webkit-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease-out}@starting-style{.pack-opening-box{scale:0;opacity:0}}.pack-opening-box[data-opened=true]{--sidesOpen: 1}.pack-opening-box-side{translate:calc(var(--sidesOpen, 0) * var(--sideDir, -1) * 50vw);opacity:calc(1 - var(--sidesOpen, 0));transition:all .3s ease-out}.pack-opening-box-side div{--skew: calc(max(0, min(1, (var(--open-pack-value, 0) * 10) - (10 - var(--i))))*3deg) ;position:absolute;bottom:calc(100% - 1px);width:100%;height:100%;background-image:url(/images/collection/pack-a1.png);background-size:200% 1000%;background-position-y:calc((10 - var(--i)) * (100% / 9));transform:skew(var(--skew, 0deg));transform-origin:bottom}.pack-opening-box-side>div{bottom:0;height:calc(10% + 1px)}.pack-opening-box-side[data-side=right]{--sideDir: 1}.pack-opening-box-side[data-side=right] div{background-position-x:100%;transform:skew(calc(var(--skew, 0deg) * -1))}.pack-opening-hand{position:absolute;top:50%;left:50%;height:25%;aspect-ratio:1;object-fit:cover;pointer-events:none;object-position:0%;translate:-50% -0%;animation:pack-opening-hand 2s ease-in-out infinite}@keyframes pack-opening-hand{0%{top:0%;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.pack-opening-cards{display:flex;flex-direction:column;align-items:center;gap:2em}.new-badge{position:absolute;left:50%;top:-5%;background:#ff4757;color:#fff;padding:10px 24px;border-radius:30px;font-family:Open Sans,sans-serif;font-weight:700;font-size:24px;translate:-150%;rotate:-15deg;box-shadow:0 4px 12px #ff475766;animation:bounceRotate .5s cubic-bezier(0,0,.25,1.5);z-index:10}@keyframes bounceRotate{0%{scale:0}to{scale:1}}.pack-opening-cards-rarity{font-family:Open Sans,sans-serif;font-weight:700;font-size:36px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:u_fadeIn .5s 1.5s both}.pack-opening-cards-container{height:min(415.5px,40cqh,80cqw);z-index:-1;text-align:center}.pack-opening-card-container{position:absolute;left:50%;top:50%;height:100%;aspect-ratio:256 / 415.5;filter:blur(5px) grayscale(100%);pointer-events:none;translate:-50% -50% calc((var(--current-card-index, 0) - var(--c, 0)) * 20px);rotate:calc(var(--rotate, 0deg));opacity:var(--on);transition:all .5s;animation:pack-opening-cardEnter 1s calc(var(--c, 0) * .2s) both}.pack-opening-card-container[data-state=seen]{opacity:0}.pack-opening-card-container[data-state=current]{filter:none;pointer-events:revert;rotate:0deg;opacity:1}@keyframes pack-opening-cardEnter{0%{transform:translateY(0) scale(0);animation-timing-function:ease-out}50%{transform:translateY(-50%) scale(.5);animation-timing-function:ease-in}to{transform:translateY(0) scale(1)}}.pack-opening-cards.rarity-1 .pack-opening-card-container[data-state=current]{animation:rarityPulse 2s ease-in-out}.pack-opening-cards.rarity-3 .pack-opening-card-container[data-state=current]{animation:rarityLegendary 2s ease-in-out;--color: rgba(255, 100, 255, .9)}:is(.pack-opening-cards.rarity-2,.pack-opening-cards.rarity-3) .pack-opening-card-container[data-state=current] .responsive-card-interaction-wrapper:before{content:"";position:absolute;inset:0;box-shadow:0 0 20px 5px var(--color, rgba(255, 215, 0, .7));border-radius:10cqi;pointer-events:none;opacity:0;animation:u_fadeIn .4s 12 alternate ease-in-out}@keyframes rarityPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rarityLegendary{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(3deg)}50%{transform:scale(1.12) rotate(-3deg)}75%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.pack-opening-flavor-text{font-family:Open Sans,sans-serif;font-style:italic;font-size:18px;max-width:60ch;color:#fff;text-align:center;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:u_fadeIn .5s 1.5s both}.breeding-result-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:u_fadeIn .3s ease-out;padding:20px;overflow-y:auto}.breeding-result-container{position:relative;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:1em;padding:2em;width:min(100%,520px);height:auto;text-align:center;border:3px solid rgba(255,255,255,.1);overflow:hidden;animation:u_slideFromY .6s ease-out;--slide-from-y: 1.5em}@media(max-height:520px){.breeding-result-container{height:min(100dvh,300px);width:min(100%,920px)}}@media(max-width:768px){.breeding-result-container{padding:1em}}.breeding-result-content-wrapper{display:flex;flex-direction:column;gap:2em;align-items:stretch;height:100%}@media(max-height:520px){.breeding-result-content-wrapper{flex-direction:row}}.breeding-result-text-section{display:flex;flex-direction:column;justify-content:space-between}@media(max-width:768px)or (max-height:520px){.breeding-result-text-section{gap:10px}}.breeding-result-title{font-family:Open Sans,sans-serif;font-weight:700;font-size:clamp(1em,min(25vh - 2em,5vw - .5em),2.5em);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}@media(max-width:768px)or (max-height:520px){.breeding-result-title{font-size:clamp(1em,7vw,3em)}}.breeding-result-subtext{font-family:Open Sans,sans-serif;font-size:clamp(12px,min(12vh - 1em,3vw - .5em),18px);color:#ffffffe6;margin-inline:auto;line-height:1.6;max-width:600px;padding-block:10px}@media(max-width:768px)or (max-height:520px){.breeding-result-subtext{font-size:clamp(12px,4vw,16px)}}.breeding-currency-changes{display:flex;flex-direction:column;gap:10px;align-items:center}.currency-change{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:700}@media(max-width:768px)or (max-height:520px){.currency-change{font-size:14px;padding:6px 12px}}.currency-change.debit{background:#ff64641a;border:1px solid rgba(255,100,100,.3);color:#ff6464}.currency-change.credit{background:#64ff641a;border:1px solid rgba(100,255,100,.3);color:#64ff64}.currency-change .currency-emoji{font-size:20px}.currency-change .currency-label{padding-left:5px;font-size:14px;font-weight:400;opacity:.8;white-space:nowrap}@media(max-width:768px)or (max-height:520px){.currency-change .currency-label{white-space:normal}}.breeding-result-cards{display:grid;grid-template-columns:1fr 2.1fr;align-items:center;gap:var(--medium-c);height:min(40vw,230px);aspect-ratio:397 / 415.5;margin-inline:auto}@media(max-height:520px){.breeding-result-cards{height:100%}}.parent-cards-section{height:100%;display:grid;grid-template-rows:1fr 1fr;gap:1em}.breeding-result-card-wrapper{height:100%;aspect-ratio:256 / 415.5}.discovery-count{font-weight:700;font-size:clamp(14px,-1em + 4vw,20px);color:#4caf50}.generation-note{font-style:italic;color:#ffffffb3}.breeding-result-buttons{display:flex;flex-direction:column;justify-content:center;gap:1em;position:relative}.breeding-result-button{padding:1em 2em;font-family:Open Sans,sans-serif;font-weight:700;border-radius:2em;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:1em}.breeding-result-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.breeding-result-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);border:none;box-shadow:0 4px 12px #4caf504d}.breeding-result-button.primary:hover{background:linear-gradient(135deg,#5cbf60,#50b050);box-shadow:0 6px 20px #4caf5066}.animated-arrow{position:relative;width:var(--arrow-size);height:var(--arrow-size)}@media(orientation:portrait){.animated-arrow{rotate:90deg}}.animated-arrow-chevron{position:absolute;left:50%;top:50%;width:var(--arrow-size);height:var(--arrow-size);display:grid;place-items:center;font-size:var(--arrow-size);color:var(--arrow-color);opacity:0;font-weight:700;animation:slideArrow var(--animation-speed) ease-in-out infinite}.animated-arrow-chevron:nth-child(2){animation-delay:calc(var(--animation-speed) * -.5)}@keyframes slideArrow{0%,to{opacity:.25;translate:-65% -80%}30%{opacity:1;translate:-35% -80%}}.guest-restriction-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10001;padding:1rem;animation:fadeIn .2s ease-out}.guest-restriction-dialog{background:linear-gradient(135deg,#1e1e2efa,#2a2a3efa);border:2px solid rgba(255,255,255,.2);border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.guest-restriction-content{padding:2rem;text-align:center}.guest-restriction-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.guest-restriction-message{font-size:1rem;color:#ffffffe6;line-height:1.5;margin:0 0 1rem}.guest-restriction-hint{font-size:.9rem;color:#667eea;font-weight:600;margin:0}.guest-restriction-buttons{display:flex;gap:1rem;padding:0 2rem 2rem}.guest-restriction-link-button{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea66}.guest-restriction-link-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99;border-color:#ffffff80}.guest-restriction-link-button:active{transform:translateY(0)}.guest-restriction-cancel-button{flex:1;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#ffffffb3;cursor:pointer;transition:all .2s ease}.guest-restriction-cancel-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.guest-restriction-cancel-button:active{transform:translateY(1px)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@supports (view-transition-name: none){.vt-shared{view-transition-name:var(--vt-name)}::view-transition-group(*){z-index:10000}}.breeding-lab-res_primary-content{height:100%;display:flex;flex-direction:column;gap:1em;padding:1em;transition:opacity 1s}.breeding-lab-res_primary-content[data-state=breeding]{pointer-events:none;opacity:0}.breeding-lab_cards-container{display:flex;align-items:center;justify-content:center;gap:1em;height:100%;container-type:size}@media(orientation:portrait){.breeding-lab_cards-container{flex-direction:column}}.breeding-lab_parent-container{display:flex;gap:1em}.breeding-lab_card-container{height:calc(var(--scaleFactor, 1) * min(415.5px,100cqh,40cqw));aspect-ratio:256 / 415.5;font-size:10%}@media(orientation:portrait){.breeding-lab_card-container{height:calc(var(--scaleFactor, 1) * min(415.5px,calc(50cqh - 4em),75cqw))}}.breeding-lab_card-container[data-scale=preview]{--scaleFactor: .75}.breeding-lab_result-container{position:relative;display:flex;flex-direction:column;gap:2em}.breeding-lab_workflow-select{position:relative}.breeding-lab_workflow-select select{appearance:none;width:100%;border-radius:.75em;background-color:var(--rarity-color, var(--rarity-0-color));opacity:.8;box-shadow:0 .5em .7em #00000080;border:none;font-size:clamp(12px,1.7dvw,20px);padding:min(1em,2dvh);color:#fff;outline:none}.breeding-lab_workflow-select:before{content:"Generator:";position:absolute;bottom:100%;left:0;width:100%;font-size:12px;text-align:center;opacity:.7}.breeding-lab_workflow-select:after{content:"▼";position:absolute;right:1em;top:50%;translate:0 -50%;pointer-events:none;color:var(--rarity-0-light)}.breeding-lab_bottom-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1em;z-index:1}@media(max-height:610px){.breeding-lab_bottom-container{flex-direction:row}}@media(max-width:768px){.breeding-lab_bottom-container.workflows-enabled{flex-direction:row}}.lab-breed-button{font-size:clamp(6px,6dvh,24px)!important;padding:1em .5em}.breeding-lab-container{width:100dvw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background-color:#1a1a1a}.breeding-lab_content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.breeding-layout-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:30px;width:100%}.breeding-parents-wrapper{position:relative;display:inline-flex;align-items:center}.parent-selection-container{display:flex;gap:2dvw}.parent-card-slot{cursor:pointer;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.parent-card-slot:hover{z-index:20}.parent-card-slot:hover .parent-card-placeholder:before{opacity:.5}.choose-parent-text{font-family:Open Sans,sans-serif;font-weight:700;font-size:18px;color:#fff9;text-align:center}.breeding-error-message{font-family:Open Sans,sans-serif;font-weight:700;font-size:16px;color:#ff6b6b;background:#ff6b6b1a;padding:10px 20px;border-radius:8px;border:2px solid rgba(255,107,107,.3);margin-bottom:20px;text-align:center}.breeding-info-message{font-family:Open Sans,sans-serif;font-weight:700;font-size:clamp(.75rem,.7857rem + .2976vw,1rem);color:#6bb6ff;background:#6bb6ff1a;padding:.714em 1.429em;border-radius:.571em;border:.143em solid rgb(107 182 255 / .3);text-align:left;max-width:37.5rem;width:fit-content;margin-inline:auto}.breeding-info-item{display:flex;align-items:flex-start;gap:.714em}.breeding-info-item:not(:last-child){padding-block-end:.571em}.breeding-info-icon{width:1.429em;height:1.429em;flex-shrink:0;filter:brightness(0) saturate(100%) invert(59%) sepia(73%) saturate(2086%) hue-rotate(187deg) brightness(103%) contrast(101%)}.lab-breed-button{padding:var(--small-medium-medium-c) var(--large-c);font-family:Open Sans,sans-serif;font-weight:700;font-size:var(--large-c);border-radius:32px;border:none;cursor:pointer;transition:all .2s ease;max-height:20dvh;white-space:nowrap}.lab-breed-button-cost{font-weight:400;opacity:.9;margin-left:4px}.lab-breed-button.active{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 8px #4caf504d}.lab-breed-button.active:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066}.lab-breed-button.inactive{background:#fff3;color:#ffffff80;cursor:not-allowed;border:2px solid rgba(255,255,255,.2)}.breeding-res-animation-overlay{position:fixed;inset:0;background:#000c;z-index:500;display:flex;align-items:center;justify-content:center;pointer-events:none}.breeding-res-animation-container{position:relative;height:min(415.5px,90cqh,70cqw);aspect-ratio:256 / 415.5;perspective:800px;transform-style:preserve-3d}.breeding-res-card-animate{position:absolute;inset:0;scale:0;opacity:1;transform-style:preserve-3d;animation:fusionExpand 1s ease-out forwards,breedingCardAnimate 2s infinite linear;transition:all 1.5s cubic-bezier(.4,0,.2,1)}.breeding-res-card-animate.stop{scale:0}.breeding-res-card-animate.left{animation-delay:0s,-1s}@keyframes breedingCardAnimate{0%{transform:rotateY(0) translate(60%) rotateY(360deg)}to{transform:rotateY(360deg) translate(60%) rotateY(0)}}.breeding-res-fusion-circle{position:absolute;inset:-100%;background:radial-gradient(circle,#fffc,#fff0 70%);border-radius:50%;animation:fusionExpand 1s ease-out forwards;z-index:-1;scale:0}@keyframes fusionExpand{to{scale:1}}.breeding-lab-cost-and-button-container{flex-direction:column}.breeding-result-preview-container{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:1dvw;display:flex;flex-direction:row;align-items:center;gap:1.25rem}.breeding-lab-preview-arrow{color:#fff9;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,.5);line-height:1}.breeding-result-preview-arrow-horizontal{display:block}.breeding-result-preview-arrow-vertical{display:none}.breeding-cost-info{text-align:center;background:#0009;padding:var(--small-medium-c) var(--medium-c);border-radius:8px}.breeding-cost-label{color:#fff;font-size:12px;margin-bottom:8px;opacity:.8;white-space:nowrap}.breeding-cost-options{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.cost-option{display:flex;align-items:center;gap:4px;background:#ffffff1a;padding:6px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.2)}.cost-option.spoons{border-color:#ffc8004d}.cost-option.dna{border-color:#00c8ff4d}.cost-option .currency-emoji{font-size:16px}.cost-option .cost-amount{color:#fff;font-weight:700;font-size:14px}.cost-separator{color:#666;font-size:14px}.insufficient-currency-warning{color:#f44;font-size:12px;margin-top:8px;text-align:center}.currency-radio-option{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.currency-radio-option:hover{background:#ffffff14;border-color:#ffffff4d}.currency-radio-option.selected{background:#ffffff1a;border-color:#4caf50;box-shadow:0 0 0 1px #4caf50 inset}.cost-option.insufficient-currency{background:#ff00001a;border:2px solid rgba(255,255,255,.2);border-color:#be3333;box-shadow:0 0 0 1px #be3333 inset}.currency-radio-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.currency-radio-option .currency-emoji{font-size:18px}.currency-radio-option .cost-amount{color:#fff;font-weight:700;font-size:14px}.breeding-cost-options.single{justify-content:center}.breeding-result-preview-and-cost-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--medium)}@media(orientation:landscape){.breeding-lab-parent-container-with-preview{max-width:75%}.breeding-lab-parent-container{height:100%;max-height:min(100%,512px);flex:unset}.breeding-lab-preview-container{max-width:25%;height:100%;max-height:min(100%,512px);flex:unset}}@media(orientation:portrait){.breeding-parents-wrapper{flex-direction:column}.breeding-result-preview-container{position:static;transform:none;flex-direction:column;gap:.75rem;margin-top:1.5rem;margin-left:0;width:fit-content}.breeding-result-preview-arrow-horizontal{display:none}.breeding-result-preview-arrow-vertical{display:block}.breeding-result-preview-arrow{font-size:28px}.breeding-result-preview-and-cost-container{flex-direction:row;gap:var(--medium)}.parent-selection-container{gap:5dvw}.breeding-lab-preview-container{width:25%}.breeding-lab-parent-container,.breeding-lab-preview-container{max-height:30dvh}}@media(orientation:landscape)and (max-height:500px){.breeding-lab-cost-and-button-container{flex-direction:row}}@media(orientation:portrait)and (max-height:500px){.breeding-lab-cost-and-button-container{flex-direction:row}}.vote-hub{width:100dvw;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.vote-hub-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem}.vote-hub-header{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.vote-hub h1{color:#fff;font-size:2.5rem;margin:0;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.vote-progress-section{background:#ffffff1a;border-radius:1rem;padding:1.5rem;margin:0 1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);max-width:600px;margin-left:auto;margin-right:auto;width:calc(100% - 2rem)}.progress-title{color:#fffc;font-size:1rem;text-align:center;margin-bottom:1rem}.progress-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.progress-bar{height:32px;background:#0000004d;border-radius:1rem;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.progress-bar-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;z-index:1}.progress-fill{height:100%;background:linear-gradient(90deg,#ff69b4,#ff1493);transition:width .3s ease;border-radius:1rem;box-shadow:0 0 20px #ff69b480}.claim-reward-button{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a2e;border:none;padding:.75rem 1.5rem;border-radius:2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 20px #ffd70080}50%{transform:scale(1.05);box-shadow:0 0 30px #ffd700cc}to{transform:scale(1);box-shadow:0 0 20px #ffd70080}}.claim-reward-button:hover{transform:scale(1.1);box-shadow:0 5px 20px #ffd70099}.claim-reward-button:disabled{opacity:.6;cursor:not-allowed;animation:none}.questions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;width:100%;padding:0 1rem 1rem}.question-card{padding:2rem;border-radius:1rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px;box-shadow:0 4px 15px #0000004d}.question-card.experimental-tile{grid-column:1 / -1}.sage-experiments-section{background:#ffffff14;border:2px solid rgba(255,215,0,.4);border-radius:1rem;padding:1rem;margin:0 auto 1.5rem;max-width:1200px;width:calc(100% - 2rem)}.sage-experiments-header{display:flex;align-items:center;justify-content:center;gap:.5rem;color:gold;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.sage-icon{font-size:1.5rem}.sage-subtitle{color:#ffffffb3;font-weight:400;font-size:1rem}.sage-experiments-grid{display:grid;grid-template-columns:1fr;gap:1rem}.sage-experiments-grid .question-card.experimental-tile{grid-column:auto}.disabled-experiments-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;max-width:1200px;margin:1.5rem auto 0;width:calc(100% - 2rem);opacity:.6}.disabled-experiments-section .question-card.experimental-tile{grid-column:auto;min-height:150px}.disabled-experiments-section .question-card.experimental-tile:hover{opacity:.8}.question-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006}.question-card.selected{transform:scale(.95);opacity:.8}.question-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 3s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.question-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.question-subtitle{color:#fffc;font-size:.9rem;font-weight:400;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.question-arrow{position:absolute;bottom:1rem;right:1rem;color:#fffc;font-size:1.5rem;transition:transform .3s ease}.question-card:hover .question-arrow{transform:translate(5px)}.reward-claim-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:u_fadeIn .3s ease}.reward-claim-content{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:3rem;border-radius:1rem;text-align:center;animation:slideUp .5s ease;border:2px solid #ffd700;box-shadow:0 0 50px #ffd70080}.reward-claim-content h2{color:gold;font-size:2rem;margin-bottom:.5rem}.reward-claim-content p{color:#fffc;font-size:1.2rem}@media(max-width:768px){.vote-hub h1{font-size:1.8rem}.questions-grid{grid-template-columns:1fr;gap:1rem}.question-card{min-height:150px;padding:1.5rem}.question-icon{font-size:3rem}.question-title{font-size:1.1rem}.question-subtitle{font-size:.8rem}.back-button{font-size:.9rem;padding:.4rem .8rem;white-space:nowrap}.vote-progress-section{margin:0 .5rem 1.5rem;width:calc(100% - 1rem)}.questions-grid{padding:0 .5rem .5rem}.vote-hub-header{padding:.5rem;display:grid;grid-template-columns:1fr auto 1fr}.sage-experiments-section{width:calc(100% - 1rem);margin:0 .5rem 1rem}.sage-experiments-header{font-size:1.1rem;flex-wrap:wrap}.sage-experiments-grid{grid-template-columns:1fr}.disabled-experiments-section{grid-template-columns:1fr;width:calc(100% - 1rem);margin:1rem .5rem 0}}@media(max-width:896px)and (orientation:landscape){.vote-hub-header{margin-bottom:1rem;padding:.5rem;display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem}.vote-hub h1{font-size:1.5rem;text-align:center;grid-column:2}.back-button{font-size:.85rem;padding:.4rem .6rem}.vote-progress-section{padding:1rem;margin:0 .5rem 1rem;width:calc(100% - 1rem)}.questions-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 .5rem .5rem}.question-card{min-height:120px;padding:1rem}.question-icon{font-size:2.5rem;margin-bottom:.5rem}.question-title{font-size:1rem}.question-subtitle{font-size:.75rem}.progress-bar{height:20px}.sage-experiments-section{width:calc(100% - 1rem);margin:0 .5rem 1rem;padding:.75rem}.sage-experiments-header{font-size:1rem;margin-bottom:.75rem}.sage-experiments-grid{grid-template-columns:1fr;gap:.75rem}.disabled-experiments-section{grid-template-columns:repeat(2,1fr);width:calc(100% - 1rem);margin:.75rem .5rem 0;gap:.75rem}}.voting-content{flex:1;overflow-y:auto;overflow-x:hidden}.votes-progress{width:100%;max-width:400px}.progress-bar-container{background:#0000004d;border-radius:1rem;height:32px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ff69b4,#ff1493);transition:width .3s ease;border-radius:1rem;box-shadow:0 0 10px #ff69b480}.progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.85rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5);white-space:nowrap;z-index:1}.voting-container{position:relative;transform-style:preserve-3d}.voting-card-container{cursor:pointer;transition:transform .3s ease,opacity .3s ease,filter .3s ease;will-change:transform;position:relative;width:min(315px,100vw,35dvh - 6em)}.voting-card-container:nth-child(1){z-index:2}.voting-card-container:nth-child(2){z-index:1}.voting-card-container:nth-child(2):hover{z-index:3}.voting-card-container.winner{transform:scale(1.1);filter:brightness(1.2)}.voting-card-container.loser{transform:scale(.9);opacity:.5;filter:grayscale(50%)}.voting-card-container.exiting{pointer-events:none}.voting-card-container.exiting:nth-child(1){animation:cardFallAwayLeft .4s ease-out forwards}.voting-card-container.exiting:nth-child(2){animation:cardFallAwayRight .4s ease-out forwards}@keyframes cardFallAwayLeft{0%{transform:perspective(1000px) rotateY(0) rotateX(0) translateZ(0);opacity:1}to{transform:perspective(1000px) rotateY(-25deg) rotateX(10deg) translateZ(-300px) translate(-200px);opacity:0}}@keyframes cardFallAwayRight{0%{transform:perspective(1000px) rotateY(0) rotateX(0) translateZ(0);opacity:1}to{transform:perspective(1000px) rotateY(25deg) rotateX(10deg) translateZ(-300px) translate(200px);opacity:0}}.voting-container.cards-exiting:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ff69b4;border-radius:50%;animation:spin 1s linear infinite,fadeIn .3s ease-out}.voting-card{animation:cardSlideIn .25s ease;transform:translateZ(0);transition:transform .2s ease}@keyframes cardSlideIn{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}.creator-username{color:#ffffffb3;font-size:clamp(.7rem,1vw,1.5rem);font-style:italic;text-align:center;opacity:0;animation:u_fadeIn .5s ease-out .3s forwards}.tie-button-container{display:flex;justify-content:center;padding:.5rem;margin-top:auto;flex-shrink:0}.tie-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:700}.tie-button:hover{background:#fff3;transform:scale(1.05)}.tie-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f443;border:1px solid rgba(255,68,68,.4);border-radius:.5rem;padding:1.5rem;margin:2rem auto;max-width:500px;text-align:center;color:#fff}.error-message p{margin:.5rem 0}.countdown{font-size:1.2rem;font-weight:700;color:gold}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #ff69b4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.question-header{font-size:32px}@media(max-width:400px)or (max-height:400px){.question-header{font-size:16px}}.exp-img-follow-up-overlay{position:fixed;inset:0;background:#000000f2;z-index:1000;animation:fadeIn .3s ease;overflow-y:auto;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.exp-img-follow-up-content{display:flex;flex-direction:column;max-width:600px;width:100%;margin:0 auto;animation:slideUp .5s ease}.follow-up-header{text-align:center;padding:0 0 .5rem;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:1rem}.follow-up-header h2{color:#fff;font-size:1.3rem;margin:0}.clickable-image-wrapper{position:relative;cursor:pointer;transition:transform .2s ease}.clickable-image-wrapper:hover{transform:scale(1.05)}.zoom-indicator{display:none}@media(max-width:768px){.zoom-indicator{position:absolute;bottom:.5rem;right:.5rem;background:#0009;color:#fff;padding:.5rem;border-radius:.375rem;font-size:1.2rem;pointer-events:none;display:block}.parent-compact-card .zoom-icon{display:block}}@media(min-width:769px){.parent-compact-card .zoom-icon{display:none}}.winner-image{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 10px #0000004d}.winner-image .clickable-image-wrapper{max-width:100%;flex-shrink:1}.winner-image.scrolled{padding:.75rem 1rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.parents-compact{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;justify-content:center;align-items:center}.parent-compact-card{cursor:pointer;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem}.parent-compact-card:hover{transform:scale(1.05)}.parent-compact-card img{width:120px;height:auto;object-fit:contain;border-radius:.375rem;border:2px solid rgba(255,255,255,.3);background:#fff;padding:.5rem;display:block}.parent-compact-card .zoom-icon{color:#fff9;font-size:14px}.winner-image.scrolled .parent-compact-card img{width:60px;padding:.25rem}.winner-image.scrolled .parent-compact-card .zoom-icon{font-size:12px}.winner-image.scrolled .clickable-image-wrapper{flex-shrink:0;display:flex;align-items:center;max-width:30%}.winner-image.scrolled img{width:100%;height:auto}.winner-image img{max-width:100%;height:auto;border-radius:.5rem;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000004d;background:#fff;padding:.5rem}.follow-up-questions{display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:2rem;border-radius:0 0 1rem 1rem;box-shadow:0 0 50px #00000080;border:1px solid rgba(255,255,255,.1);border-top:none}.question-section{display:flex;flex-direction:column;gap:.75rem}.question-section label{color:#fff;font-size:1rem;font-weight:600}.rating-stars{display:flex;gap:.5rem;justify-content:center}.star-button{background:transparent;border:none;font-size:2.5rem;color:#ffffff4d;cursor:pointer;transition:all .2s ease;padding:0}.star-button:hover{color:gold;transform:scale(1.2)}.star-button.active{color:gold}.parent-reflection-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.parent-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.parent-option img{width:60px;height:60px;border-radius:.375rem;object-fit:contain;background:#fff;padding:.25rem}.parent-option.text-only{padding:1.25rem .75rem}.parent-option:hover{border-color:#fff9;background:#ffffff1a}.parent-option.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.issue-checklist{display:flex;flex-direction:column;gap:.75rem}.issue-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;background:#ffffff0d;border-radius:.5rem}.issue-label{color:#ffffffe6;font-size:.9rem;flex:1;min-width:0}.boolean-buttons-small{display:flex;gap:.5rem;flex-shrink:0}.boolean-button-small{padding:.375rem .875rem;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:.375rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:48px}.boolean-button-small:hover{border-color:#fff9;background:#ffffff1a}.boolean-button-small.active{border-color:#4a90e2;background:#4a90e2;color:#fff}.feedback-textarea{width:100%;min-height:100px;padding:.75rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.3);background:#0000004d;color:#fff;font-size:1rem;font-family:inherit;resize:vertical}.feedback-textarea::placeholder{color:#fff6}.feedback-textarea:focus{outline:none;border-color:#4a90e2}.character-count{text-align:right;font-size:.85rem;color:#ffffff80}.step-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;position:relative}.button-wrapper{position:relative;width:100%}.continue-button{width:100%;padding:1rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,gold,#ffb700);color:#1a1a2e;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.continue-button:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ffd70066}.continue-button.disabled{opacity:.5;cursor:not-allowed}.continue-button.disabled:hover{transform:none;box-shadow:none}.skip-button{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.skip-button:hover{border-color:#fff9;background:#ffffff1a}.continue-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#4a90e2f2;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.9rem;white-space:normal;max-width:75vw;box-shadow:0 4px 15px #0000004d;animation:tooltipFadeIn .2s ease;z-index:10;text-align:center}.skip-warning{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#ffa500f2;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 15px #0000004d;animation:tooltipFadeIn .2s ease;z-index:10;text-align:center}.skip-warning-mobile{display:none;color:#ffffffb3;font-size:.85rem;text-align:center;margin-top:.5rem}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only,.skip-warning-mobile{display:block}}.submit-button-container{position:relative;margin-top:.5rem}.submit-follow-up-button{width:100%;padding:1rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,#4a90e2,#1e5799);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-follow-up-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4a90e266}.submit-follow-up-button.disabled{opacity:.5;cursor:not-allowed}.submit-follow-up-button.disabled:hover{transform:none;box-shadow:none}.submit-tooltip{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);background:#ff6b6bf2;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 15px #0000004d;animation:tooltipFadeIn .2s ease;z-index:10}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.parents-modal-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:90vw;max-height:90vh}.parent-modal-card{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:1}.parent-modal-card img{max-width:42vw;max-height:70vh;width:100%;object-fit:contain;background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 50px #000c}.parent-modal-name{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.8)}@media(max-width:768px){.follow-up-header{padding:1rem 1.5rem}.follow-up-header h2{font-size:1.1rem}.winner-image{padding:1rem 1.5rem}.winner-image{gap:1rem}.parent-compact-card img{width:80px}.winner-image.scrolled{padding:.5rem 1rem;gap:.5rem}.winner-image.scrolled .parent-compact-card img{width:50px}.winner-image.scrolled .clickable-image-wrapper{max-width:30%}.follow-up-questions{padding:1.5rem}.parent-option img{width:50px;height:50px}.star-button{font-size:2rem}.issue-item{gap:.75rem}.issue-label{font-size:.85rem}.boolean-button-small{padding:.375rem .75rem;font-size:.8rem;min-width:44px}.submit-tooltip{white-space:normal;max-width:calc(100vw - 4rem);text-align:center}.skip-warning{white-space:normal;max-width:calc(100vw - 4rem)}.continue-tooltip{max-width:calc(100vw - 4rem)}.parent-modal-card img{max-width:42vw}.parent-modal-name{font-size:1rem}}@media(max-width:896px)and (orientation:landscape){.follow-up-header,.winner-image{padding:.75rem 1rem}.follow-up-questions{gap:1rem;padding:1rem}.star-button{font-size:1.8rem}}.voting-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;width:100%;max-width:1000px}.question-header{color:#fff;font-size:1.8rem;margin:0;text-align:center}.votes-progress{width:100%;max-width:600px}.progress-bar-container{position:relative;width:100%;height:40px;background:#ffffff1a;border-radius:20px;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4a90e2,#1e5799);transition:width .3s ease}.progress-label{position:relative;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:1}.breeding-context{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;width:100%;max-width:600px}.exp-img-voting-parent-cards-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%}.exp-img-voting-parent-card-wrapper{display:flex;flex-direction:column;align-items:center;aspect-ratio:256 / 415.5;max-height:400px}.exp-img-voting-parent-voting-card{width:100%}.plus-sign{color:#fff9;font-size:2rem;font-weight:700}.variants-container{width:100%;transition:opacity .3s ease,transform .3s ease}.variants-container.exiting{opacity:0;transform:scale(.95)}.variant-option{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:1rem;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.variant-option:hover{border-color:#ffffff4d;background:#ffffff14}.variant-image{aspect-ratio:1;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 15px #0000004d}.variant-image img{width:100%;height:100%;object-fit:contain;background:#fff;padding:.5rem}.variant-label{color:#fff;font-size:1.5rem;font-weight:700}.variant-phrase{color:#ffffffb3;font-size:.9rem;font-style:italic}.vote-button{width:100%;padding:.75rem 1.5rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,#4a90e2,#1e5799);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.vote-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4a90e266}.vote-button:disabled{opacity:.5;cursor:not-allowed}.tie-section{display:flex;justify-content:center;margin-bottom:1rem}.tie-button{padding:.75rem 3rem;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.tie-button:hover:not(:disabled){border-color:#fff9;background:#ffffff1a}.tie-button:disabled{opacity:.5;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ff6b6b;text-align:center;padding:2rem}.error-message button{margin-top:1rem;padding:.75rem 2rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .3s ease}.error-message button:hover{background:#fff3;border-color:#ffffff80}.countdown{font-weight:700;margin-top:.5rem}.fullscreen-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer;padding:1rem;animation:fadeIn .2s ease}.fullscreen-modal img{max-width:100%;max-height:100%;object-fit:contain;background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 50px #000c}.modal-close-button{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:2rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2001;transition:all .2s ease;line-height:1;padding:0}.modal-close-button:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.parents-modal-content{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%;height:100%;padding:2rem}.parent-modal-card{display:flex;flex-direction:column;align-items:center;flex:1;max-width:50%;max-height:100%}.parent-modal-card img{width:100%;height:auto;max-height:calc(100vh - 4rem);object-fit:contain;background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 50px #000c}@media(max-aspect-ratio:1/1){.parents-modal-content{flex-direction:column;gap:1rem;padding:1rem}.parent-modal-card{max-width:100%;max-height:50%;flex:0 0 auto}.parent-modal-card img{max-height:calc(50vh - 2rem)}}@media(max-width:768px){.question-header{font-size:1.3rem}.progress-bar-container{height:35px}.progress-label{font-size:.85rem}.parent-cards-container{gap:.5rem}.parent-voting-card{max-height:200px}.plus-sign{font-size:1.2rem}.variants-container.pair{grid-template-columns:repeat(2,1fr);gap:.5rem}.variants-container.triple{grid-template-columns:repeat(3,1fr);gap:.5rem}.parent-cards{gap:.5rem}.parent-name{font-size:.8rem}.breeding-context h2{font-size:1.1rem}.variant-label{font-size:1.2rem}.variant-option{padding:.5rem}.variant-phrase{font-size:.75rem}.variant-option .vote-button{font-size:.85rem;padding:.5rem 1rem}}@media(max-width:896px)and (orientation:landscape){.exp-img-voting-content{padding:.5rem}.question-header{font-size:1.2rem}.progress-bar-container{height:30px}.progress-label{font-size:.8rem}.breeding-context{margin-bottom:1rem}.breeding-context h2{font-size:1rem;margin-bottom:.5rem}.parent-cards{gap:.5rem}.variants-container.pair{grid-template-columns:repeat(2,1fr)}.variants-container.triple{grid-template-columns:repeat(3,1fr)}.variant-option{padding:.75rem}}.reward-notification{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:u_fadeIn .3s ease}.reward-content{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:3rem;border-radius:1rem;text-align:center;animation:slideUp .5s ease;border:2px solid #ffd700;box-shadow:0 0 50px #ffd70080}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.reward-icon{font-size:5rem;margin-bottom:1rem;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.reward-content h2{color:gold;font-size:2rem;margin:0 0 .5rem}.reward-content p{color:#fffc;font-size:1.2rem;margin:0 0 1.5rem}.claim-button{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a2e;border:none;padding:.75rem 2rem;border-radius:2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.claim-button:hover{transform:scale(1.1);box-shadow:0 5px 20px #ffd70099}.exp-img-voting-parent-card{min-height:23dvh;min-width:calc(256 / 415.5 * 23dvh)}@media(orientation:landscape)and (max-height:900px){.exp-img-voting-content.l-row-p-col.prefer-vertical{flex-direction:row}.exp-img-voting-equals-sign:before{content:"="}}@media(max-height:575px){.exp-img-voting-primary-content{overflow:auto}.voting-header{margin-bottom:.5rem}.exp-img-voting-content.flex-1{flex:unset;min-height:unset;min-width:unset}.exp-img-voting-parent-card{align-self:flex-start}.plus-sign{align-self:center}}.name-gen-voting-page{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:4rem 1rem 1rem}.name-gen-voting-primary-content.primary-content{flex:1;overflow-y:auto}.name-gen-flavor-text-voting-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.name-gen-variants-container{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;transition:opacity .3s ease,transform .3s ease}.name-gen-variants-container.exiting{opacity:0;transform:scale(.95)}.name-gen-variant-column{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;flex:1;background:#ffffff0d;border-radius:.75rem;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.name-gen-variant-column:hover{border-color:#ffffff4d;background:#ffffff14}.name-gen-variant-column .vote-button{margin-top:auto}.name-gen-voting-primary-content>.tie-button,.name-gen-flavor-text-voting-content>.tie-button{padding:.5rem 1.875rem;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.name-gen-voting-primary-content>.tie-button:hover:not(:disabled),.name-gen-flavor-text-voting-content>.tie-button:hover:not(:disabled){border-color:#fff9;background:#ffffff1a}.name-gen-voting-primary-content>.tie-button:disabled,.name-gen-flavor-text-voting-content>.tie-button:disabled{opacity:.5;cursor:not-allowed}.name-gen-child-card-container{display:flex;justify-content:center;align-items:center;transition:opacity .3s ease,transform .3s ease}.name-gen-child-card-container.exiting{opacity:0;transform:scale(.95)}.name-options-row{display:flex;justify-content:center;gap:1.25rem}.name-option{display:flex;flex-direction:column;align-items:center;gap:.35rem}.name-preview-btn{padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.name-preview-btn:hover{border-color:#ffffff80;background:#ffffff1a}.name-preview-btn.selected{border-color:#4ade80;background:#4ade8026}.flavor-options-container{display:flex;justify-content:center;align-items:stretch;gap:.75rem}.flavor-options-container.single-view{flex-direction:column;align-items:center}.flavor-option{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:.75rem;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.flavor-option:hover{border-color:#ffffff4d;background:#ffffff14}.flavor-option .flavor-text-container{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column}.flavor-option .flavor-text{text-align:center;white-space:pre-line}.flavor-option-column{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;max-width:450px}.flavor-option-column .vote-button{align-self:center}.name-option .vote-button,.flavor-option-column .vote-button,.flavor-options-container .vote-button{width:auto;white-space:nowrap;padding:.5rem 1.875rem}.name-option .vote-button.pulse{animation:vote-pulse .4s ease-out}@keyframes vote-pulse{0%{transform:scale(1);box-shadow:0 0 #4ade8080}50%{transform:scale(1.08);box-shadow:0 0 0 6px #4ade8000}to{transform:scale(1);box-shadow:0 0 #4ade8000}}.flavor-options-container.single-view .flavor-option{flex:0 0 auto;width:100%;max-width:90dvw}.name-gen-voting-parent-card{width:clamp(90px,min(20dvw,.431 * calc(100dvh - 60px - 94px - 98px - 39px - var(--medium-large-c) * 2 - var(--large-c) * 3)),140px);flex-shrink:0}.name-gen-voting-card{width:clamp(128px,min(28dvw,.616 * calc(100dvh - 60px - 94px - 98px - 39px - var(--medium-large-c) * 2 - var(--large-c) * 3)),200px);flex-shrink:0}.name-gen-voting-card-flavor-text{width:clamp(128px,min(28dvw,.616 * calc(100dvh - 60px - 94px - var(--medium-large-c) * 2 - var(--large-c))),200px)}.flavor-text-container{width:auto;padding:.75rem 1rem;background:linear-gradient(135deg,#1e1e28e6,#14141ef2);border-radius:.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d}.flavor-text{color:#ffffffe6;font-size:.85rem;font-style:italic;line-height:1.5;margin:0;text-align:center;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;font-family:Georgia,Times New Roman,serif}.name-gen-voting-equals-sign{line-height:1;margin:0;padding:0 0 .15rem}.voting-header,.votes-progress{margin-bottom:0}.votes-progress-bottom{display:none}@media(max-height:570px){.votes-progress-top{display:none}.votes-progress-bottom{display:block}}.name-gen-variants-container.single-view{flex-direction:column;align-items:center}.name-gen-variants-container.single-view .name-gen-variant-column{flex:0 0 auto}.single-view-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab-button{padding:.5rem 1.5rem;border:2px solid rgba(255,255,255,.3);background:transparent;color:#fff;border-radius:.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{border-color:#ffffff80;background:#ffffff1a}.tab-button.active{border-color:#fffc;background:#ffffff26}.tab-button.seen:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#4ade80;border-radius:50%}.seen-hint{color:#fffc;font-size:.85rem;font-style:italic;margin-top:.5rem}.name-gen-voting-equals-sign:before{content:"="}.fullscreen-modal{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer;padding:1rem;overflow:auto}.modal-close-button{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;border:none;background:#ffffff1a;color:#fff;font-size:1.5rem;border-radius:50%;cursor:pointer;z-index:2001}.modal-close-button:hover{background:#fff3}.parent-modal-card{flex-shrink:0}@media(max-height:945px){.name-gen-voting-primary-content .question-header{font-size:1rem}.name-gen-voting-primary-content .progress-bar-container{height:30px}.name-gen-voting-primary-content .progress-label{font-size:.75rem}}@media(max-height:500px){.name-gen-voting-primary-content .progress-bar-container{height:20px}.name-gen-voting-primary-content .progress-label{font-size:.5rem}.name-gen-voting-primary-content.large-gap-c{gap:.5rem}.name-gen-voting-primary-content .medium-gap-c{gap:.25rem}}@media(orientation:portrait){.name-gen-voting-parent-card{width:clamp(90px,min(28dvw,.308 * (.616 * calc(100dvh - 60px - 94px - 98px - 39px - var(--medium-large-c) * 2 - var(--large-c) * 3))),140px)}.name-gen-voting-card{width:clamp(128px,min(40dvw,.44 * (.616 * calc(100dvh - 60px - 94px - 98px - 39px - var(--medium-large-c) * 2 - var(--large-c) * 3))),200px)}.name-gen-voting-card-flavor-text{width:clamp(128px,min(80dvw,.616 * calc(100dvh - 60px - 94px - 350px - var(--medium-large-c) * 2 - var(--large-c) * 2)),200px)}}.image-popover-overlay{position:fixed;inset:0;background:#141414e6;-webkit-backdrop-filter:blur(.625em);backdrop-filter:blur(.625em);z-index:3000;display:flex;align-items:center;justify-content:center;animation:u_fadeIn .2s ease-out;cursor:pointer}.image-popover-close-button{position:fixed;top:1.25em;right:1.25em;background:#ffffff1a;border:.125em solid rgb(255 255 255 / .3);color:#fff;width:3em;height:3em;border-radius:50%;font-size:clamp(1.75rem,1.5357rem + .7143vw,2rem);line-height:1;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(.625em);backdrop-filter:blur(.625em);z-index:3001;display:flex;align-items:center;justify-content:center;padding:0}.image-popover-close-button:hover{background:#fff3;border-color:#ffffff80;transform:scale(1.1)}.image-popover-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;width:90vw;height:90vh;cursor:default}.shop-container{width:100dvw;height:100dvh;display:flex;flex-direction:column;color:#fff;overflow-y:auto}.shop-loading,.shop-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:6rem 3rem;font-size:1.25rem}.retry-button{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border:none;border-radius:2rem;padding:.75rem 2rem;font-size:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,sienna,peru);transform:translateY(-2px)}.shop-content-wrapper{display:flex;flex-direction:column;gap:3rem;width:min(1080px,100%);margin-inline:auto;padding:3rem 1rem}@media(max-width:896px){.shop-content-wrapper{width:min(380px,100%)}}.shop-header{display:flex;flex-direction:column;align-items:center;gap:2rem}.shop-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 20px rgba(255,215,0,.3)}.shop-timer{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#ffffff1a;border-radius:1rem;padding:1rem 2rem}.shop-timer .timer-label{font-size:.9rem;color:#ffffffb3}.shop-timer .timer-countdown{font-size:1.5rem;font-weight:700;color:gold;font-family:Courier New,monospace}.shop-section{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:#ffffff0d;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.shop-section .section-title{font-size:1.75rem;font-weight:700;color:#fff;text-align:center}.shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:2rem}@media(max-width:896px){.shop-items{grid-template-columns:repeat(1,1fr)}}.shop-item-card{display:flex;flex-direction:column;gap:1.5rem;--slide-from: 0 20px;--delay: calc(.1s * var(--index));animation:u_fadeIn 1s var(--delay) both,u_slideIn .5s var(--delay) both;transition:all .3s ease}.shop-item-card:hover{transform:translateY(-2px)}.rarity-label{display:flex;align-items:center;justify-content:center;gap:.25rem}.rarity-label .rarity-emoji{font-size:1.25rem}.rarity-label .rarity-text{font-size:1.25rem;color:#fffc;font-weight:600}.shop-item-info{display:flex;flex-direction:column;gap:.75rem}.purchase-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 2rem;font-size:1.125rem;font-weight:700;border:none;border-radius:2rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.price-amount{font-weight:800}.currency-emoji{font-size:1.25rem}.purchase-count{font-size:.875rem;color:#4a90e2;font-weight:600}.insufficient{font-size:.75rem;color:#ffffff80}.already-owned{color:#ffffff80}.purchasing{opacity:.7}.after-purchase-breeding-button{position:relative;padding:.75rem 2rem;border:none;border-radius:2rem;text-decoration:none;color:#fff;cursor:pointer;font-size:1em;font-weight:700;background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d}@media(max-width:768px){.shop-title{font-size:2rem}.section-title{font-size:1.5rem}}@media(max-width:896px)and (orientation:landscape){.shop-title{font-size:2rem}.section-title{font-size:1.25rem}}.spoons-items{display:flex;flex-direction:column;gap:1rem}.spoons-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff14;border-radius:.75rem;transition:all .3s ease}.spoons-item:hover{background:#ffffff1f;transform:translateY(-2px)}.item-icon{width:80px;height:80px;flex-shrink:0}.item-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.item-details{flex:1}.item-name{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.item-description{font-size:.875rem;color:#ffffffb3}.dna-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;max-width:800px;margin:0 auto}.dna-package{position:relative;padding:2rem 1rem;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:1rem;text-align:center;cursor:pointer;transition:all .3s ease}.dna-package:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-4px)}.dna-package.best-value{border-color:gold;background:#ffd7001a}.dna-package.selected{border-color:#4a90e2;background:#4a90e233}.value-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:.25rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.dna-amount{margin-bottom:.5rem}.amount-number{font-size:2.5rem;font-weight:800;margin-right:.5rem}.dna-price{font-size:1.25rem;font-weight:700;color:#4a90e2}.supporter-item{padding:2rem;background:linear-gradient(135deg,#ffd7001a,#ffed4e0d);border:2px solid rgba(255,215,0,.3);border-radius:1rem}.supporter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.supporter-title{font-size:1.5rem;font-weight:700;color:gold}.supporter-price{font-size:1.75rem;font-weight:800;color:#fff}.supporter-benefits{list-style:none;margin:0;padding:0;margin-bottom:2rem}.benefit-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;font-size:1rem;line-height:1.5}.benefit-icon{font-size:1.25rem;flex-shrink:0}.benefit-text{color:#ffffffe6}.spoons-button{background:linear-gradient(135deg,#8b4513,sienna);color:#fff}.spoons-button:hover:not(:disabled){background:linear-gradient(135deg,sienna,peru);transform:translateY(-2px);box-shadow:0 4px 12px #8b451366}.spoons-button:disabled{opacity:.5;cursor:not-allowed}.supporter-button{width:100%;background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-size:1.25rem}.supporter-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ffd70066}.item-stats{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:#ffffffb3}.stat{background:#ffffff1a;padding:.25rem .75rem;border-radius:.5rem}@media(max-width:768px){.spoons-item{flex-direction:column;text-align:center}.item-details{margin-bottom:1rem}.dna-packages{grid-template-columns:repeat(2,1fr)}.dna-package{padding:1.5rem .75rem}.amount-number{font-size:2rem}.supporter-header{flex-direction:column;text-align:center}.benefit-item{font-size:.875rem}}@media(max-width:896px)and (orientation:landscape){.spoons-item{padding:1rem}.item-icon{width:60px;height:60px}.dna-packages{grid-template-columns:repeat(4,1fr)}.dna-package{padding:1rem .5rem}.amount-number{font-size:1.75rem}.benefit-item{font-size:.875rem}}.neutral{--card-color: #64748b;--card-dark: #475569;--card-color-rgb: 100, 116, 139}.the_creative{--card-color: #fb5607;--card-dark: #c2410c;--card-color-rgb: 251, 86, 7}.the_lover{--card-color: #ec4899;--card-dark: #be185d;--card-color-rgb: 236, 72, 153}.the_ruler{--card-color: #fbbf24;--card-dark: #d97706;--card-color-rgb: 251, 191, 36}.the_sage{--card-color: #10b981;--card-dark: #047857;--card-color-rgb: 16, 185, 129}.challenge-card-compact{display:flex;align-items:center;gap:1em;padding:1em;background:linear-gradient(90deg,#000000f2,#000000d9);border:2px solid var(--card-color);border-radius:.5em;box-shadow:0 0 20px #000c,inset 0 0 30px rgba(var(--card-color-rgb),.1);width:100%;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none}.challenge-card-compact:hover{transform:scale(1.01);box-shadow:0 0 30px var(--card-color),inset 0 0 40px rgba(var(--card-color-rgb),.2)}.challenge-card-compact.curse{--card-color: #dc2626;--card-dark: #991b1b;--card-color-rgb: 220, 38, 38}.card-icon-diamond{position:relative;display:grid;place-items:center;width:70px;height:70px;flex-shrink:0}.diamond-bg{position:absolute;width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:80px solid var(--card-color);opacity:.3;left:-15px;top:-5px;filter:blur(2px)}.diamond-art-container{position:relative;width:60px;height:60px;margin:5px}.diamond-art-container:before{content:"";position:absolute;inset:-3px;transform:rotate(45deg);border:3px solid var(--card-color);border-radius:8px;box-shadow:0 4px 12px #000c,0 0 15px var(--card-color);pointer-events:none}.diamond-art{width:100%;height:100%;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);object-fit:cover;scale:1.325}.challenge-card-compact .card-content{flex:1;display:flex;flex-direction:column;gap:.4em}.challenge-card-compact .card-header{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:1em;flex-wrap:wrap}.challenge-card-compact .card-name{font-size:1em;font-weight:800;color:var(--card-color);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px var(--card-color);order:2;margin-inline:0 auto}.challenge-card-compact .card-description{font-size:.8em;font-weight:500;color:#cbd5e1;line-height:1.4}.challenge-card-compact .card-reward{font-size:1.1em;font-weight:900;color:#4ade80;text-shadow:0 0 8px #4ade80;padding:.3em .6em;background:#0009;border-radius:6px;border:1px solid rgba(74,222,128,.3);white-space:nowrap;flex-shrink:0;order:1}.card-meta-label{font-size:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.4em .8em;background:#00000080;border-radius:.5em;align-self:flex-start;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center}.meta-separator{color:#94a3b880;margin-inline:.5em}.meta-npc.the_creative{color:#fb5607}.meta-npc.the_lover{color:#ec4899}.meta-npc.the_ruler{color:#fbbf24}.meta-npc.the_sage{color:#10b981}.meta-rarity.rarity-0{color:#94a3b8}.meta-rarity.rarity-1{color:#60a5fa}.meta-rarity.rarity-2{color:#a78bfa;text-shadow:0 0 8px rgba(167,139,250,.6)}.meta-rarity.rarity-3{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.8)}.challenges-v3-container{min-height:calc(100vh - 61px);background:linear-gradient(135deg,#1a0b2ecc,#3d1e6dcc,#7b2869cc);overflow-y:auto}.challenges-v3-content{max-width:940px;margin-inline:auto;display:flex;flex-direction:column;gap:6em;padding-block:4em}.challenges-v3-header{display:flex;flex-direction:column;gap:2em;text-align:center;position:relative}@media(max-width:480px){.challenges-v3-header{padding:15px 8px}}.challenges-v3-title{font-size:clamp(1rem,-1.2857rem + 7.619vw,3rem);filter:drop-shadow(0 0 20px rgba(255,0,110,.4))}.challenges-v3-title span{font-weight:900;background:linear-gradient(45deg,#ff006e,#ffbe0b,#fb5607);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3em}.global-timer{display:flex;flex-direction:column;align-items:center;gap:.5em;background:#ffffff1a;border-radius:1em;padding:1em 2em}.global-timer .timer-label{font-size:.9em;color:#ffffffb3}.global-timer .timer-countdown{font-size:1.5em;font-weight:700;color:gold;font-family:Courier New,monospace}.challenges-v3-sections{display:flex;flex-direction:column;gap:1.5em}.npc-section{display:flex;flex-direction:column;gap:1em;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:1em 1em 1.5em 1.5em;padding:1em}.npc-header{display:flex;justify-content:center;align-items:center}.npc-logo{width:clamp(9.375rem,5.8036rem + 11.9048vw,12.5rem);max-width:100%;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}.challenges-list{display:flex;flex-direction:column;gap:1em}.challenge-item{border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:2em 1em;display:flex;flex-direction:column;gap:2em}.challenge-item.available{border-color:#22c55e80;box-shadow:0 0 20px #22c55e33}.challenge-item.cooldown{pointer-events:none;opacity:.6;border-color:#ffffff1a}.challenge-title{font-size:clamp(1em,.4286em + 1.9048vw,1.5em);font-weight:900;background:linear-gradient(45deg,#ff006e,#ffbe0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;letter-spacing:.05em}.npc-pitch-section{display:flex;align-items:flex-start;gap:1em}@media(max-width:480px){.npc-pitch-section{flex-direction:column;align-items:center;text-align:center}}.npc-portrait{flex-shrink:0;width:clamp(3.75em,2.3214em + 4.7619vw,5em);aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid rgba(251,191,36,.5);box-shadow:0 4px 12px #00000080}.npc-portrait img{width:100%;height:100%;object-fit:cover}.speech-bubble{flex:1;position:relative;padding:1em;background:#fffffff2;border-radius:.5em;border:2px solid rgba(251,191,36,.6);color:#1a0b2e;font-size:clamp(.75rem,.6071rem + .4762vw,.875rem);line-height:1.5;font-weight:600;box-shadow:0 4px 12px #0000004d}.speech-bubble:before{content:"";position:absolute;left:-10px;top:20px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid rgba(255,255,255,.95)}@media(max-width:480px){.speech-bubble:before{display:none}}.challenge-cards-simple-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1em}.challenge-info{display:flex;flex-direction:column;gap:1em}.attempt-tracker{display:flex;align-items:center;gap:.6em;padding:.75em;background:#0006;border-radius:.5em;border:1px solid rgba(255,255,255,.2)}.attempt-dots{display:flex;gap:.4em}.attempt-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);transition:all .2s ease}.attempt-dot.unused{background:transparent}.attempt-dot.result-fail{background:#ef4444;border-color:#ef4444;box-shadow:0 0 8px #ef444499}.attempt-dot.result-partial{background:#fb923c;border-color:#fb923c;box-shadow:0 0 8px #fb923c99}.attempt-dot.result-complete{background:#22c55e;border-color:#22c55e;box-shadow:0 0 8px #22c55e99}.attempts-remaining-text{font-size:.75em;font-weight:700;color:#94a3b8}.attempts-remaining-text.low{color:#fb923c}.attempts-remaining-text.none{color:#ef4444}.attempt-legend{display:flex;flex-wrap:wrap;gap:.75em;padding:.75em;background:#0000004d;border-radius:.5em}.legend-item{display:flex;align-items:center;gap:.5em;font-size:.75em;font-weight:600;color:#cbd5e1}.legend-item .attempt-dot{width:10px;height:10px}.legend-item span{white-space:nowrap}.attempt-button{font-size:1.1em;font-weight:700;padding:.8em 1.6em;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em}.attempt-button.available{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:2px solid rgba(34,197,94,.6);box-shadow:0 4px 12px #22c55e4d}.attempt-button.available:hover{transform:translateY(-2px);box-shadow:0 6px 16px #22c55e66;background:linear-gradient(135deg,#16a34a,#15803d)}.attempt-button.available:active{transform:translateY(0)}.attempt-button.fail,.attempt-button.partial,.attempt-button.complete,.attempt-button.perfect{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;border:2px solid rgba(168,85,247,.6);box-shadow:0 4px 12px #a855f74d}:is(.attempt-button.fail,.attempt-button.partial,.attempt-button.complete,.attempt-button.perfect):hover{transform:translateY(-2px);box-shadow:0 6px 16px #a855f766}.challenge-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.card-count{font-size:12px;font-weight:700;color:#fbbf24;padding:4px 10px;background:#fbbf2426;border-radius:6px;border:1px solid rgba(251,191,36,.4);text-transform:uppercase;letter-spacing:.05em}.challenge-result{font-size:14px;font-weight:700;padding:8px 12px;border-radius:8px;text-align:center}.challenge-result.result-fail{background:#ef444426;color:#f87171;border:2px solid rgba(239,68,68,.4)}.challenge-result.result-partial{background:#fb923c26;color:#fb923c;border:2px solid rgba(251,146,60,.4)}.challenge-result.result-complete{background:#22c55e26;color:#4ade80;border:2px solid rgba(34,197,94,.4)}.challenge-result.result-perfect{background:linear-gradient(135deg,#fbbf2433,#fb923c33);color:#fbbf24;border:2px solid rgba(251,191,36,.6);animation:subtle-glow 2s ease-in-out infinite}@keyframes subtle-glow{0%,to{box-shadow:0 0 15px #fbbf244d}50%{box-shadow:0 0 25px #fbbf2480}}.cooldown-message{font-size:15px;font-weight:600;color:#94a3b8;text-align:center;padding:12px;background:#0000004d;border-radius:8px;border:2px solid rgba(148,163,184,.3)}.empty-state{text-align:center;padding:60px 20px;background:#0006;border:2px solid rgba(251,146,60,.4);border-radius:16px;margin-top:40px}.empty-state h2{font-size:32px;font-weight:900;background:linear-gradient(45deg,#ff006e,#fb5607);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px}.empty-state p{font-size:18px;color:#e2e8f0;margin:10px 0}.loading,.error-state{text-align:center;padding:60px 20px;font-size:24px;font-weight:700;color:#fbbf24}.cta-button{font-size:18px;font-weight:700;padding:12px 32px;background:linear-gradient(135deg,#ff006e,#fb5607);color:#fff;border:2px solid rgba(255,0,110,.6);border-radius:8px;cursor:pointer;margin-top:20px;transition:all .2s ease;box-shadow:0 4px 12px #ff006e4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff006e80}.challenge-meta-row{display:flex;justify-content:space-between;align-items:center;gap:1em;flex-wrap:wrap}@media(max-width:600px){.challenge-meta-row{flex-direction:column;align-items:center;gap:.75em}.challenge-meta-row .challenge-timer,.challenge-meta-row .challenge-type-badge{width:100%;justify-content:center}}.challenge-type-badge{display:inline-flex;padding:.25em .75em;background:#ffd70033;border:1px solid rgb(255 215 0 / .5);border-radius:.75em;font-size:.85em;font-weight:700;text-align:center;white-space:nowrap}.challenge-timer{display:flex;align-items:center;gap:.5em;font-size:1.1em;color:#fc0}.challenge-timer .timer-label{opacity:.7}.challenge-timer .timer-countdown{font-weight:700;font-family:Courier New,Courier,monospace}.sweep-bonus-info{display:flex;flex-direction:column;gap:.5em;padding:.5em 1em;background:#ffd70026;border:1px solid rgb(255 215 0 / .4);border-radius:.5em;font-size:.9em;font-weight:600;color:gold}.sweep-bonus-info>div{display:flex;align-items:center;gap:.5em}.sweep-bonus-info .challenge-sweep-icon,.sweep-bonus-info .sweep-only-icon{font-size:1.2em}.sweep-bonus-info .sweep-bonus-text,.sweep-bonus-info .sweep-only-text{letter-spacing:.02em}:root{--rarity-0-color: #494949;--rarity-0-dark: #2c2c2c;--rarity-0-light: #757575;--rarity-1-color: #4e5afd;--rarity-1-dark: #2e36c7;--rarity-1-light: #7e87fd;--rarity-2-color: #631d75;--rarity-2-dark: #3c1147;--rarity-2-light: #8f5b9d;--rarity-3-color: #f86912;--rarity-3-dark: #953f0b;--rarity-3-light: #fa9854}.collection-card{aspect-ratio:256 / 415.5;display:flex;justify-content:center;align-items:center;flex-shrink:1;min-width:0;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:1;cursor:pointer;transition:z-index 0s;max-height:100%;max-width:100%;overflow:visible}.collection-card-interaction-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:visible}.collection-card.seen-not-owned{filter:brightness(.3);cursor:pointer}.collection-card.seen-not-owned:hover{z-index:10}.collection-card.unseen{opacity:.8;filter:grayscale(.5);cursor:default}.collection-card:not(.unseen):not(.seen-not-owned):hover,.collection-card.label-selector-active:not(.unseen):not(.seen-not-owned){z-index:10}.owned-count-badge{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:32px 0;display:flex;align-items:center;justify-content:center;font-family:Open Sans,sans-serif;font-weight:700;font-size:24px;color:#fff}.owned-count-badge.rarity-0{background-color:var(--rarity-0-color)}.owned-count-badge.rarity-1{background-color:var(--rarity-1-color)}.owned-count-badge.rarity-2{background-color:var(--rarity-2-color)}.owned-count-badge.rarity-3{background-color:var(--rarity-3-color)}.hourglass-icon{font-size:80px;animation:rotate 2s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.generating-text{font-family:Open Sans,sans-serif;font-weight:700;color:#fff;animation:generating-pulse 1.5s ease-in-out infinite;text-shadow:0 0 8px rgba(0,0,0,.8)}@keyframes generating-pulse{0%,to{opacity:1}50%{opacity:.5}}.generation-progress-bar{width:100%;height:16px;background:#0006;border-radius:8px;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;margin-top:16px}.generation-progress-bar-fill{position:absolute;top:0;left:0;height:100%;width:var(--progress, 0);background:linear-gradient(90deg,#4a9d5f,#6bbb5a);border-radius:inherit;transition:width .3s ease}.collection-card-content{width:256px;height:415.5px;min-width:256px;max-height:415.5px;position:relative;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #00000080;cursor:grab;user-select:none;-webkit-user-select:none;transform:scale(.75);contain:layout style paint;transition:opacity .15s ease-out}.collection-card-content.interacting{cursor:grabbing}.collection-card-content.rarity-0{background-color:var(--rarity-0-color)}.collection-card-content.rarity-1{background-color:var(--rarity-1-color)}.collection-card-content.rarity-2{background-color:var(--rarity-2-color)}.collection-card-content.rarity-3{background-color:var(--rarity-3-color)}.collection-card-image-section{width:100%;height:256px;position:absolute;top:0;left:0;border-radius:32px 32px 64px 64px;overflow:hidden}.collection-card-image-section.rarity-0{background-color:var(--rarity-0-dark)}.collection-card-image-section.rarity-1{background-color:var(--rarity-1-dark)}.collection-card-image-section.rarity-2{background-color:var(--rarity-2-dark)}.collection-card-image-section.rarity-3{background-color:var(--rarity-3-dark)}.collection-card-creature-image{width:240px;height:240px;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-user-drag:none;user-drag:none;pointer-events:none;color:transparent;font-size:0}.collection-card-image-border{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:32px 32px 64px 64px;border:8px solid;box-sizing:border-box;pointer-events:none}.collection-card-image-border.rarity-0{border-color:var(--rarity-0-light)}.collection-card-image-border.rarity-1{border-color:var(--rarity-1-light)}.collection-card-image-border.rarity-2{border-color:var(--rarity-2-light)}.collection-card-image-border.rarity-3{border-color:var(--rarity-3-light)}.collection-generation-badge{position:absolute;top:240px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:24px;border:4px solid;font-family:Open Sans,sans-serif;font-weight:700;white-space:nowrap}.collection-generation-badge.rarity-0{background-color:var(--rarity-0-dark);border-color:var(--rarity-0-light);color:#fff}.collection-generation-badge.rarity-1{background-color:var(--rarity-1-dark);border-color:var(--rarity-1-light);color:#fff}.collection-generation-badge.rarity-2{background-color:var(--rarity-2-dark);border-color:var(--rarity-2-light);color:#fff}.collection-generation-badge.rarity-3{background-color:var(--rarity-3-dark);border-color:var(--rarity-3-light);color:#fff}.collection-gen-icon{width:28px;height:28px}.collection-gen-number{font-size:28px;line-height:1}.collection-gen-suffix{font-size:24px;line-height:1;margin-left:-3px}.collection-card-name-section{position:absolute;top:290px;left:0;right:0;padding:16px;text-align:center}.collection-card-name{margin:0;font-family:Open Sans,sans-serif;font-weight:700;font-size:32px;color:#fff;text-shadow:0 0 16px rgba(0,0,0,.8);line-height:1.1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:70px}.collection-card-name.medium-name{font-size:28px;max-height:65px}.collection-card-name.long-name{font-size:24px;max-height:60px}.collection-card-name.very-long-name{font-size:20px;max-height:50px;line-height:1.2}.collection-artists-section{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;padding:4px 8px;display:flex;align-items:center;justify-content:center;gap:4px}.collection-artists-icon{width:12px;height:12px;filter:grayscale(1) brightness(.5)}.collection-artists-icon.ai{filter:none}.collection-artists-text{font-family:Open Sans,sans-serif;font-weight:700;font-size:12px;color:#8d8d8d;text-align:center;white-space:nowrap}.collection-artists-text.long-artists-text{font-size:10px}.collection-card.label-selector-active{z-index:2000;position:relative}.collection-card.label-selector-active .collection-card-interaction-wrapper{position:relative;box-shadow:0 0 30px #64c8ff80,0 0 60px #64c8ff4d}.collection-card.label-selector-active .collection-card-interaction-wrapper:before{content:"";position:absolute;inset:-6px;border-radius:16px;padding:3px;background:linear-gradient(45deg,#0ff,#f0f,#ff0,#0ff);background-size:300% 300%;animation:gradientShift 3s ease infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.challenge-attempt-wrapper{display:flex;flex-direction:column;width:100%;height:100%;justify-content:space-around}.challenge-choice-wrapper{display:flex;flex-direction:column;gap:1.5em;padding-bottom:4em}.challenge-attempt-container{width:100vw;min-height:calc(100dvh - 61px);position:relative;overflow-x:hidden;overflow-y:auto;padding:2em}.challenge-scene{position:relative;z-index:1;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;overflow:visible}.challenge-scene.dialogue-mode{height:100vh;height:100dvh;justify-content:center}.challenge-scene.choice-mode{min-height:100vh;min-height:100dvh;justify-content:flex-start;padding-top:2rem;padding-bottom:2rem}.npc-display{display:flex;align-items:center;justify-content:center;padding:2rem 0;animation:npcEntrance .8s ease-out}@keyframes npcEntrance{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.npc-portrait-large-container{position:relative;animation:npcFloat 3s ease-in-out infinite}@keyframes npcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.npc-portrait-large{width:200px;height:200px;object-fit:cover;border-radius:50%;border:6px solid #fff;box-shadow:0 0 30px #8a2be2cc,0 0 60px #8a2be266,inset 0 0 20px #fff3;background:radial-gradient(circle,rgba(138,43,226,.2),transparent)}.npc-name-plate{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4a148c,#6a1b9a);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-weight:700;font-size:1.1rem;box-shadow:0 4px 15px #0000004d;white-space:nowrap;border:2px solid rgba(255,255,255,.3)}.dialogue-box{position:fixed;bottom:2rem;left:1rem;right:1rem;max-width:800px;margin-inline:auto;background:linear-gradient(135deg,#2a2a4a,#1a1a3a);border:4px solid #fff;border-radius:20px;padding:1.5rem;box-shadow:0 0 0 2px #000,0 8px 32px #00000080,inset 0 1px #fff3;cursor:pointer;animation:dialogueSlideIn .5s ease-out;transition:transform .1s ease;z-index:100}.dialogue-box:hover{transform:scale(1.02)}.dialogue-box:active{transform:scale(.98)}@keyframes dialogueSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialogue-text{color:#fff;font-size:clamp(.9rem,.3286rem + 1.9048vw,1.4rem);line-height:1.6;font-family:Courier New,monospace;text-shadow:2px 2px 4px rgba(0,0,0,.5);min-height:3em;padding-bottom:1em}.typing-cursor{display:inline-block;animation:cursorBlink .5s ease-in-out infinite;color:gold;font-weight:700}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.dialogue-advance-hint{position:absolute;bottom:.5rem;right:1rem;color:#fff9;font-size:.8rem;animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.6}50%{opacity:1}}.challenge-choice-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;gap:1.5em;animation:choiceFadeIn .5s ease-out}@keyframes choiceFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.challenge-question{display:flex;flex-direction:column;gap:.5em;text-align:center;color:#fff}.challenge-question h2{font-size:clamp(1.2rem,.2857rem + 3.0476vw,2rem);text-shadow:3px 3px 6px rgba(138,43,226,.5);background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.challenge-description{font-size:clamp(.9rem,.6714rem + .7619vw,1.1rem);color:#ffffffe6;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.4}.choice-cards{display:flex;gap:.5em;align-items:center;justify-content:center}@media(max-width:428px){.choice-cards{flex-direction:column}}.offering-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:1em;width:min(200px,35vw)}@media(max-width:428px){.offering-card-wrapper{width:min(200px,70vw)}}.choice-or{display:flex;align-items:center;gap:.5em;font-size:clamp(1rem,.4286rem + 1.9048vw,1.5rem);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.5);position:relative}.choice-or:before,.choice-or:after{content:"";width:1em;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.challenge-warning{background:#ffc1071a;border:2px solid rgba(255,193,7,.5);border-radius:10px;padding:.75rem 1.5rem;margin-top:.5rem;color:gold;text-align:center;font-weight:700;animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{box-shadow:0 0 10px #ffc1074d}50%{box-shadow:0 0 20px #ffc10799}}.challenge-error{background:#f443361a;border:2px solid rgba(244,67,54,.5);border-radius:1em;padding:.75em 1.5em;color:#ff6b6b;text-align:center;font-weight:700;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.already-used-warning{background:#ff98001a;border:1px solid rgba(255,152,0,.5);border-radius:.5em;padding:.5em 1em;margin-bottom:.5em;color:#ff9800;text-align:center;font-size:.9em;font-weight:500}.choice-button{padding:1em;font-size:1.1em;font-weight:700;border:none;border-radius:3em;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.choice-button.accept{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;box-shadow:0 4px 15px #4caf5066}.choice-button.accept:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5099}.choice-button.accept:disabled{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);cursor:not-allowed;opacity:.6;box-shadow:none}.choice-button.decline{background:linear-gradient(135deg,#ef5350,#e57373);color:#fff;box-shadow:0 4px 15px #ef535066}.choice-button.decline:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef5350cc}.challenge-loading,.challenge-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;height:100%;color:#fff;text-align:center}.challenge-loading{font-size:1.5rem;animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}.challenge-error p{font-size:1.2rem}.challenge-attempt-back-button{padding:.75rem 2rem;background:linear-gradient(135deg,#6b46c1,#4f27a3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;z-index:2}.challenge-attempt-back-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6b46c166}@media(max-width:767px)and (orientation:portrait){.challenge-scene{padding:1rem .5rem;gap:1rem}.challenge-scene.dialogue-mode{height:100vh;height:100dvh;justify-content:center}.challenge-scene.choice-mode{justify-content:flex-start;padding-bottom:2rem}.npc-display{padding:1rem 0;margin-bottom:0}.npc-portrait-large{width:150px;height:150px}.npc-name-plate{font-size:1rem;bottom:-25px}.challenge-warning{font-size:.85rem;padding:.5rem .75rem;margin-bottom:.5rem}}@media(max-width:767px)and (orientation:landscape){.challenge-scene{padding:1rem .5rem 2rem;gap:.5rem;justify-content:flex-start}.npc-display{padding:.25rem 0;margin-bottom:0}.npc-portrait-large{width:80px;height:80px}.npc-name-plate{bottom:-20px;padding:.25rem .75rem;font-size:.8rem}}.challenge-result-container{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:resultFadeIn .5s ease-out;max-width:600px;padding:1rem}@keyframes resultFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.result-badge-container{position:relative;height:3em;translate:0 -3em}.result-badge{position:absolute;top:15%;left:50%;translate:-50%;font-size:clamp(1rem,.4286rem + 1.9048vw,1.5rem);padding:1em 2em;z-index:10;background-color:#fff7;color:red;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:2px;font-weight:700;border:4px solid currentColor;border-radius:.5em;white-space:nowrap;animation:resultEntrance .5s ease-out,resultBounce .8s ease-in-out infinite alternate}.result-badge.fail{color:#f44;animation:failEnterance .5s ease-out,failShake .5s ease-in-out infinite alternate}.result-badge.complete,.result-badge.pass{color:#4f4;text-shadow:0 0 1em #fff;box-shadow:0 0 2em inset #050}.result-badge.pass_with_flying_colors h1{background:linear-gradient(135deg,gold,#ff6b6b,#4ecdc4,#45b7d1,#f7dc6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowShift 3s ease-in-out infinite}.result-badge.bigger{font-size:clamp(1.5rem,.7rem + 2.6667vw,2.2rem)}@keyframes resultEntrance{0%{scale:0;rotate:-450deg}}@keyframes resultBounce{0%{transform:rotate(-10deg) scale(1)}to{transform:rotate(-10deg) scale(1.1)}}@keyframes failEnterance{0%{scale:0}}@keyframes failShake{0%{transform:rotate(-10deg) translate(2%)}to{transform:rotate(-10deg) translate(-2%)}}@keyframes rainbowShift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}.result-creature{margin:1rem 0;animation:creaturePulse 2s ease-in-out infinite}@keyframes creaturePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-creature-card{max-width:200px!important;width:100%!important}.result-continue-button{padding:.8em 2.4em;margin-block:1em;font-size:1.2em;font-weight:700;background:linear-gradient(135deg,#6b46c1,#4f27a3);color:#fff;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #6b46c166}.result-continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b46c199}.dialogue-box.inspecting{background:linear-gradient(135deg,#3a3a5a,#2a2a4a);animation:inspectingPulse 2s ease-in-out infinite}@keyframes inspectingPulse{0%,to{box-shadow:0 0 0 2px #000,0 8px 32px #00000080,inset 0 1px #fff3}50%{box-shadow:0 0 0 2px #000,0 8px 40px #8a2be2cc,inset 0 1px #ffffff4d}}.inspecting-indicator{display:inline-block;margin-left:.5rem}.loading-dot{display:inline-block;font-size:1.5em;font-weight:700;color:gold;animation:loadingDotBounce 1.5s ease-in-out infinite}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDotBounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@media(max-width:767px){.result-emoji{font-size:3rem}.result-creature-card{max-width:150px!important}}@media(min-width:768px){.npc-portrait-large{width:250px;height:250px}.npc-name-plate{font-size:1.3rem;padding:.75rem 2rem}}@media(max-height:550px){.npc-display{padding:1rem 0}.npc-portrait-large{width:150px;height:150px}.npc-name-plate{font-size:1rem;bottom:-25px;padding:.4rem 1.2rem}.challenge-description{font-size:.95rem;margin-bottom:.75rem}}.rewards-container{background:#ffd7001a;border:2px solid rgba(255,215,0,.5);border-radius:20px;padding:1.5rem;margin:1rem 0;animation:rewardBounce .6s ease-out;box-shadow:0 0 30px #ffd7004d}@keyframes rewardBounce{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.rewards-title{font-size:1.5rem;color:gold;text-align:center;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 10px rgba(255,215,0,.5)}50%{text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 20px rgba(255,215,0,.8)}}.reward-item{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:.75rem 0;font-size:1.2rem;color:#fff;position:relative}.reward-icon{font-size:2rem;animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.reward-amount{font-size:1.5rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.reward-label{font-weight:600;color:#ffffffe6}.packs-reward{flex-direction:column;gap:.25rem}.packs-reward .reward-icon{font-size:3rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.6));animation:packPulse 1.5s ease-in-out infinite}@keyframes packPulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}50%{transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 0 20px rgba(255,215,0,.9))}}.first-bonus{display:inline-block;background:linear-gradient(135deg,#ff6b6b,gold);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem;animation:firstBonusGlow 1.5s ease-in-out infinite;box-shadow:0 2px 10px #ff6b6b80}@keyframes firstBonusGlow{0%,to{box-shadow:0 2px 10px #ff6b6b80;transform:scale(1)}50%{box-shadow:0 4px 20px #ff6b6bcc;transform:scale(1.05)}}@media(max-width:767px){.rewards-container{padding:1rem}.rewards-title{font-size:1.2rem}.reward-item{font-size:1rem}.reward-icon{font-size:1.5rem}.reward-amount{font-size:1.2rem}.packs-reward .reward-icon{font-size:2.5rem}}.survey-tile{position:relative;width:100%;max-width:1200px;background:#ffffff0d;border:2px solid rgb(255 255 255 / .1);border-radius:.75em;padding:1.5em;transition:all .3s ease;overflow:hidden}.survey-tile:hover{background:#ffffff14;border-color:#fff3}.survey-tile.completed{opacity:.7;background:#64c8641a;border-color:#64c8644d}@media(max-width:768px){.survey-tile{padding:1em}}.completed-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);font-size:clamp(2.25rem,.8571rem + 4.6429vw,3.5rem);font-weight:700;color:#64c8644d;pointer-events:none;white-space:nowrap;z-index:1;max-width:90%;text-align:center}.survey-tile-content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.75em}.survey-main-row{display:flex;justify-content:space-between;align-items:center;gap:1.5em}@media(max-width:768px){.survey-main-row{flex-direction:column;align-items:stretch;gap:1em}}.survey-info{display:flex;flex-direction:column;gap:.5em;flex:1;min-width:0}.survey-title-row{display:flex;align-items:center;gap:.75em;flex-wrap:wrap}.survey-name{font-size:clamp(1.25rem,1.0714rem + .5952vw,1.5rem);font-weight:700;color:#fff;margin:0}.survey-rewards-inline{display:flex;gap:.5em;align-items:center}.survey-rewards-inline.claimed .reward-badge{color:#ffd70099;background:#ffd7000d;border-color:#ffd70026;text-decoration:line-through}.reward-badge{font-size:clamp(.75rem,.6786rem + .2381vw,.875rem);font-weight:600;color:gold;padding:.285em .714em;background:#ffd70026;border-radius:.428em;border:1px solid rgb(255 215 0 / .3);white-space:nowrap;transition:all .3s ease}.survey-expiration{font-size:clamp(.75rem,.7143rem + .119vw,.8125rem);color:#ffffff80;font-style:italic}.survey-rewards{display:flex;gap:1em;align-items:center}.reward-item{font-size:1.125rem;font-weight:600;color:gold;padding:.5em 1em;background:#ffd7001a;border-radius:.5em;border:1px solid rgb(255 215 0 / .3)}.survey-actions{display:flex;flex-direction:column;gap:.625em;min-width:200px}@media(max-width:768px){.survey-actions{min-width:0;width:100%}}.survey-button{padding:.75em 1.5em;font-size:clamp(.875rem,.8036rem + .2381vw,1rem);font-weight:600;border:none;border-radius:.5em;cursor:pointer;transition:all .2s ease;color:#fff;text-decoration:none;display:inline-block;text-align:center}.survey-button:disabled{opacity:.5;cursor:not-allowed}.survey-button.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.survey-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.survey-button.secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.survey-button.secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.survey-error-message{padding:.75em 1em;background:#f5576c26;border:1px solid rgb(245 87 108 / .4);border-radius:.5em;color:#ff6b6b;font-size:clamp(.8125rem,.7768rem + .119vw,.875rem);line-height:1.5}.survey-page-container{width:100%;max-width:1400px;height:100%;display:flex;flex-direction:column;gap:1.5em}.survey-page-title{font-size:clamp(2.25rem,1.0714rem + 3.9286vw,3rem);font-weight:700;color:#fff;text-align:center;margin:0;text-shadow:2px 2px 4px rgb(0 0 0 / .5)}.survey-list{display:flex;flex-direction:column;gap:1em;width:100%;align-items:center;overflow-y:auto;padding:.5em}.survey-loading,.survey-error,.survey-empty{text-align:center;color:#fffc;font-size:1.125rem;padding:3em 1.5em}.survey-error p,.survey-empty p{margin:0}.survey-empty h2{font-size:2rem;color:#fff;padding-bottom:1em}.retry-button{padding:.75em 2em;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5em;cursor:pointer;transition:all .2s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.mega-pass-emoji{animation:spin-pulse 2s ease-in-out infinite;display:inline-block}@keyframes spin-pulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(0) scale(1.2)}75%{transform:rotate(-10deg) scale(1.1)}}.mega-pass-title{background:linear-gradient(45deg,#f0f,#0ff,#ff0,#f0f);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite;text-shadow:0 0 30px rgba(255,0,255,.5)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.result-badge.pass_with_flying_colors{border-color:#f0f;box-shadow:0 0 30px #f0fc,inset 0 0 30px #ff00ff4d}.result-badge.pass_with_flying_colors:before{content:"";position:absolute;inset:-10px;background:linear-gradient(45deg,transparent,#ff00ff,transparent);opacity:.5;animation:rotate-gradient 3s linear infinite;border-radius:50%;z-index:-1}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.first-bonus{display:block;color:#f0f;font-size:.8em;font-weight:700;text-transform:uppercase;margin-top:5px;animation:flash 1s ease-in-out infinite}@keyframes flash{0%,to{opacity:1}50%{opacity:.7}}.choice-button.decline{min-width:fit-content;width:auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.npc-and-result-row-v3{display:flex;justify-content:center;align-items:center;gap:3em}.result-content-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin:1rem 0}.result-content-row .result-creature{flex:0 1 auto;margin:0}.result-content-row .rewards-container{flex:0 1 auto;min-width:250px;margin:0}.challenge-attempt-content{width:800px;max-width:100%;margin-inline:auto}.challenge-result-content{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:1.5em;padding-block:3em;margin-inline:auto}.challenge-attempt-v3 .dialogue-box{position:relative;bottom:unset;left:unset;right:unset;width:100%;max-width:900px}.challenge-attempt-v3.primary-content{justify-content:flex-start}@media(max-width:767px){.npc-and-result-row{gap:1.5rem}.result-content-row{gap:1rem}.result-content-row .rewards-container{min-width:unset}}@media(max-height:700px){.npc-and-result-row{gap:2rem}.result-content-row{gap:1rem}}@media(max-height:600px){.npc-and-result-row{gap:1.5rem}.result-content-row{gap:.75rem}}.card-progress{font-size:18px;font-weight:700;color:#fbbf24;text-align:center;padding:.6em;background:#fbbf2426;border:2px solid rgba(251,191,36,.4);border-radius:.5em}.current-challenge-card{width:100%;max-width:420px}.card-rewards{display:flex;gap:20px;justify-content:center;margin:20px 0}.reward-flash{font-size:32px;font-weight:900;padding:16px 32px;border-radius:12px;animation:reward-pop .5s ease-out}.reward-flash.spoons{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:3px solid #22c55e;box-shadow:0 0 30px #22c55e80}.reward-flash.packs{background:linear-gradient(135deg,#a855f7,#9333ea);color:#fff;border:3px solid #a855f7;box-shadow:0 0 30px #a855f780}@keyframes reward-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.sweep-bonus-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fb923c);border:3px solid #fcd34d;border-radius:12px;padding:20px;margin-bottom:20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 16px #fbbf2466,0 0 40px #fbbf244d;animation:sweep-glow 2s ease-in-out infinite}@keyframes sweep-glow{0%,to{box-shadow:0 8px 16px #fbbf2466,0 0 40px #fbbf244d}50%{box-shadow:0 8px 16px #fbbf2499,0 0 60px #fbbf2480}}.sweep-bonus-icon{font-size:48px;animation:bounce-celebration 1s ease-in-out infinite}@keyframes bounce-celebration{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sweep-bonus-text{flex:1}.sweep-bonus-title{font-size:24px;font-weight:900;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:4px}.sweep-bonus-subtitle{font-size:16px;font-weight:600;color:#fffbeb;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.sweep-bonus-label{display:block;font-size:12px;font-weight:600;color:#fbbf24;margin-top:4px;font-style:italic}.judged-creature-preview{position:relative}.creature-preview-label{font-size:11px;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.creature-mini-card{width:min(35vw,180px);height:auto;box-shadow:0 4px 8px #00000080;border:2px solid rgba(251,191,36,.5);border-radius:18px}@media(max-width:480px){.creature-preview-label{font-size:9px}}.discovery-notification-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:u_fadeIn .3s ease-out;padding:20px}.discovery-notification-container{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:24px;padding:30px;max-width:600px;width:100%;border:3px solid rgba(255,255,255,.1);animation:slideIn .3s ease-out;box-shadow:0 20px 60px #00000080}@keyframes slideIn{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.discovery-notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.discovery-notification-title{font-family:Open Sans,sans-serif;font-weight:700;font-size:28px;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.8)}.discovery-notification-close{background:none;border:none;color:#fff9;font-size:36px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.discovery-notification-close:hover{color:#fff}.discovery-notification-content{display:flex;flex-direction:column;gap:30px;align-items:center;margin-bottom:30px}.discovery-notification-cards{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:40px;width:100%;max-width:600px}.discovery-parent-cards-section{display:flex;flex-direction:column;gap:20px;width:100%}.discovery-notification-card{flex-shrink:0;width:100%}.discovery-notification-name{font-family:Open Sans,sans-serif;font-weight:700;font-size:24px;color:#fff;margin:0 0 10px}.discovery-notification-flavor{font-family:Open Sans,sans-serif;font-style:italic;font-size:16px;color:#fffc;line-height:1.5;margin:0}.discovery-notification-buttons{display:flex;gap:16px;justify-content:center;flex:1;flex-direction:column}.discovery-notification-button{padding:12px 24px;font-family:Open Sans,sans-serif;font-weight:700;font-size:16px;border-radius:24px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease}.discovery-notification-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.discovery-notification-button.primary{background:linear-gradient(135deg,#4caf50,#45a049);border:none;box-shadow:0 4px 12px #4caf504d}.discovery-notification-button.primary:hover{background:linear-gradient(135deg,#5cbf60,#50b050);box-shadow:0 6px 20px #4caf5066}@media(max-width:768px){.discovery-notification-container{padding:20px}.discovery-notification-title{font-size:20px}.discovery-notification-content{gap:20px;text-align:center}.discovery-notification-cards{gap:20px}.discovery-parent-cards-section{gap:10px}.discovery-notification-name{font-size:20px;text-align:center}.discovery-notification-flavor{font-size:14px;text-align:center;max-width:100%}.discovery-notification-buttons{flex-direction:column;width:100%}.discovery-notification-button{width:100%}}@media(max-height:768px)and (min-width:500px){.discovery-notification-container{padding:20px}.discovery-notification-title{font-size:20px}.discovery-notification-body{display:flex;gap:20px;align-items:flex-start}.discovery-notification-content{gap:20px;text-align:center;flex:1}.discovery-notification-cards{gap:20px}.discovery-parent-cards-section{gap:10px}.discovery-notification-name{font-size:20px}.discovery-notification-flavor{font-size:14px}.discovery-notification-buttons{flex-direction:column;width:auto;gap:10px;flex-shrink:0}.discovery-notification-button{width:auto;padding:10px 20px;font-size:14px}}.refund-notification-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:u_fadeIn .3s ease-out}.refund-notification-modal{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:1px solid #555;border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:90vh;position:relative;box-shadow:0 20px 40px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.refund-notification-modal.mobile{flex-direction:column;max-width:95%;margin:10px}.refund-notification-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#ccc;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.refund-notification-close:hover{background:#ffffff1a;color:#fff}.refund-notification-content{display:flex;flex-direction:column;gap:24px;align-items:center}.refund-notification-header{text-align:center}.refund-notification-title{font-size:24px;font-weight:700;color:#ff6b6b;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.refund-notification-message{font-size:16px;color:#ccc;margin:0;line-height:1.5;max-width:400px}.refund-notification-card-container{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;background:#0003;border-radius:12px;border:1px solid #444;flex-direction:row;flex-wrap:nowrap;overflow:hidden}.refund-notification-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.refund-notification-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px}.refund-notification-btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;box-shadow:0 4px 12px #4caf504d}.refund-notification-btn-primary:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.refund-notification-btn-secondary{background:#555;color:#ccc;border:1px solid #666}.refund-notification-btn-secondary:hover{background:#666;color:#fff;transform:translateY(-2px)}.refund-notification-card-container .collection-card{max-height:30dvh}@media(max-width:768px){.refund-notification-modal{padding:20px;margin:20px}.refund-notification-title{font-size:20px}.refund-notification-message{font-size:14px}.refund-notification-card-container{gap:12px}.refund-notification-actions{flex-direction:column;width:100%}.refund-notification-btn{width:100%}}.discord-login{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.discord-login-card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:#1e1e1ef2;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #00000080;max-width:420px;width:100%;text-align:center}.discord-login-card h1{font-family:Elsewhere,sans-serif;margin:0 0 16px;font-size:40px;color:#f0f0f0;font-weight:700}.discord-login-card h2{font-family:Open Sans,sans-serif;margin:0 0 16px;font-size:30px;color:#f0f0f0;font-weight:700}.discord-login-card p{margin:0 0 32px;color:#b0b0b0;font-size:16px;line-height:1.5}.auth-provider-buttons{display:flex;flex-direction:column;gap:16px;align-items:center}.discord-login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#5865f2;color:#fff;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:280px}.discord-login-button:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 6px 20px #5865f266}.discord-login-button:active{transform:translateY(0)}.discord-login-button svg{flex-shrink:0}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:280px}.google-login-button:hover{background:#f8f9fa;border-color:#d2d4d6;transform:translateY(-2px);box-shadow:0 6px 20px #3c404326}.google-login-button:active{transform:translateY(0)}.google-login-button svg{flex-shrink:0}.discord-login-note{margin-top:24px!important;margin-bottom:24px!important;font-size:14px!important;color:#888!important}.guest-login-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#757575;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;max-width:280px}.guest-login-button:hover{background:#616161;transform:translateY(-2px);box-shadow:0 4px 16px #75757566}.guest-login-button:active{transform:translateY(0)}.discord-login-error{background:#3d1f1f;color:#ff6b6b;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;border:1px solid #8b3a3a}.discord-login-spinner{width:50px;height:50px;border:3px solid #404040;border-top:3px solid #5865F2;border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-preview{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.avatar-preview-container{display:flex;justify-content:center;align-items:center;padding:2rem;background:#0003;border-radius:12px;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain}.avatar-preview-circle{width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #0000004d;position:relative}.avatar-preview-image{width:100%;height:100%;background-repeat:no-repeat}.avatar-preview-zoom-control{display:flex;flex-direction:column;gap:.75rem}.avatar-preview-zoom-control label{font-size:.875rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em}.zoom-slider-container{display:flex;align-items:center;gap:1rem}.zoom-label{font-size:.75rem;color:#fff9;min-width:2.5rem;text-align:center}.zoom-slider{flex:1;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000004d}.zoom-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000004d}.zoom-value{font-size:.875rem;font-weight:600;color:#ffffffe6;text-align:center;min-width:3rem}@media(max-width:768px){.avatar-preview-circle{width:150px;height:150px}.avatar-preview-container{padding:1.5rem}}.profile-page{width:100%;min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:flex-start;padding:2rem;box-sizing:border-box;overflow-y:auto}.profile-container{background:linear-gradient(135deg,#1e1e2ef2,#2a2a3ef2);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:2.5rem;max-width:500px;width:100%;box-shadow:0 20px 40px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-container h1{font-size:2rem;font-weight:700;color:#fff;margin:0 0 2rem;text-align:center}.profile-login-message{font-size:1rem;color:#fffc;text-align:center;margin:0}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-field label{font-size:.875rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em}.profile-field input{background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:#fff;transition:all .2s ease}.profile-field input:focus{outline:none;border-color:#ffffff80;background:#0006}.profile-field input::placeholder{color:#ffffff4d}.profile-field-hint{font-size:.75rem;color:#ffffff80;margin:0;line-height:1.4}.profile-error{background:#ff3b3033;border:2px solid rgba(255,59,48,.5);border-radius:8px;padding:.75rem 1rem;color:#ff3b30;font-size:.875rem;font-weight:500;text-align:center}.profile-success{background:#34c75933;border:2px solid rgba(52,199,89,.5);border-radius:8px;padding:.75rem 1rem;color:#34c759;font-size:.875rem;font-weight:500;text-align:center}.profile-button-group{display:flex;gap:1rem;margin-top:.5rem}.profile-submit-button{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.profile-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;border-color:#ffffff80}.profile-submit-button:active:not(:disabled){transform:translateY(0)}.profile-submit-button:disabled{opacity:.6;cursor:not-allowed}.profile-discard-button{flex:1;background:#ff3b3033;border:2px solid rgba(255,59,48,.5);border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#ff3b30;cursor:pointer;transition:all .2s ease}.profile-discard-button:hover:not(:disabled){background:#ff3b304d;border-color:#ff3b30b3;transform:translateY(-2px);box-shadow:0 6px 20px #ff3b3066}.profile-discard-button:active:not(:disabled){transform:translateY(0)}.profile-discard-button:disabled{opacity:.6;cursor:not-allowed}.profile-logout-button{width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#ffffffb3;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.profile-logout-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#ffffffe6}.profile-logout-button:active{transform:translateY(1px)}.set-avatar-button{background:#667eea33;border:2px solid rgba(102,126,234,.5);border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#667eea;cursor:pointer;transition:all .2s ease;width:fit-content}.set-avatar-button:hover{background:#667eea4d;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.set-avatar-button:active{transform:translateY(0)}.guest-restriction-notice{background:#ffc1071a;border:2px solid rgba(255,193,7,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.guest-restriction-notice p{margin:0;color:#ffc107;font-size:.875rem;font-weight:600;text-align:center}.profile-info-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.profile-readonly-value{background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;font-size:1rem;color:#fffc}.profile-readonly-text{margin:0;font-size:1.125rem;color:#ffffffe6;font-weight:500;padding:.5rem 0}.link-account-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.link-account-section h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.link-account-description{font-size:.875rem;color:#ffffffb3;margin:0 0 1rem;line-height:1.5}.oauth-providers{display:flex;flex-direction:column;gap:1rem;align-items:center}.oauth-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#5865f2,#4752c4);border:2px solid rgba(255,255,255,.2);border-radius:8px;padding:1rem 2rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;width:100%;max-width:350px}.oauth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5865f266;border-color:#fff6}.oauth-button:active:not(:disabled){transform:translateY(0)}.oauth-button:disabled{opacity:.6;cursor:not-allowed}.oauth-button svg{flex-shrink:0}.oauth-button.google-button{background:#fff;color:#3c4043;border:2px solid rgba(60,64,67,.2)}.oauth-button.google-button:hover:not(:disabled){background:#f8f9fa;border-color:#3c40434d;box-shadow:0 6px 20px #3c404326}.future-providers-note{font-size:.75rem;color:#ffffff80;font-style:italic;margin:.5rem 0 0}@media(max-width:768px){.profile-page{padding:1rem}.profile-container{padding:2rem}.profile-container h1{font-size:1.5rem;margin-bottom:1.5rem}.profile-form{gap:1.25rem}.profile-field input{padding:.625rem .875rem}}.new-creatures-page{width:100%;min-height:calc(100vh - 60px);display:flex;justify-content:center;padding:2rem 2rem 4rem;box-sizing:border-box;overflow-y:auto}.new-creatures-container{max-width:1400px;width:100%;padding-bottom:2rem}.new-creatures-container h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem;text-align:center}.new-creatures-description{font-size:1.125rem;color:#fffc;text-align:center;margin:0 0 2rem}.new-creatures-loading,.new-creatures-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.new-creatures-loading p,.new-creatures-error p{font-size:1.125rem;color:#fffc;margin:0}.new-creatures-error button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.new-creatures-error button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;border-color:#ffffff80}.new-creatures-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;width:100%}.new-creatures-loader{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:#fffc;font-size:.875rem}@media(max-width:1400px){.new-creatures-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:1024px){.new-creatures-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.new-creatures-container h1{font-size:2rem}.new-creatures-description{font-size:1rem}}@media(max-width:768px){.new-creatures-page{padding:1.5rem}.new-creatures-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.new-creatures-container h1{font-size:1.75rem}}@media(max-width:480px){.new-creatures-page{padding:1rem}.new-creatures-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.new-creatures-container h1{font-size:1.5rem}.new-creatures-description{font-size:.875rem}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;height:100vh;overflow:hidden}.app{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}.game-container{flex:1;display:flex;flex-direction:column;padding:20px;gap:20px}.opponent-area{display:flex;justify-content:center;align-items:center}.board-area{flex:1;display:flex;align-items:center;justify-content:center}.player-area{display:flex;flex-direction:column;align-items:center;gap:20px}.game-controls{display:flex;justify-content:center;padding:20px;background:#000c;border-top:2px solid #333}.end-turn-button{background:linear-gradient(135deg,#4a9eff,#2680eb);color:#fff;border:none;padding:12px 32px;font-size:18px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.end-turn-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.end-turn-button:active{transform:translateY(0)}@media(orientation:landscape)and (max-width:1024px){.app{margin-left:64px;margin-right:64px;margin-bottom:15px;width:calc(100% - 128px);height:calc(100vh - 15px);position:relative;overflow:hidden}}@keyframes u_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes u_slideIn{0%{translate:var(--slide-from, 0 50%)}to{translate:0 0}}@keyframes u_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}