@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap";:root{color-scheme:dark;--color-bg-base: #000000;--color-bg-panel: rgba(14, 22, 36, .88);--color-bg-panel-hover: rgba(22, 34, 54, .95);--color-bg-card: rgba(18, 28, 46, .75);--color-bg-subtle: rgba(255, 255, 255, .04);--accent-primary: #13EAE3;--accent-primary-rgb: 19, 234, 227;--accent-secondary: #FFAE00;--accent-secondary-rgb: 255, 174, 0;--color-bg-accent: var(--accent-primary);--color-bg-accent-glow: transparent;--color-text-main: #f0f4fc;--color-text-muted: #8fa0b5;--color-text-dim: #5c6c82;--color-text-accent: var(--accent-primary);--color-text-gold: var(--accent-secondary);--color-border: rgba(var(--accent-primary-rgb), .22);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-bright: var(--accent-primary);--font-hud: "Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--header-height: 64px;--bottom-nav-height: 58px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--panel-radius: 6px;--transition-fast: .18s ease;--transition-medium: .3s cubic-bezier(.16, 1, .3, 1);--elem-neutral: #95a5a6;--elem-grass: #2ecc71;--elem-fire: #e74c3c;--elem-water: #3498db;--elem-electric: #f1c40f;--elem-ice: #00d2d3;--elem-ground: #e67e22;--elem-dark: #8854d0;--elem-dragon: #6c5ce7}body.splash-active{overflow:hidden!important;height:100%!important;max-height:100vh!important;background-color:#000!important}body.splash-active>*:not(#splashScreen){display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}#splashScreen,.splash-screen{position:fixed;inset:0;width:100%;height:100%;width:100dvw;height:100dvh;background-color:#000;z-index:9999999;display:flex;justify-content:center;align-items:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease;pointer-events:all;cursor:pointer}#splashScreen.hidden,#splashScreen.fade-out,.splash-screen.hidden,.splash-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}#splashScreen .intro-svg,.splash-screen .intro-svg{width:min(125vw,85vh);max-width:580px;height:auto;aspect-ratio:1 / 1;display:block;overflow:visible;transform-origin:center center;will-change:transform;transition:transform .45s cubic-bezier(.9,0,1,.3)}#splashScreen.zoom .intro-svg,.splash-screen.zoom .intro-svg{transform:scale(22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(var(--accent-primary-rgb),.35) rgba(0,0,0,.2);overflow-anchor:none}html,body,.main-viewport,.palpedia-staggered-grid{overflow-anchor:none}html,body{width:100%;min-height:100%;background:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:clip;position:relative}body:before{display:none!important}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:rgba(var(--accent-primary-rgb),.35);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-primary-rgb),.6)}button,a,input,select,textarea{font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button,a{text-decoration:none;cursor:pointer;border:none;background:none;outline:none}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;height:100vh;background:var(--color-bg-base);backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:120;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.app-sidebar::-webkit-scrollbar{width:5px}.app-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-header{padding:24px 20px 18px;display:flex;align-items:center;justify-content:space-between}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--color-text-dim);font-size:20px;cursor:pointer;padding:8px;line-height:1;border-radius:6px;transition:color var(--transition-fast),background var(--transition-fast)}.sidebar-close-btn:hover{color:var(--color-text-main);background:#ffffff14}.sidebar-brand-group{display:flex;align-items:center;user-select:none}.sidebar-logo-img{height:70px;width:auto;max-width:210px;object-fit:contain;transition:opacity var(--transition-fast),transform var(--transition-fast)}@media(hover:hover)and (pointer:fine){.sidebar-brand-group:hover .sidebar-logo-img{opacity:.9;transform:scale(1.02)}}.sidebar-section-label{font-family:var(--font-hud);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-dim);padding:18px 20px 8px}.sidebar-nav{display:flex;flex-direction:column;padding:4px 12px;flex:1;gap:3px}.sidebar-nav-group{display:flex;flex-direction:column}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;color:var(--color-text-muted);font-family:var(--font-hud);font-size:15px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);width:100%;text-align:left;user-select:none;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.sidebar-nav-item:hover{color:var(--color-text-main);background:#ffffff0a;border-color:#ffffff14}.sidebar-nav-item.active:hover{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.12)}.sidebar-nav-item:hover .sidebar-nav-icon{background-color:var(--color-text-main)}}.sidebar-nav-item.active{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.08);font-weight:700}.sidebar-nav-item.active .sidebar-nav-label{color:var(--accent-primary)}.sidebar-nav-item.active .sidebar-nav-icon{background-color:var(--accent-primary)}.sidebar-nav-item.active .sidebar-chevron{color:var(--accent-primary)}.sidebar-nav-item.active .sidebar-chevron svg{stroke:var(--accent-primary)}.sidebar-nav-icon,.bottom-nav-icon{display:inline-block;width:30px;height:30px;background-color:var(--color-text-muted);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:background-color var(--transition-fast);flex-shrink:0}.icon-mask-home{-webkit-mask-image:url(../icons/home.svg);mask-image:url(../icons/home.svg)}.icon-mask-franchise{-webkit-mask-image:url(../icons/franchise.svg);mask-image:url(../icons/franchise.svg)}.icon-mask-palpedia{-webkit-mask-image:url(../icons/palpedia.svg);mask-image:url(../icons/palpedia.svg)}.icon-mask-polls{-webkit-mask-image:url(../icons/polls.svg);mask-image:url(../icons/polls.svg)}.icon-mask-games{-webkit-mask-image:url(../icons/games.svg);mask-image:url(../icons/games.svg)}.icon-mask-about{-webkit-mask-image:url(../icons/about.svg);mask-image:url(../icons/about.svg)}.sidebar-nav-item.active .icon-mask-home,.bottom-nav-btn.active .icon-mask-home{-webkit-mask-image:url(../icons/home-active.svg);mask-image:url(../icons/home-active.svg)}.sidebar-nav-item.active .icon-mask-franchise,.bottom-nav-btn.active .icon-mask-franchise{-webkit-mask-image:url(../icons/franchise-active.svg);mask-image:url(../icons/franchise-active.svg)}.sidebar-nav-item.active .icon-mask-palpedia,.bottom-nav-btn.active .icon-mask-palpedia{-webkit-mask-image:url(../icons/palpedia-active.svg);mask-image:url(../icons/palpedia-active.svg)}.sidebar-nav-item.active .icon-mask-polls,.bottom-nav-btn.active .icon-mask-polls{-webkit-mask-image:url(../icons/polls-active.svg);mask-image:url(../icons/polls-active.svg)}.sidebar-nav-item.active .icon-mask-games,.bottom-nav-btn.active .icon-mask-games{-webkit-mask-image:url(../icons/games-active.svg);mask-image:url(../icons/games-active.svg)}.sidebar-nav-item.active .icon-mask-about,.bottom-nav-btn.active .icon-mask-about{-webkit-mask-image:url(../icons/about-active.svg);mask-image:url(../icons/about-active.svg)}.sidebar-nav-label{flex:1;transition:color var(--transition-fast)}.sidebar-chevron{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;transition:transform .25s ease,color var(--transition-fast),background var(--transition-fast);color:var(--color-text-dim);cursor:pointer;flex-shrink:0;margin-left:auto}.sidebar-chevron svg{transition:stroke var(--transition-fast)}@media(hover:hover)and (pointer:fine){.sidebar-chevron:hover,.sidebar-nav-item:hover .sidebar-chevron{color:var(--accent-primary)!important}.sidebar-chevron:hover{background:rgba(var(--accent-primary-rgb),.14)}.sidebar-chevron:hover svg,.sidebar-nav-item:hover .sidebar-chevron svg{stroke:var(--accent-primary)!important}}.sidebar-nav-item.open .sidebar-chevron,.sidebar-nav-item[aria-expanded=true] .sidebar-chevron{transform:rotate(180deg);color:var(--accent-primary)}.sidebar-dropdown-menu{display:flex;flex-direction:column;gap:2px;padding:0 0 0 36px;position:relative;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .25s ease,padding .3s ease;pointer-events:none}.sidebar-dropdown-menu:before{content:"";position:absolute;left:24px;top:4px;bottom:8px;width:2px;background:#ffffff14}.sidebar-dropdown-menu.open{max-height:380px;opacity:1;padding:4px 0 6px 36px;pointer-events:auto}.sidebar-sub-item{display:flex;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;line-height:1.35;touch-action:manipulation}@media(hover:hover)and (pointer:fine){.sidebar-sub-item:hover{color:#fff;background:#ffffff0d}}.sidebar-sub-item.active{color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1);font-weight:600}.sidebar-footer{padding:16px 12px 20px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.sidebar-footer .sidebar-section-label{padding:8px 10px 4px}.sidebar-footer-link{display:flex;align-items:center;gap:12px;padding:8px 10px;font-size:13px;color:var(--color-text-muted);border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left;text-decoration:none;width:100%;touch-action:manipulation}.sidebar-footer-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;display:inline-block}@media(hover:hover)and (pointer:fine){.sidebar-footer-link:hover{color:var(--color-text-main);background:#ffffff0d}}.copyright{margin-top:10px;font-size:11px;line-height:1.45;color:var(--color-text-dim);padding-left:10px;font-family:var(--font-hud);letter-spacing:.3px}.mobile-app-header{display:none;position:fixed;top:0;left:0;right:0;width:100%;height:calc(56px + var(--safe-top));padding-top:var(--safe-top);padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right));background-color:#000!important;background:#000!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid var(--color-border);z-index:110;align-items:center;justify-content:space-between;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0)}.mobile-app-header:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:300px;background-color:#000!important;background:#000!important;pointer-events:none}.mobile-app-header .brand-group{position:absolute;left:0;right:0;top:var(--safe-top);bottom:0;margin:0 auto;width:fit-content;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.mobile-app-header .brand-logo-img{height:26px;width:auto;aspect-ratio:654 / 148;max-width:160px;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast;transition:opacity var(--transition-fast),transform var(--transition-fast)}@media(hover:hover)and (pointer:fine){.mobile-app-header .brand-group:hover .brand-logo-img{opacity:.88;transform:scale(1.02)}}.mobile-menu-btn{background:transparent;border:none;padding:0 15px;cursor:pointer;display:none;align-items:center;justify-content:center;border-radius:8px;transition:background var(--transition-fast);-webkit-tap-highlight-color:transparent;position:fixed;top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 12px);width:60px;height:40px;z-index:150}.mobile-menu-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(hover:hover)and (pointer:fine){.mobile-menu-btn:hover{background:rgba(var(--accent-primary-rgb),.12)}}.mobile-menu-btn .menu{display:flex;flex-direction:column;justify-content:space-between;height:18px;width:24px;cursor:pointer}.mobile-menu-btn .menu .line{display:block;height:1.5px;width:100%;border-radius:1px;background-color:var(--color-text-muted)}.mobile-menu-btn .menu .line1{transform-origin:0% 0%;transition:transform .3s ease-in-out,background-color var(--transition-fast)}.mobile-menu-btn .menu .line2{transform-origin:50% 50%;transition:transform .3s ease-in-out,opacity .2s ease-in-out,background-color var(--transition-fast)}.mobile-menu-btn .menu .line3{transform-origin:0% 100%;transition:transform .3s ease-in-out,background-color var(--transition-fast)}.mobile-menu-btn.open .menu .line{background-color:var(--accent-primary)}.mobile-menu-btn.open .menu .line1{transform:rotate(45deg)}.mobile-menu-btn.open .menu .line2{transform:scaleY(0);opacity:0}.mobile-menu-btn.open .menu .line3{transform:rotate(-45deg)}.mobile-menu-btn.is-back .menu .line{background-color:var(--accent-primary)}.mobile-menu-btn.is-back .menu .line1{transform:translate(2px,8.47px) rotate(-45deg) scaleX(.45)}.mobile-menu-btn.is-back .menu .line2{transform:scaleX(.815);opacity:1}.mobile-menu-btn.is-back .menu .line3{transform:translate(2px,-8.47px) rotate(45deg) scaleX(.45)}@media(prefers-reduced-motion:reduce){.mobile-menu-btn,.mobile-menu-btn .menu .line1,.mobile-menu-btn .menu .line2,.mobile-menu-btn .menu .line3{transition:none}}.sidebar-overlay,.mobile-drawer-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:120;opacity:0;pointer-events:none;transition:opacity var(--transition-medium)}.sidebar-overlay.open,.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.main-viewport{position:relative;z-index:1;width:100%;min-height:100vh}@media(min-width:900px){.app-sidebar{width:260px;height:100vh;display:flex!important;transform:none!important;box-shadow:none!important;z-index:120;padding:0}.sidebar-header{display:flex!important}.sidebar-close-btn,.sidebar-overlay,.mobile-drawer-overlay,.mobile-app-header,.mobile-menu-btn,.standalone-bottom-nav{display:none!important}.main-viewport{margin-left:260px;width:calc(100% - 260px);max-width:calc(100% - 260px);padding:32px 36px 60px}}@media(max-width:899px){.app-sidebar{width:calc(260px + var(--safe-left))!important;top:0;left:0;bottom:calc(var(--bottom-nav-height) + var(--safe-bottom));height:auto;max-height:calc(100dvh - var(--bottom-nav-height) - var(--safe-bottom));z-index:130;display:flex!important;transform:translate(-100%);transition:transform var(--transition-medium);box-shadow:8px 0 32px #0009;padding-top:calc(var(--safe-top) + 56px);padding-left:var(--safe-left);padding-right:0;padding-bottom:20px;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}.app-sidebar.open{transform:translate(0)}.sidebar-header,.sidebar-close-btn{display:none!important}.mobile-app-header{display:flex!important;z-index:110}.mobile-menu-btn{display:flex!important;z-index:150}.standalone-bottom-nav{display:block!important;z-index:140}.main-viewport{margin-left:0;width:100%;max-width:100%;padding:calc(56px + var(--safe-top) + 20px) 16px calc(var(--bottom-nav-height) + var(--safe-bottom) + 24px)}}@media(orientation:landscape)and (max-height:520px){body.is-standalone .standalone-bottom-nav,.standalone-bottom-nav{display:none!important}.app-sidebar{bottom:0!important;height:100dvh!important;max-height:100dvh!important;padding-bottom:max(20px,var(--safe-bottom))!important}.main-viewport{padding-bottom:max(24px,var(--safe-bottom) + 12px)!important;padding-left:max(16px,var(--safe-left))!important;padding-right:max(16px,var(--safe-right))!important}.palpedia-staggered-grid{grid-template-columns:repeat(5,1fr)!important;gap:14px 6px!important;padding:10px 0 60px!important}.pal-grid-card{max-width:100%!important}.pal-grid-avatar-ring{width:86px!important;height:86px!important;padding:4px!important;border-width:1.5px!important;margin-bottom:6px!important}.hide-pal-work .palpedia-staggered-grid{grid-template-columns:repeat(7,1fr)!important;gap:12px 6px!important;padding:8px 0 60px!important}.hide-pal-work .pal-grid-card{max-width:100%!important}.hide-pal-work .pal-grid-avatar-ring{width:66px!important;height:66px!important;padding:3px!important;border-width:1.5px!important;margin-bottom:4px!important}.hide-pal-work .pal-grid-avatar-ring.breeding-selected,.hide-pal-work .pal-grid-card.breeding-selected .pal-grid-avatar-ring{border-width:3px!important;border-style:dotted!important;border-color:var(--accent-primary)!important;padding:1.5px!important}.hide-pal-work .pal-grid-meta{margin-bottom:2px!important}.hide-pal-work .pal-grid-title{font-size:11px!important;line-height:1.2!important}.hide-pal-work .pal-grid-number{font-size:10px!important}.hide-pal-work .pal-grid-name{font-size:11px!important}.hide-pal-work .pal-grid-type-icon{width:18px!important;height:18px!important}.breeding-equation-wrapper{padding:14px 8px 20px!important}}@media(orientation:landscape)and (max-height:520px)and (max-width:780px){.hide-pal-work .palpedia-staggered-grid{grid-template-columns:repeat(6,1fr)!important}}@media(orientation:landscape)and (max-height:520px)and (max-width:600px){.hide-pal-work .palpedia-staggered-grid{grid-template-columns:repeat(5,1fr)!important}.palpedia-staggered-grid{grid-template-columns:repeat(4,1fr)!important}}.view-section{display:none}.view-section.active{display:block;animation:fadeInView .25s cubic-bezier(.16,1,.3,1) forwards}@supports (content-visibility: hidden){.view-section:not(.active){display:block;content-visibility:hidden}.view-section.active{content-visibility:visible}}@keyframes fadeInView{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-wip-state{min-height:calc(100dvh - 92px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 16px;text-align:center}.page-wip-icon{display:block;width:100px;aspect-ratio:1834 / 1308;background-color:#757575;-webkit-mask-image:url(../icons/working.svg);mask-image:url(../icons/working.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;forced-color-adjust:none;flex-shrink:0;pointer-events:none;user-select:none}.page-wip-message{margin:0;font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.5;color:#757575}@media(forced-colors:active){.page-wip-icon{background-color:GrayText}}@media(max-width:899px){.page-wip-state{min-height:calc(100dvh - 158px - var(--safe-top) - var(--safe-bottom))}}@media(orientation:landscape)and (max-height:520px){.page-wip-state{min-height:calc(100dvh - 100px - var(--safe-top) - var(--safe-bottom))}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.about-page{width:100%;max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:36px}.about-media-section{display:flex;flex-direction:column;gap:14px;min-inline-size:0}.about-section-header{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.about-section-heading{margin:0;font-family:var(--font-hud);font-size:clamp(20px,2.4vw,24px);font-weight:700;line-height:1.2;letter-spacing:.3px;color:var(--color-text-main);text-wrap:balance}.about-intro-copy{display:flex;flex-direction:column;gap:.85em;max-inline-size:68ch;margin-inline:auto;text-align:center;font-size:clamp(.9375rem,.9rem + .12vw,1rem);line-height:1.6;color:#f0f4fcd6;overflow-wrap:break-word}.about-intro-copy p{margin:0;text-wrap:pretty}.about-intro-lead{color:var(--color-text-main);font-weight:500}.about-inline-link{color:var(--accent-primary);font-weight:500;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1.5px;touch-action:manipulation;transition:color var(--transition-fast),text-decoration-thickness var(--transition-fast)}.about-inline-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:3px;color:#fff}@media(hover:hover)and (pointer:fine){.about-inline-link:hover{color:#fff;text-decoration-thickness:2px}}@media(prefers-reduced-motion:reduce){.about-inline-link{transition:none}}@media(forced-colors:active){.about-inline-link{color:LinkText}}.about-socials-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;flex-wrap:balance;gap:14px 16px;align-items:flex-start;justify-content:center}.about-social-item{display:flex}.about-social-link{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-inline-size:78px;padding:4px 2px;border-radius:14px;background:transparent;color:var(--color-text-muted);text-decoration:none;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color var(--transition-fast)}.about-social-icon-wrap{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:60px;height:60px;aspect-ratio:1;border-radius:50%;flex:none;overflow:clip;background-color:transparent;pointer-events:none;transition:border-color var(--transition-fast),scale var(--transition-fast)}.about-social-icon{display:block;width:60px;height:60px;flex:none;pointer-events:none;background-color:var(--color-text-muted);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;forced-color-adjust:none;transition:background-color var(--transition-fast)}.about-social-icon.icon-social-youtube{-webkit-mask-image:url(../icons/social-youtube.svg);mask-image:url(../icons/social-youtube.svg)}.about-social-icon.icon-social-tiktok{-webkit-mask-image:url(../icons/social-tiktok.svg);mask-image:url(../icons/social-tiktok.svg)}.about-social-icon.icon-social-instagram{-webkit-mask-image:url(../icons/social-instagram.svg);mask-image:url(../icons/social-instagram.svg)}.about-social-icon.icon-social-facebook{-webkit-mask-image:url(../icons/social-facebook.svg);mask-image:url(../icons/social-facebook.svg)}.about-social-icon.icon-social-threads{-webkit-mask-image:url(../icons/social-threads.svg);mask-image:url(../icons/social-threads.svg)}.about-social-icon.icon-social-bluesky{-webkit-mask-image:url(../icons/social-bluesky.svg);mask-image:url(../icons/social-bluesky.svg)}.about-social-icon.icon-social-reddit{-webkit-mask-image:url(../icons/social-reddit.svg);mask-image:url(../icons/social-reddit.svg)}.about-social-label{font-size:13px;font-weight:500;line-height:1.25;color:inherit;white-space:nowrap}.about-social-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;background:transparent;color:#fff}.about-social-link:focus-visible .about-social-icon-wrap{border-color:var(--accent-primary);background-color:transparent}.about-social-link:focus-visible .about-social-icon{background-color:#fff}@media(hover:hover)and (pointer:fine){.about-social-link:hover{background:transparent;color:#fff}.about-social-link:hover .about-social-icon-wrap{border:2px solid var(--accent-primary);background-color:transparent}.about-social-link:hover .about-social-icon{background-color:#fff}}.about-social-link:active{color:#fff}.about-social-link:active .about-social-icon-wrap{border-color:var(--accent-primary);background-color:transparent;scale:.96}.about-social-link:active .about-social-icon{background-color:#fff}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.about-social-icon-wrap{border-width:1.5px}}@media(prefers-reduced-motion:reduce){.about-social-link,.about-social-icon-wrap,.about-social-icon{transition:none}.about-social-link:active .about-social-icon-wrap{scale:none}}@media(forced-colors:active){.about-social-icon{background-color:LinkText}.about-social-link:hover .about-social-icon-wrap,.about-social-link:focus-visible .about-social-icon-wrap{border-color:Highlight}}.about-shorts-grid{--shorts-scrollbar-thumb: rgba(var(--accent-primary-rgb), .55);--shorts-scrollbar-track: rgba(255, 255, 255, .06);display:flex;flex-wrap:nowrap;gap:20px;align-items:start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;margin-inline:-8px;padding:8px 8px 10px;scroll-padding-inline:8px;scrollbar-width:thin;scrollbar-color:var(--shorts-scrollbar-thumb) var(--shorts-scrollbar-track);-webkit-overflow-scrolling:touch}@media(prefers-reduced-motion:no-preference){.about-shorts-grid{scroll-behavior:smooth}}.about-shorts-grid>.about-video-card.is-short,.about-shorts-grid>.about-skeleton-card.is-short{flex:1 0 156px;width:auto;max-width:240px;scroll-snap-align:start}.about-shorts-grid>.about-media-fallback{flex:1 0 100%}.about-videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px;align-items:start}.about-video-card{display:block;text-decoration:none;color:inherit;border-radius:15px;min-inline-size:0;width:100%}.about-video-card.is-short{max-width:240px}.about-video-card.is-video{max-width:520px}.about-video-card-inner{display:flex;flex-direction:column;height:100%}.about-video-thumb-wrap{width:100%;box-sizing:border-box;border:2px solid var(--color-border);padding:5px;border-radius:15px;background:transparent;transition:border-color var(--transition-fast)}.about-video-thumb-frame{position:relative;width:100%;border-radius:8px;overflow:clip;background:#0d0d0d}.about-video-thumb-frame.is-short{aspect-ratio:9 / 16}.about-video-thumb-frame.is-video{aspect-ratio:16 / 9}.about-video-thumb-frame.is-loading{background:#ffffff14}.about-video-thumb{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .22s ease}.about-video-thumb.is-ready{opacity:1}.about-video-thumb-frame.is-short .about-video-thumb{scale:1.02}.about-video-hover-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background-color:#000000b3;opacity:0;pointer-events:none;transition:opacity .28s ease}.about-video-hover-icon-wrap{display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 10px rgba(0,0,0,.32))}.about-video-hover-icon{display:block;background-color:#fff;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;forced-color-adjust:none}.about-video-hover-icon.is-short{width:42px;aspect-ratio:98.94 / 122.88;-webkit-mask-image:url(../icons/youtube-shorts-icon-mask.svg);mask-image:url(../icons/youtube-shorts-icon-mask.svg)}.about-video-hover-icon.is-video{width:52px;aspect-ratio:28.57 / 20;-webkit-mask-image:url(../icons/youtube-icon-mask.svg);mask-image:url(../icons/youtube-icon-mask.svg)}@media(forced-colors:active){.about-video-hover-icon{background-color:CanvasText}}.about-video-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.about-video-card:focus-visible .about-video-thumb-wrap{border-color:var(--accent-primary)}.about-video-card:focus-visible .about-video-hover-overlay{opacity:1}@media(hover:hover)and (pointer:fine){.about-video-card:hover .about-video-thumb-wrap{border-color:var(--accent-primary)}.about-video-card:hover .about-video-hover-overlay{opacity:1}}.about-video-card:active .about-video-thumb-wrap{border-color:var(--accent-primary)}@media(prefers-reduced-motion:reduce){.about-video-thumb-wrap{transition:none}}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.about-video-card{border-radius:13.5px}.about-video-thumb-wrap{border-width:1.5px;padding:4px;border-radius:13.5px}}.about-skeleton-card{width:100%;min-inline-size:0}.about-skeleton-card.is-short{max-width:240px}.about-skeleton-card.is-video{max-width:520px}.about-skeleton-block{background:#ffffff14;border-radius:8px}.about-skeleton-thumb{width:100%;border-radius:8px}.about-skeleton-thumb.is-short{aspect-ratio:9 / 16}.about-skeleton-thumb.is-video{aspect-ratio:16 / 9}@media(prefers-reduced-motion:no-preference){.about-skeleton-block,.about-video-thumb-frame.is-loading{animation:aboutSkeletonPulse 1.5s ease-in-out infinite}}@keyframes aboutSkeletonPulse{0%,to{opacity:.48}50%{opacity:.9}}.about-media-fallback{grid-column:1 / -1;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:16px 18px;border-radius:12px;background:#ffffff0a;border:1px solid var(--color-border)}.about-media-fallback-text{margin:0;font-size:14px;line-height:1.5;color:var(--color-text-muted)}.about-media-fallback-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9999px;border:1px solid var(--color-border);background:transparent;color:var(--accent-primary);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.about-media-fallback-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(hover:hover)and (pointer:fine){.about-media-fallback-link:hover{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1);color:#fff}}.about-media-fallback-icon{width:16px;height:12px;display:block;flex-shrink:0}.about-content-placeholder{display:flex;flex-direction:column;gap:20px;width:100%;min-block-size:1px}.about-content-placeholder:empty{display:none}.about-footer{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:24px;border-top:1px solid var(--color-border-subtle);text-align:center}.about-footer-copyright,.about-footer-powered{margin:0;font-family:var(--font-hud);font-size:.8125rem;line-height:1.5;letter-spacing:.3px;color:var(--color-text-muted)}.about-footer-link{display:inline-block;color:var(--accent-primary);font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1.5px;touch-action:manipulation;transition:color var(--transition-fast),text-decoration-thickness var(--transition-fast)}.about-footer-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px;border-radius:3px;color:#fff}@media(hover:hover)and (pointer:fine){.about-footer-link:hover{color:#fff;text-decoration-thickness:2px}}@media(prefers-reduced-motion:reduce){.about-footer-link{transition:none}}@media(forced-colors:active){.about-footer-link{color:LinkText}}@media(max-width:639px){.about-socials-list{justify-content:center;gap:14px 12px}.about-social-link{min-inline-size:66px;padding:4px 2px;gap:6px}.about-social-icon-wrap{width:40px;height:40px}.about-social-icon{width:62px;height:72px}.about-social-label{font-size:12.5px}.about-shorts-grid{gap:12px;scroll-snap-type:x mandatory;margin-inline:-16px;padding:8px 16px;scroll-padding-inline:16px;scrollbar-width:none}.about-shorts-grid::-webkit-scrollbar{display:none}.about-shorts-grid>.about-video-card.is-short,.about-shorts-grid>.about-skeleton-card.is-short{flex:0 0 156px;max-width:156px}}@media(prefers-reduced-motion:reduce){.about-video-thumb,.about-video-hover-overlay{transition:opacity .2s ease}}.home-feed-container{width:100%;max-width:620px;margin:0 auto;min-height:calc(100vh - 120px);position:relative}@media(min-width:900px){.home-feed-container{background:#0e121a40}}.home-filter-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;padding:10px 14px 24px;scroll-padding-inline:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.home-filter-nav::-webkit-scrollbar{display:none}.home-filter-tab{display:inline-flex;align-items:center;justify-content:center;height:41px;white-space:nowrap;padding:0 18px;border-radius:9999px;font-family:inherit;font-size:16px;font-weight:400;line-height:1;color:#757575;background:transparent;border:2px solid var(--color-border);transition:color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;user-select:none;flex:none}.home-filter-tab:first-child{margin-inline-start:auto}.home-filter-tab:last-child{margin-inline-end:auto}@media(hover:hover)and (pointer:fine){.home-filter-tab:hover{color:var(--color-text-main);border-color:var(--accent-primary);background:transparent}}.home-filter-tab:focus-visible{color:var(--color-text-main);border-color:var(--accent-primary);outline:2px solid var(--accent-primary);outline-offset:2px}.home-filter-tab.active,.home-filter-tab[aria-selected=true]{color:#fff;border-color:var(--accent-primary);background:transparent;box-shadow:none}@media(min-width:900px){.home-feed-header{width:fit-content;min-width:min(620px,100%);max-width:100%;margin:0 auto}}@media(max-width:899px){#view-franchise,#view-home,.view-section[data-view=franchise],.view-section[data-view=home]{margin-left:-16px;margin-right:-16px}.home-feed-container{width:100%;max-width:100%}}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.home-filter-tab{border-width:1.5px}}@media(forced-colors:active){.home-filter-tab.active,.home-filter-tab[aria-selected=true]{border-color:Highlight;color:Highlight;outline:2px solid Highlight;outline-offset:-4px}}.home-feed-stream{display:flex;flex-direction:column}.feed-post{padding:16px 18px;border-bottom:1px solid var(--color-border);transition:background .15s ease;position:relative}@supports (content-visibility: auto){.feed-post:nth-child(n+4){content-visibility:auto;contain-intrinsic-block-size:auto 24rem}}@media(hover:hover)and (pointer:fine){.feed-post:hover{background:rgba(var(--accent-primary-rgb),.08)}}.feed-post.is-expanded{background:rgba(var(--accent-primary-rgb),.08)}.post-main-col{width:100%;min-width:0}.post-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.post-time{font-size:13px;line-height:20px;color:var(--color-text-muted);flex-shrink:0;white-space:nowrap}.steam-heading{font-weight:700;line-height:1.35;color:#fff;margin:12px 0 6px}.steam-h1{font-size:16px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px}.steam-h2{font-size:15px}.steam-h3{font-size:14px;color:#94a3b8}.steam-list{padding-left:20px;margin:6px 0 10px;list-style-type:disc}.steam-list li{margin-bottom:4px;line-height:1.5}.steam-quote{border-left:3px solid var(--color-brand, #38bdf8);padding-left:12px;margin:8px 0;color:#ffffffbf;font-style:italic}.steam-hr{border:none;border-top:1px solid var(--color-border-subtle);margin:12px 0;opacity:.6}.post-text-wrap{position:relative;margin-top:4px}.post-text-body{font-size:14.5px;line-height:1.54;color:#ffffffe0;word-break:break-word}.post-text-wrap:not(.is-expanded) .post-text-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;text-overflow:ellipsis}.post-text-wrap.is-expanded .post-text-body{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important}.post-expand-btn{background:transparent;border:none;color:#1d9bf0;font-size:13.5px;font-weight:600;cursor:pointer;padding:6px 0 2px;display:inline-flex;align-items:center;gap:5px;transition:opacity .15s ease,color .15s ease;font-family:inherit}.post-expand-btn:hover{color:#60a5fa;text-decoration:underline}.post-expand-btn .expand-icon{transition:transform .2s ease}.post-text-wrap.is-expanded .post-expand-btn .expand-icon{transform:rotate(180deg)}.post-title{font-size:15.5px;font-weight:700;color:#fff;margin:6px 0 4px;line-height:1.4}.post-text-body>:first-child{margin-top:0}.post-text-body p{margin-top:0;margin-bottom:6px}.post-text-body p:last-child{margin-bottom:0}.post-text-body a{color:#1d9bf0;text-decoration:none}.post-text-body a:hover{text-decoration:underline}.post-media-wrap{margin-top:10px;margin-bottom:6px;border-radius:14px;overflow:hidden;border:1px solid var(--color-border-subtle);background:#000}.post-yt-facade{position:relative;width:100%;aspect-ratio:16 / 9;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.post-yt-facade.is-short{aspect-ratio:9 / 16;max-width:320px;margin:0 auto;border-radius:14px}.post-yt-thumb{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .2s ease}.post-yt-facade:hover .post-yt-thumb{transform:scale(1.02)}.post-yt-play-btn{position:absolute;z-index:2;width:54px;height:54px;border-radius:50%;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 16px #00000080}.post-yt-play-btn svg{width:22px;height:22px;fill:#fff;margin-left:3px}.post-yt-facade:hover .post-yt-play-btn{transform:scale(1.1);background:#ff0000d9;border-color:#fff9}.post-yt-frame{width:100%;aspect-ratio:16 / 9;border:none;display:block}.post-yt-frame.is-short{aspect-ratio:9 / 16;max-width:320px;margin:0 auto}.post-single-image-wrap{position:relative;width:100%;margin-top:10px;margin-bottom:6px;border-radius:14px;overflow:hidden;border:1px solid var(--color-border-subtle);background:#090c12;cursor:zoom-in}.post-single-image-wrap.aspect-16-9{aspect-ratio:16 / 9}.post-single-image-wrap.aspect-4-3{aspect-ratio:4 / 3}.post-single-image-wrap.aspect-3-4{aspect-ratio:3 / 4;max-height:480px}.post-single-image-wrap.aspect-auto{max-height:520px}.post-single-image-wrap.aspect-auto.is-loading,.post-single-image-wrap.aspect-auto.is-error{aspect-ratio:16 / 9}.post-single-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.post-carousel-container{position:relative;width:100%;margin-top:10px;margin-bottom:6px;border-radius:14px;overflow:hidden;border:1px solid var(--color-border-subtle);background:#05070a}.post-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.post-carousel-track::-webkit-scrollbar{display:none}.post-carousel-slide{flex:0 0 100%;width:100%;scroll-snap-align:center;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;background:#080a0f;cursor:zoom-in}.post-carousel-container.aspect-4-3 .post-carousel-slide{aspect-ratio:4 / 3}.post-carousel-container.aspect-3-4 .post-carousel-slide{aspect-ratio:3 / 4;max-height:480px}.post-carousel-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease}.post-yt-facade,.post-single-image-wrap,.post-carousel-slide{--post-placeholder-img: url(../images/games/palworld-placeholder.svg)}[data-placeholder-game=palworld]{--post-placeholder-img: url(../images/games/palworld-placeholder.svg)}[data-placeholder-game=palworld-ocg]{--post-placeholder-img: url(../images/games/Palworl-ocg-placeholder.svg)}[data-placeholder-game=palworld-online]{--post-placeholder-img: url(../images/games/palworld-online-placeholder.svg)}[data-placeholder-game=palworld-mobile]{--post-placeholder-img: url(../images/games/palworld-mobile-placeholder.svg)}[data-placeholder-game=palfarm]{--post-placeholder-img: url(../images/games/palworld-palfarm-placeholder.svg)}[data-placeholder-game=more-than-pals]{--post-placeholder-img: url(../images/games/palworld-mtjp-placeholder.svg)}.post-yt-facade.is-loading,.post-yt-facade.is-error,.post-single-image-wrap.is-loading,.post-single-image-wrap.is-error,.post-carousel-slide.is-loading,.post-carousel-slide.is-error{background-color:#000}.post-yt-facade.is-loading:before,.post-yt-facade.is-error:before,.post-single-image-wrap.is-loading:before,.post-single-image-wrap.is-error:before,.post-carousel-slide.is-loading:before,.post-carousel-slide.is-error:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-color:#000;background-image:var(--post-placeholder-img);background-position:center;background-repeat:no-repeat;background-size:contain}.post-yt-facade.is-loading:before,.post-single-image-wrap.is-loading:before,.post-carousel-slide.is-loading:before{animation:postMediaPlaceholderPulse 1.8s ease-in-out infinite}@keyframes postMediaPlaceholderPulse{0%,to{opacity:.72}50%{opacity:1}}.post-yt-facade.is-error .post-yt-thumb,.post-single-image-wrap.is-error .post-single-img,.post-carousel-slide.is-error .post-carousel-img{opacity:0;pointer-events:none}.post-single-image-wrap.is-error,.post-carousel-slide.is-error{cursor:default}@media(prefers-reduced-motion:reduce){.post-yt-facade.is-loading:before,.post-single-image-wrap.is-loading:before,.post-carousel-slide.is-loading:before{animation:none}.post-yt-thumb,.post-single-img,.post-carousel-img{transition:none}}.carousel-badge{position:absolute;top:10px;right:10px;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:9999px;border:1px solid rgba(255,255,255,.15);pointer-events:none;z-index:3}.carousel-arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);cursor:pointer;z-index:4;opacity:0;transition:opacity .2s ease,background .15s ease,transform .15s ease}.post-carousel-container:hover .carousel-arrow-btn{opacity:1}.carousel-arrow-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.08)}.carousel-arrow-btn.prev{left:10px}.carousel-arrow-btn.next{right:10px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:3;pointer-events:none}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;transition:all .2s ease}.carousel-dot.active{background:#fff;width:14px;border-radius:4px}.post-source-link{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-muted);text-decoration:none;background:transparent;border:none;padding:0;font-family:inherit;cursor:pointer;transition:color .15s ease;min-width:0;max-width:100%;text-align:left;-webkit-appearance:none;appearance:none}.post-source-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:6px}.post-game-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block;border:1px solid var(--color-border)}.post-source-lines{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.post-source-game{font-size:14px;font-weight:600;line-height:20px;color:var(--color-text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.post-source-meta{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;line-height:18px;color:inherit;min-width:0;max-width:100%}.post-source-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(hover:hover)and (pointer:fine){.post-source-link:hover,.post-source-link:hover .post-source-game{color:var(--accent-primary)}}.post-source-link:focus-visible,.post-source-link:focus-visible .post-source-game{color:var(--accent-primary)}.post-external-icon{display:inline-block;width:12px;height:12px;background-color:currentColor;-webkit-mask-image:url(../icons/external-link.svg);mask-image:url(../icons/external-link.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;forced-color-adjust:none;flex:none;pointer-events:none}@media(forced-colors:active){.post-external-icon{background-color:LinkText}.post-game-filter-btn .post-external-icon{background-color:ButtonText}}.home-feed-sentinel{padding:24px 0;display:flex;align-items:center;justify-content:center}.feed-spinner{width:26px;height:26px;border:2px solid rgba(255,255,255,.15);border-top-color:#1d9bf0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.home-feed-end{padding:40px 20px 60px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.feed-end-badge{width:36px;height:36px;border-radius:50%;background:rgba(var(--accent-primary-rgb),.08);color:var(--accent-primary);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:4px}.feed-end-title{font-size:16px;font-weight:700;color:#fff}.feed-end-desc{font-size:13.5px;color:var(--color-text-muted);max-width:380px}.feed-lightbox-modal{position:fixed;inset:0;z-index:9999;background:#000000f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.feed-lightbox-modal.open{display:flex;opacity:1}.lightbox-content{max-width:92vw;max-height:88vh;display:flex;align-items:center;justify-content:center;user-select:none}.lightbox-img{max-width:100%;max-height:88vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #000c}.lightbox-close-btn{position:absolute;top:18px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .15s ease,transform .15s ease;z-index:10000}.lightbox-close-btn:hover{background:#ffffff40;transform:scale(1.08)}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:background .15s ease,transform .15s ease;z-index:10000}.lightbox-nav-btn:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.08)}.lightbox-nav-btn.prev{left:20px}.lightbox-nav-btn.next{right:20px}.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#fff;font-size:13px;font-weight:600;background:#000000b3;padding:4px 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.15)}.palpedia-container{display:flex;flex-direction:column;gap:18px}.palpedia-controls-card{background:transparent;border:none;padding:6px 10px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:none;width:100%}.element-filter-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:0 auto;padding-bottom:0}.pal-search-filter-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:494px;margin:4px auto 0;position:relative}.pal-search-wrapper{position:relative;flex:1;max-width:440px;margin:0}.pal-search-input{width:100%;height:41px;padding-inline:41px 18px;background:#00000059;border:2px solid var(--color-border);border-radius:9999px;color:var(--color-text-main);font-size:16px;font-family:inherit;transition:all var(--transition-fast)}@media(hover:hover)and (pointer:fine){.pal-search-wrapper:hover .pal-search-input,.pal-search-input:hover{border-color:var(--accent-primary);background:#0000008c}.pal-search-wrapper:hover .pal-search-icon{opacity:1;filter:none}}.pal-search-input:focus,.pal-search-input:active{border-color:var(--accent-primary);background:#0000008c;box-shadow:none;outline:none}.pal-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;object-fit:contain;opacity:.55;pointer-events:none;display:block;transition:opacity var(--transition-fast),filter var(--transition-fast)}.pal-search-wrapper:focus-within .pal-search-icon{opacity:1;filter:none}.pal-filter-menu-wrapper{position:relative;display:flex;align-items:center}.pal-filter-btn{width:41px;height:41px;border-radius:50%;background:#00000059;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;transition:all var(--transition-fast);color:#fff;flex-shrink:0}@media(hover:hover)and (pointer:fine){.pal-filter-btn:hover{border-color:var(--accent-primary);background:#0000008c}.pal-filter-btn:hover .pal-filter-btn-icon{opacity:1;filter:none}}.pal-filter-btn:focus-visible,.pal-filter-btn.active,.pal-filter-btn[aria-expanded=true]{border-color:var(--accent-primary);outline:none}.pal-filter-btn.active .pal-filter-btn-icon,.pal-filter-btn[aria-expanded=true] .pal-filter-btn-icon,.pal-filter-btn:active .pal-filter-btn-icon,.pal-filter-btn:focus-visible .pal-filter-btn-icon{opacity:1;filter:none}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.pal-search-input,.pal-filter-btn{border-width:1.5px}}.pal-filter-btn-icon{width:18px;height:18px;object-fit:contain;opacity:.55;transition:opacity var(--transition-fast),filter var(--transition-fast),transform var(--transition-fast);display:block}.pal-filter-badge{position:absolute;top:1px;right:1px;width:9px;height:9px;border-radius:50%;background:var(--accent-primary);display:none}.pal-filter-badge.visible{display:block}.pal-filter-popover{position:absolute;top:calc(100% + 10px);right:0;width:290px;background:var(--color-bg-base);border:2px solid var(--color-border);border-radius:14px;padding:14px 16px;box-shadow:0 16px 36px #000000a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:1000;display:none;opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}.pal-filter-popover.open{display:block;opacity:1;transform:translateY(0) scale(1)}body.pal-filter-popover-open .pal-grid-card,body.pal-filter-popover-open .breeding-equation-card,body.pal-filter-popover-open .element-filter-btn,body.pal-filter-popover-open .work-filter-btn,body.pal-filter-popover-open .pal-search-input{pointer-events:none!important;cursor:default!important}body.pal-filter-popover-open .pal-filter-menu-wrapper,body.pal-filter-popover-open .pal-filter-popover,body.pal-filter-popover-open .pal-filter-btn{pointer-events:auto!important}.pal-filter-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pal-filter-popover-title{font-family:var(--font-hud);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-primary)}.pal-filter-popover-reset{background:transparent;border:none;font-family:var(--font-hud);font-size:12px;font-weight:600;color:var(--color-text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;transition:all var(--transition-fast)}@media(hover:hover)and (pointer:fine){.pal-filter-popover-reset:hover{color:var(--accent-secondary);background:rgba(var(--accent-secondary-rgb),.1)}}.pal-filter-popover-divider{height:1px;background:var(--color-border);margin:6px 0 10px}.pal-filter-toggle-list{display:flex;flex-direction:column;gap:6px}.pal-filter-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;cursor:pointer;user-select:none;transition:background .15s ease}@media(hover:hover)and (pointer:fine){.pal-filter-toggle-item:hover{background:#ffffff0d}}.pal-filter-toggle-label-group{display:flex;flex-direction:column;gap:1px}.pal-filter-toggle-label{font-size:13px;font-weight:500;color:var(--color-text-main);line-height:1.25}.pal-filter-checkbox{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.pal-filter-switch{position:relative;width:36px;height:20px;border-radius:9999px;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease;border:2px solid var(--color-border);flex-shrink:0}.pal-filter-switch:after{content:"";position:absolute;top:2px;left:2px;height:calc(100% - 4px);aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.pal-filter-checkbox:checked+.pal-filter-switch{background:var(--accent-primary);border-color:var(--accent-primary)}.pal-filter-checkbox:checked+.pal-filter-switch:after{transform:translate(16px);background:#08111e}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.pal-filter-popover,.pal-filter-switch{border-width:1.5px}}.hide-pal-numbers .palpedia-grid-screen .pal-grid-number,.hide-pal-elements .palpedia-grid-screen .pal-grid-diamonds,.hide-pal-elements #elementFilterBar,.hide-pal-elements .element-filter-bar,.hide-pal-work .palpedia-grid-screen .pal-grid-work-row,.hide-pal-work #workFilterBar,.hide-pal-work .work-filter-bar{display:none!important}@media(max-width:440px){.pal-filter-popover{width:270px;right:0}}.element-filter-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;border:2px solid rgba(var(--accent-primary-rgb),.28);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 6px #0000004d;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.elem-filter-icon{width:24px;height:24px;object-fit:contain;display:block;pointer-events:none;transition:transform var(--transition-fast)}.element-filter-btn:active{transform:none}.work-filter-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:0 auto;border-top:none;padding-top:0}.work-filter-btn{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;border:2px solid rgba(var(--accent-primary-rgb),.28);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 2px 6px #0000004d;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.work-filter-icon{width:24px;height:24px;object-fit:contain;display:block;pointer-events:none;transition:transform var(--transition-fast)}.work-filter-btn:active{transform:none}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.element-filter-btn,.work-filter-btn{border-width:1.5px}}.element-filter-btn.active,.work-filter-btn.active{background:#0e1a2bd9;border-color:var(--accent-primary)!important;border-width:3px!important;border-style:solid!important;box-shadow:none!important;transform:none}.element-filter-btn.exclusive-active,.work-filter-btn.exclusive-active,.element-filter-btn.exclusive-active:focus,.work-filter-btn.exclusive-active:focus,.element-filter-btn.exclusive-active:focus-visible,.work-filter-btn.exclusive-active:focus-visible{background:#0e1a2bd9;border-color:var(--accent-primary)!important;border-width:3px!important;border-style:dotted!important;box-shadow:none!important;transform:none}@media(hover:hover)and (pointer:fine){.element-filter-btn:not(.active):hover,.work-filter-btn:not(.active):hover{background:#0e1a2bd9;border-color:var(--accent-primary)!important;border-style:solid!important;border-width:3px!important;transform:none;box-shadow:none}.element-filter-btn.exclusive-active:hover,.work-filter-btn.exclusive-active:hover{border-style:dotted!important}.shift-held .element-filter-btn:not(.active):hover,.shift-held .work-filter-btn:not(.active):hover{border-style:dotted!important;border-width:3px!important;border-color:var(--accent-primary)!important;box-shadow:none!important}.shift-held .element-filter-btn.active:not(.exclusive-active):hover,.shift-held .work-filter-btn.active:not(.exclusive-active):hover{border-style:dotted!important}.shift-held .element-filter-btn.exclusive-active:hover,.shift-held .work-filter-btn.exclusive-active:hover{border-style:solid!important}}@keyframes filterLongPressPop{0%{transform:scale(1)}35%{transform:scale(.92)}70%{transform:scale(1.14)}to{transform:scale(1)}}.filter-btn-pop{animation:filterLongPressPop .28s cubic-bezier(.34,1.56,.64,1)!important}.element-filter-btn[data-tooltip],.work-filter-btn[data-tooltip]{position:relative}.element-filter-btn[data-tooltip]:after,.work-filter-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(3px);background:#0a1420f5;color:var(--color-text-main);border:1px solid rgba(var(--accent-primary-rgb),.35);border-radius:6px;padding:3px 8px;font-size:11px;font-family:inherit;font-weight:600;letter-spacing:.3px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease,visibility .15s;transition-delay:0s;box-shadow:0 4px 12px #0009;z-index:100}.element-filter-btn[data-tooltip]:before,.work-filter-btn[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-style:solid;border-color:rgba(var(--accent-primary-rgb),.35) transparent transparent transparent;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s;transition-delay:0s;z-index:101}@media(hover:hover)and (pointer:fine){.element-filter-btn[data-tooltip]:hover:after,.work-filter-btn[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);transition-delay:.35s}.element-filter-btn[data-tooltip]:hover:before,.work-filter-btn[data-tooltip]:hover:before{opacity:1;visibility:visible;transition-delay:.35s}}.palpedia-viewport{position:relative;width:100%;overflow:hidden;min-height:calc(100vh - var(--header-height) - 40px)}.palpedia-viewport.no-transition .palpedia-screen{transition:none!important;transition-behavior:normal!important}.palpedia-screen{width:100%;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .32s ease}.palpedia-grid-screen{width:100%;transform:translate(0);opacity:1;pointer-events:auto;position:relative}.palpedia-detail-screen{display:none;position:absolute;top:0;left:0;width:100%;min-height:100vh;transform:translate(100%);opacity:0;pointer-events:none;transition:display .42s,transform .42s cubic-bezier(.16,1,.3,1),opacity .32s ease;transition-behavior:allow-discrete}.palpedia-detail-screen[data-closing]{display:block}.palpedia-viewport.detail-active .palpedia-grid-screen{transform:translate(-100%);opacity:0;pointer-events:none;position:absolute;top:0;left:0}.palpedia-viewport.detail-active .palpedia-detail-screen{display:block;position:relative;transform:translate(0);opacity:1;pointer-events:auto}@starting-style{.palpedia-viewport.detail-active .palpedia-detail-screen{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.palpedia-screen{transition-duration:.1s}.palpedia-detail-screen{transform:none;transition:display .1s,opacity .1s ease;transition-behavior:allow-discrete}.palpedia-viewport.detail-active .palpedia-grid-screen{transform:none}@starting-style{.palpedia-viewport.detail-active .palpedia-detail-screen{transform:none}}}.palpedia-staggered-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:28px 16px;padding:24px 0 100px;width:100%;justify-items:center}.pal-grid-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:100%;max-width:168px;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;backdrop-filter:none!important;cursor:pointer;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;touch-action:manipulation;position:relative;transition:opacity .15s ease;outline:none!important}.pal-grid-card:hover,.pal-grid-card:focus,.pal-grid-card:focus-visible{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.pal-grid-avatar-ring{width:90px;height:90px;border-radius:50%;border:2px solid var(--color-border);padding:5px;display:flex;align-items:center;justify-content:center;background:#08111e80;margin-bottom:8px;box-sizing:border-box;transition:border-color .15s ease,border-width .15s ease,padding .15s ease;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.pal-grid-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:contain;display:block;pointer-events:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important}@media(hover:hover)and (pointer:fine){.pal-grid-card:hover .pal-grid-avatar-ring,.pal-grid-card:focus-visible .pal-grid-avatar-ring{border:3px solid var(--accent-primary);padding:3.5px;box-shadow:none}.shift-held .pal-grid-card:not(.breeding-equation-card):hover .pal-grid-avatar-ring,.shift-held .pal-grid-card:not(.breeding-equation-card):focus-visible .pal-grid-avatar-ring{border:3px dotted var(--accent-primary)!important;padding:4px!important;box-shadow:none!important}}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.pal-grid-avatar-ring{border-width:1.5px}}.pal-grid-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-bottom:6px;width:100%;max-width:100%}.pal-grid-title{font-family:var(--font-hud);letter-spacing:.3px;text-align:center;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.pal-grid-number{color:var(--accent-secondary);font-size:15px;font-weight:700;line-height:1.2;margin-right:0}.pal-grid-name{font-size:18px;font-weight:500;color:var(--color-text-main);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pal-grid-diamonds{display:inline-flex;align-items:center;justify-content:center;gap:4px}.pal-grid-type-icon{width:24px;height:24px;object-fit:contain;display:inline-block;vertical-align:middle;background:transparent!important;border:none!important;box-shadow:none!important}.pal-grid-work-row{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;min-height:20px;width:80%;box-sizing:border-box}.pal-card-work-item{display:inline-flex;align-items:center;justify-content:center;gap:3px;font-family:var(--font-hud);font-size:12.5px;font-weight:700;color:var(--color-text-main);flex:0 0 calc((100% - 16px) / 3);max-width:calc((100% - 16px) / 3);box-sizing:border-box;white-space:nowrap}.pal-card-work-icon{width:24px;height:24px;object-fit:contain}.pal-card-work-lvl{font-size:16px;font-weight:700;color:var(--color-text-main)!important}@media(max-width:540px){.palpedia-staggered-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px 8px!important;padding:10px 0 90px!important}.pal-grid-card{max-width:100%!important}.pal-grid-avatar-ring{width:86px!important;height:86px!important;padding:4px!important;border-width:1.5px!important;margin-bottom:6px!important}@media(hover:hover)and (pointer:fine){.pal-grid-card:hover .pal-grid-avatar-ring{border-width:3px!important;padding:3px!important}.shift-held .pal-grid-card:not(.breeding-equation-card):hover .pal-grid-avatar-ring,.shift-held .pal-grid-card:not(.breeding-equation-card):focus-visible .pal-grid-avatar-ring{border:3px dotted var(--accent-primary)!important;padding:3px!important}}.pal-grid-meta{flex-direction:column!important;align-items:center!important;gap:3px!important;margin-bottom:4px!important;width:100%!important}.pal-grid-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;letter-spacing:0!important;max-width:100%!important;text-align:center!important}.pal-grid-number{font-size:11.5px!important;margin-right:0!important;color:var(--accent-secondary)!important;line-height:1.2!important}.pal-grid-name{font-size:12.5px!important;line-height:1.2!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.pal-grid-diamonds{gap:3px!important;justify-content:center!important}.pal-grid-type-icon{width:20px!important;height:20px!important}.pal-grid-work-row{gap:3px!important;min-height:18px!important;justify-content:center!important;width:80%!important}.pal-card-work-item{font-size:11px!important;flex:0 0 calc((100% - 12px) / 3)!important;max-width:calc((100% - 12px) / 3)!important}.pal-card-work-icon{width:18px!important;height:18px!important}.pal-card-work-lvl{font-size:12px!important}.hide-pal-work .palpedia-staggered-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px 5px!important;padding:8px 0 90px!important}.hide-pal-work .pal-grid-card{max-width:100%!important}.hide-pal-work .pal-grid-avatar-ring{width:66px!important;height:66px!important;padding:3px!important;border-width:1.5px!important;margin-bottom:4px!important}.hide-pal-work .pal-grid-avatar-ring.breeding-selected,.hide-pal-work .pal-grid-card.breeding-selected .pal-grid-avatar-ring{border-width:3px!important;border-style:dotted!important;border-color:var(--accent-primary)!important;padding:1.5px!important}@media(hover:hover)and (pointer:fine){.hide-pal-work .pal-grid-card:hover .pal-grid-avatar-ring{border-width:2.5px!important;padding:2px!important}.shift-held .hide-pal-work .pal-grid-card:hover .pal-grid-avatar-ring{border:3px dotted var(--accent-primary)!important;border-width:3px!important;padding:1.5px!important}}.hide-pal-work .pal-grid-meta{margin-bottom:2px!important}.hide-pal-work .pal-grid-title{font-size:11px!important;line-height:1.2!important}.hide-pal-work .pal-grid-number{font-size:10px!important}.hide-pal-work .pal-grid-name{font-size:11px!important}.hide-pal-work .pal-grid-type-icon{width:18px!important;height:18px!important}}@media(max-width:360px){.palpedia-staggered-grid{gap:12px 4px!important}.pal-grid-avatar-ring{width:74px!important;height:74px!important;padding:3px!important;margin-bottom:4px!important}.pal-grid-title{font-size:11px!important}.pal-grid-number{font-size:10px!important}.pal-grid-name{font-size:11px!important}.pal-grid-type-icon{width:17px!important;height:17px!important}.pal-card-work-icon{width:15px!important;height:15px!important}.pal-card-work-lvl{font-size:11px!important}.hide-pal-work .pal-grid-avatar-ring{width:54px!important;height:54px!important;padding:2.5px!important}.hide-pal-work .pal-grid-title{font-size:10px!important}.hide-pal-work .pal-grid-number{font-size:9.5px!important}.hide-pal-work .pal-grid-name{font-size:10px!important}.hide-pal-work .pal-grid-type-icon{width:15px!important;height:15px!important}}.pal-detail-top-nav{display:flex;align-items:center;justify-content:flex-end;padding:6px 0 16px;background:transparent;border:none;box-shadow:none;position:relative;z-index:10;width:100%}.pal-detail-close-btn{background:transparent;border:none;padding:0;width:38px;height:38px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast),opacity var(--transition-fast)}.pal-detail-close-btn .menu-close-x{display:block;position:relative;width:22px;height:22px;cursor:pointer}.pal-detail-close-btn .menu-close-x .line{display:block;height:2px;width:22px;border-radius:1px;background-color:var(--accent-primary);position:absolute;top:50%;left:50%;transition:none}.pal-detail-close-btn .menu-close-x .line1{transform:translate(-50%,-50%) rotate(45deg)}.pal-detail-close-btn .menu-close-x .line2{transform:translate(-50%,-50%) rotate(-45deg)}@media(hover:hover)and (pointer:fine){.pal-detail-close-btn:hover{background:rgba(var(--accent-primary-rgb),.12)}}.pal-detail-close-btn:active{opacity:.7}.pal-detail-close-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media(max-width:899px){.pal-detail-top-nav{display:none}}.pal-detail-panel{background:transparent!important;border:none!important;border-radius:0!important;padding:0 0 60px!important;display:flex;flex-direction:column;gap:32px;box-shadow:none!important;position:relative;width:100%}.pal-detail-hero-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%}.pal-detail-image-col{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto}.pal-detail-avatar-ring{width:128px;height:128px;border-radius:50%;border:2px solid var(--color-border);padding:6px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);box-sizing:border-box;margin:0 auto;cursor:default!important;pointer-events:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;transition:none!important;transform:none!important;box-shadow:none!important}.pal-detail-avatar-ring:hover{border-color:var(--color-border)!important;transform:none!important;box-shadow:none!important;cursor:default!important}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.pal-detail-avatar-ring{border-width:1.5px}}.pal-detail-main-img{width:100%;height:100%;border-radius:50%;object-fit:contain;display:block;pointer-events:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important;filter:none!important;animation:none!important;transform:none!important;transition:none!important}.pal-detail-info-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;width:100%;max-width:640px;margin:0 auto}.pal-detail-header-row{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;gap:12px;width:100%}.pal-detail-number{font-family:var(--font-hud);font-size:clamp(24px,3.2vw,36px);font-weight:700;letter-spacing:.5px;color:var(--accent-secondary)!important;line-height:1;display:inline-flex;align-items:center}.pal-detail-name{font-family:var(--font-hud);font-size:clamp(26px,3.2vw,38px);font-weight:700;line-height:1.1;color:var(--color-text-main);margin:0;display:inline-flex;align-items:center}.pal-detail-elements-row{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}.pal-detail-type-icon{width:26px;height:26px;object-fit:contain;display:inline-block;vertical-align:middle;background:transparent!important;border:none!important}.pal-detail-work-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.pal-detail-work-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:6px;box-sizing:border-box}.pal-detail-work-icon{width:20px;height:20px;object-fit:contain}.pal-detail-work-num{font-family:var(--font-hud);font-size:15px;font-weight:700;color:var(--color-text-main)!important;line-height:1}.pal-detail-lore{font-size:15px;font-style:italic;line-height:1.6;color:var(--color-text-muted);max-width:640px;margin:2px auto 0;text-align:center}.pal-detail-partner-skill{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin:4px auto 0;width:100%;max-width:640px}.pal-detail-partner-skill-name{font-family:var(--font-hud);font-size:14.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--color-text-main);text-align:center;width:100%}.pal-detail-partner-label{color:var(--color-text-accent)}.pal-detail-partner-skill-desc{font-size:13.5px;color:var(--color-text-muted);line-height:1.5;margin:0 auto;max-width:640px;text-align:center}@media(max-width:859px){.pal-detail-hero-stage{gap:14px}.pal-detail-number{font-size:clamp(22px,5.5vw,28px);text-align:center}.pal-detail-name{font-size:clamp(24px,6vw,30px);text-align:center;margin:0}.pal-detail-type-icon{width:24px;height:24px}.pal-detail-work-row{gap:8px}.pal-detail-lore,.pal-detail-partner-skill-desc{max-width:560px}}.pal-detail-breeding-section{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;min-height:calc(100vh - 120px);margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border-subtle);box-sizing:border-box}.detail-breeding-header{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto 4px}.detail-breeding-filter-wrapper{position:relative;max-width:440px;width:100%;margin:0 auto}.detail-breeding-filter-input{width:100%;padding:10px 18px 10px 42px;background:#00000059;border:2px solid var(--color-border);border-radius:9999px;color:var(--color-text-main);font-size:16px;font-family:inherit;outline:none;transition:all var(--transition-fast)}@media(hover:hover)and (pointer:fine){.detail-breeding-filter-wrapper:hover .detail-breeding-filter-input,.detail-breeding-filter-input:hover{border-color:var(--accent-primary);background:#0000008c}.detail-breeding-filter-wrapper:hover .detail-breeding-filter-icon{opacity:1;filter:none}}.detail-breeding-filter-input:focus,.detail-breeding-filter-input:active{border-color:var(--accent-primary);background:#0000008c;box-shadow:none;outline:none}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.detail-breeding-filter-input{border-width:1.5px}}.detail-breeding-filter-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;object-fit:contain;opacity:.55;pointer-events:none;display:block;transition:opacity var(--transition-fast),filter var(--transition-fast)}.detail-breeding-filter-wrapper:focus-within .detail-breeding-filter-icon{opacity:1;filter:none}.detail-breeding-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:16px 40px;width:100%;max-width:1360px;margin:0 auto;box-sizing:border-box}.detail-breeding-equation-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 10px;background:transparent;border-bottom:1px solid rgba(255,255,255,.04);box-sizing:border-box;flex:0 0 auto;width:auto;max-width:100%}.detail-breeding-no-results{width:100%;text-align:center;color:var(--color-text-dim);font-size:14px;padding:32px 16px;margin:0 auto}.detail-breeding-equation-item .breeding-equation-row{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;margin:0 auto!important}.detail-breeding-equation-item .breeding-equation-card{flex:0 0 68px!important;width:68px!important;max-width:68px!important;padding:2px 0!important;box-sizing:border-box!important;text-align:center!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-avatar-ring{width:68px!important;height:68px!important;margin:0 auto 4px!important;box-sizing:border-box!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-avatar-img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:contain!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-meta{max-width:68px!important;width:68px!important;margin:0 auto!important;justify-content:center!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-title{max-width:68px!important;width:68px!important;font-size:11.5px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1px!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-name{font-size:11px!important;max-width:68px!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-number,.detail-breeding-equation-item .breeding-equation-card .pal-grid-diamonds,.detail-breeding-equation-item .breeding-equation-card .pal-grid-work-row{display:none!important}.detail-breeding-equation-item .breeding-op-sign{font-family:var(--font-hud)!important;font-size:24px!important;font-weight:500!important;color:var(--accent-primary)!important;height:68px!important;margin-top:2px!important;width:20px!important;min-width:20px!important;max-width:20px!important;flex:0 0 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;box-sizing:border-box!important}@media(max-width:360px){.detail-breeding-equation-item .breeding-equation-row{gap:4px!important}.detail-breeding-equation-item .breeding-equation-card{flex:0 0 54px!important;width:54px!important;max-width:54px!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-avatar-ring{width:54px!important;height:54px!important}.detail-breeding-equation-item .breeding-equation-card .pal-grid-meta,.detail-breeding-equation-item .breeding-equation-card .pal-grid-title,.detail-breeding-equation-item .breeding-equation-card .pal-grid-name{max-width:54px!important;width:54px!important}.detail-breeding-equation-item .breeding-op-sign{font-size:20px!important;height:54px!important;width:16px!important;min-width:16px!important;max-width:16px!important;flex:0 0 16px!important}}.detail-breeding-parent{cursor:pointer;transition:transform .15s ease}@media(hover:hover)and (pointer:fine){.detail-breeding-parent:hover{transform:translateY(-2px)!important}}.breeding-detail-empty{padding:24px;text-align:center;color:var(--color-text-muted);font-size:14px}.standalone-bottom-nav{display:none;position:fixed;bottom:0;left:0;width:100%;background:var(--color-bg-base);backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid var(--color-border);box-shadow:none;padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);height:calc(var(--bottom-nav-height) + var(--safe-bottom));z-index:140}.bottom-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);height:var(--bottom-nav-height);align-items:center}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;color:var(--color-text-muted);font-family:var(--font-hud);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:none;transition:all var(--transition-fast);position:relative;background:transparent;border:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.bottom-nav-icon{width:35px;height:35px;margin-top:-3px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.bottom-nav-label{text-transform:capitalize;line-height:.7;font-size:11px;letter-spacing:.3px;transition:color var(--transition-fast)}.bottom-nav-btn.active,.bottom-nav-btn.active .bottom-nav-label{color:var(--accent-primary)}.bottom-nav-btn.active .bottom-nav-icon{background-color:var(--accent-primary);filter:none}@media(max-width:899px){.mobile-menu-btn{display:flex}}@media(display-mode:standalone),(max-width:768px){body.is-standalone .standalone-bottom-nav,.standalone-bottom-nav{display:block}}.pal-grid-avatar-ring.breeding-selected,.pal-grid-card.breeding-selected .pal-grid-avatar-ring,.pal-grid-card.breeding-selected>.pal-grid-avatar-ring{border:3px dotted var(--accent-primary)!important;box-shadow:none!important}.breeding-equation-wrapper{grid-column:1 / -1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 36px;animation:fadeInBreedingEq .25s ease-out}@keyframes fadeInBreedingEq{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breeding-equation-row{display:flex;flex-direction:row!important;align-items:flex-start!important;justify-content:center!important;gap:16px;flex-wrap:nowrap!important;width:100%;max-width:760px;margin:0 auto}.breeding-equation-card{cursor:pointer;transform:none!important;flex:0 0 104px!important;width:104px!important;max-width:104px!important;padding:4px 0!important;box-sizing:border-box!important;text-align:center;display:flex;flex-direction:column;align-items:center;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;touch-action:manipulation}.breeding-equation-card img{pointer-events:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important}.breeding-equation-card:hover{transform:none!important}.breeding-equation-card .pal-grid-avatar-ring{width:90px!important;height:90px!important;margin:0 auto 8px!important;box-sizing:border-box!important}.breeding-equation-card .pal-grid-meta{width:100%!important;max-width:104px!important;margin:0 auto!important;justify-content:center!important}.breeding-equation-card .pal-grid-title{width:100%!important;max-width:104px!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:1px!important}.breeding-equation-card .pal-grid-name{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.breeding-equation-card .pal-grid-number,.breeding-equation-card .pal-grid-diamonds,.breeding-equation-card .pal-grid-work-row{display:none!important}.breeding-op-sign{font-family:var(--font-hud);font-size:38px;font-weight:500;color:var(--accent-primary);text-shadow:none;user-select:none;display:flex;align-items:center;justify-content:center;height:104px;margin-top:4px;width:44px;min-width:44px;max-width:44px;flex:0 0 44px;line-height:1;padding:0;box-sizing:border-box;text-align:center}.breeding-offspring-card .pal-grid-avatar-ring{border:2px solid var(--color-border)!important;box-shadow:none!important}@media(hover:hover)and (pointer:fine){.breeding-equation-card:hover .pal-grid-avatar-ring,.breeding-equation-card:focus-visible .pal-grid-avatar-ring,.pal-grid-card.breeding-selected:hover .pal-grid-avatar-ring,.pal-grid-card.breeding-selected:focus-visible .pal-grid-avatar-ring{border:3px solid var(--accent-primary)!important;border-style:solid!important;padding:3.5px!important;box-shadow:none!important}}@media(max-width:899px),(orientation:landscape)and (max-height:520px){.breeding-offspring-card .pal-grid-avatar-ring{border:1.5px solid var(--color-border)!important}}.breeding-unknown-avatar{font-family:var(--font-hud);font-size:44px;font-weight:800;color:var(--accent-primary);text-shadow:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media(max-width:500px),(orientation:landscape)and (max-height:520px){.breeding-equation-wrapper{padding:20px 8px 60px;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.breeding-equation-wrapper::-webkit-scrollbar{display:none}.breeding-equation-row{gap:12px!important;width:max-content!important;max-width:100%!important;margin:0 auto!important;align-items:flex-start!important}.breeding-equation-card{flex:0 0 68px!important;width:68px!important;max-width:68px!important;padding:2px 0!important}.breeding-equation-card .pal-grid-avatar-ring{width:68px!important;height:68px!important;margin:0 auto 4px!important}.breeding-equation-card .pal-grid-meta{max-width:68px!important;width:68px!important}.breeding-equation-card .pal-grid-title{max-width:68px!important;font-size:11.5px!important}.breeding-op-sign{font-size:26px!important;height:68px!important;margin-top:2px!important;width:24px!important;min-width:24px!important;max-width:24px!important;flex:0 0 24px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.breeding-offspring-card .pal-grid-avatar-ring{border:1.5px solid var(--color-border)!important}.breeding-equation-card.breeding-selected .pal-grid-avatar-ring,.pal-grid-card.breeding-selected .pal-grid-avatar-ring{border:3px dotted var(--accent-primary)!important}@media(hover:hover)and (pointer:fine){.breeding-equation-card:hover .pal-grid-avatar-ring,.breeding-equation-card:focus-visible .pal-grid-avatar-ring,.pal-grid-card.breeding-selected:hover .pal-grid-avatar-ring,.pal-grid-card.breeding-selected:focus-visible .pal-grid-avatar-ring{border:2px solid var(--accent-primary)!important;border-style:solid!important;padding:2.5px!important}}}@media(max-width:360px){.breeding-equation-wrapper{padding:16px 4px 60px}.breeding-equation-row{gap:8px!important}.breeding-equation-card{flex:0 0 54px!important;width:54px!important;max-width:54px!important}.breeding-equation-card .pal-grid-avatar-ring{width:54px!important;height:54px!important}.breeding-equation-card .pal-grid-meta{max-width:54px!important;width:54px!important}.breeding-equation-card .pal-grid-title{max-width:54px!important;font-size:10.5px!important}.breeding-op-sign{font-size:20px!important;height:54px!important;margin-top:2px!important;width:22px!important;min-width:22px!important;max-width:22px!important;flex:0 0 22px!important}.breeding-equation-card.breeding-selected .pal-grid-avatar-ring,.pal-grid-card.breeding-selected .pal-grid-avatar-ring{border:3px dotted var(--accent-primary)!important;padding:1.5px!important}}@media(hover:none),(pointer:coarse){button:active,a:active,.sidebar-nav-item:active,.pal-grid-card:active{opacity:.85}}