:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fafafa;--panel:#19191be6;--panel-soft:#1c1e24c7;--line:#ffffff1f;--muted:#9ca3af;--blue:#60a5fa;--primary:#3b82f6;--shadow:0 24px 70px #0000006b;background:#121212;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.app-shell{isolation:isolate;min-height:100vh;position:relative}.fixed-background{z-index:-2;background:linear-gradient(#0a0a0ccc,#0a0a0c73,#121212 64%),url(/assets/palworld-release.webp) top/cover no-repeat fixed;position:fixed;inset:0}.fixed-background:after{content:"";-webkit-backdrop-filter:saturate(.96);backdrop-filter:saturate(.96);background:#00000057;position:absolute;inset:0}.fixed-background.home-page-background{z-index:0;background:linear-gradient(#0a0a0ccc,#0a0a0c73,#121212 90%),url(/assets/palworld-release.webp) 50%/cover no-repeat fixed;height:1280px;position:absolute;inset:0 0 auto}.fixed-background.home-page-background:after{display:none}.site-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f0f11d1;position:fixed;top:0;left:0;right:0}.header-inner{justify-content:center;align-items:center;gap:10px;width:min(1800px,100vw - 32px);height:56px;margin:0 auto;display:flex}.brand{color:var(--blue);white-space:nowrap;text-shadow:0 0 18px #3b82f659;flex:none;font-size:18px;font-weight:800}.desktop-nav{flex:none;align-items:center;gap:0;width:max-content;min-width:0;display:flex}.nav-group{flex:none;position:relative}.nav-trigger,.nav-link{color:#d1d5db;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;min-height:36px;padding:8px 7px;font-size:14px;font-weight:650;transition:color .16s,background .16s;display:inline-flex}.nav-trigger:hover,.nav-link:hover,.nav-group:focus-within .nav-trigger,.nav-group:hover .nav-trigger{color:#fff;background:#1e1e1e}.nav-dropdown{border:1px solid var(--line);min-width:190px;box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#101012f5;border-radius:10px;padding:8px;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(8px)}.nav-dropdown a{color:#d1d5db;border-radius:8px;padding:10px 11px;font-size:14px}.nav-dropdown a:hover{color:#fff;background:#25262c}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.header-actions{flex:none;align-items:center;gap:6px;display:flex}.language-select,.mobile-language-select{color:#d1d5db;align-items:center;gap:5px;display:inline-flex}.language-select{background:#1e1e1e;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;width:58px;height:32px;padding:0 7px;position:relative}.language-select select,.mobile-language-select select{color:inherit;background:0 0;border:0;outline:0}.language-select select{opacity:0;cursor:pointer;width:100%;font-size:13px;font-weight:700;position:absolute;inset:0}.language-select-code{color:#f8fafc;text-align:center;min-width:20px;font-size:13px;font-weight:800;line-height:1}.language-select option,.mobile-language-select option{color:#f8fafc;background:#17171b}.desktop-search,.mobile-icon-button{color:#d1d5db;border:0;transition:background .16s,color .16s}.desktop-search{background:#1e1e1e;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 8px;font-size:14px;display:inline-flex}.desktop-search:hover,.mobile-icon-button:hover{color:#fff;background:#333}kbd{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;align-items:center;min-height:20px;padding:0 7px;font-size:12px;display:inline-flex}@media (width>=1361px) and (width<=1520px){.header-inner{gap:6px}.nav-trigger,.nav-link{padding-left:4px;padding-right:4px;font-size:13px}.header-actions{gap:4px}}@media (width<=1360px){.desktop-nav,.desktop-search{display:none}.header-actions .mobile-icon-button{display:inline-flex}.brand{flex:1}}.mobile-icon-button{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:none}.hero-section{background:linear-gradient(#0a0a0ccc,#0a0a0c73,#121212 90%),url(/assets/palworld-release.webp) top/cover no-repeat;min-height:522px;padding:110px 20px 78px}.hero-content{text-align:center;justify-items:center;max-width:740px;margin:0 auto;display:grid}.home-page{z-index:0;position:relative}.home-page>*{z-index:1;position:relative}.home-page .hero-section{background:0 0;min-height:438px;padding-top:64px;padding-bottom:32px}.top-sticky-ad-shell{z-index:35;width:100%;margin:24px auto;padding:10px 0;position:sticky;top:64px}.home-top-ad-shell{width:min(1504px,100vw - 64px);margin:56px auto 0;padding-top:0;top:76px}.inner-top-ad-shell{width:min(1504px,100vw - 64px);margin:18px auto 8px}.top-sticky-ad-inner{justify-content:center;width:min(940px,100%);margin:0 auto;padding-right:44px;display:flex;position:relative}.top-sticky-ad-slot{margin:0}.top-sticky-ad-close{color:#aeb7c5;background:#0f0f11e6;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:border-color .16s,background .16s,color .16s;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 10px 26px #00000038}.top-sticky-ad-close:hover{color:#fff;background:#1e1e22f5;border-color:#ffffff47}.hero-content h1{letter-spacing:0;margin:0 0 12px;font-size:clamp(38px,5vw,54px);line-height:1.05}.hero-content p{color:#d1d5db;margin:0 0 28px;font-size:18px;font-weight:650}.hero-search{color:#9ca3af;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14161cd1;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:14px;width:min(100%,575px);min-height:56px;padding:0 18px;display:flex;box-shadow:0 14px 55px #0000004d}.hero-search span{flex:1;min-width:0}.stats-grid{grid-template-columns:repeat(4,minmax(84px,1fr));gap:18px;margin-top:34px;display:grid}.stats-grid span{color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff21;border:1px solid #ffffff2e;border-radius:12px;gap:3px;min-width:92px;padding:11px 14px;font-size:13px;display:grid}.stats-grid strong{font-size:23px;line-height:1}.hero-badges{color:#d1d5db;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;font-size:14px;display:flex}.hero-badges a,.hero-badges span{background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;padding:5px 13px}.hero-badges a{color:#93c5fd;background:#3b82f62e;border-color:#60a5fa7a;font-weight:700}.page-content{width:min(1504px,100vw - 64px);margin:0 auto}.ad-slot{--ad-width:300px;--ad-height:250px;width:min(100%, var(--ad-width));min-height:var(--ad-height);background:#0d0e11b8;border:1px solid #ffffff1a;border-radius:8px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #0000002e}.ad-slot iframe{width:min(100%, var(--ad-width));height:var(--ad-height);background:0 0;border:0;display:block}.ad-slot-leaderboard{--ad-width:728px;--ad-height:90px}.ad-slot-rectangle{--ad-width:300px;--ad-height:250px}.ad-slot-footer-banner{--ad-width:468px;--ad-height:60px}.ad-slot-mobile-banner{--ad-width:320px;--ad-height:50px}.ad-frame-mobile{display:none!important}.content-ad-slot{margin:24px auto}.compact-ad-slot,.detail-inline-ad,.article-ad-slot{margin:20px auto}.grid-ad-slot{grid-column:1/-1;margin:6px auto 12px}.virtual-ad-grid{display:block;position:relative}.virtual-ad-grid-row{will-change:transform;position:absolute;top:0;left:0;right:0}.virtual-ad-grid-row-items{grid-template-columns:repeat(var(--virtual-grid-columns), minmax(0, 1fr));align-items:stretch;column-gap:var(--virtual-grid-column-gap);display:grid}.virtual-ad-grid-row-items>*{min-width:0}.list-ad-slot{margin:4px auto 8px}.footer-ad-slot{width:min(1504px,100vw - 64px);margin:36px auto 0}.footer-banner-ad-row{justify-content:center;width:min(1504px,100vw - 64px);margin:32px auto 0;display:flex}.footer-banner-ad-slot{margin:0}.map-ad-slot{z-index:4;position:absolute;bottom:24px;right:24px}.home-content{margin-top:24px}.feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.feature-card{border:1px solid var(--line);background:linear-gradient(135deg,#3b82f640,#1a1c22eb,#16181d);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:196px;padding:24px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.feature-card:hover{border-color:#ffffff38;transform:translateY(-2px)}.feature-card.wide{grid-column:span 8}.feature-card:not(.wide){grid-column:span 3}.feature-card:nth-child(2){grid-column:span 4}.feature-card.pink{background:linear-gradient(135deg,#ec489940,#1a1c22eb,#16181d)}.feature-card.amber{background:linear-gradient(135deg,#f59e0b40,#1a1c22eb,#16181d)}.feature-card.green{background:linear-gradient(135deg,#22c55e40,#1a1c22eb,#16181d)}.feature-card.purple{background:linear-gradient(135deg,#a855f740,#1a1c22eb,#16181d)}.feature-card.cyan{background:linear-gradient(135deg,#06b6d440,#1a1c22eb,#16181d)}.feature-card img{object-fit:contain;width:58px;height:58px}.feature-card span{gap:8px;display:grid}.feature-card strong{font-size:24px}.feature-card small{color:#aeb7c5;font-size:15px}.feature-card em{color:#d1d5db;align-items:center;gap:4px;font-size:14px;font-style:normal;display:inline-flex}.quick-section,.strip-section,.news-card,.filter-panel,.calculator-panel,.generic-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111112c7;border-radius:12px;margin-top:28px;padding:22px;box-shadow:0 12px 40px #0000002e}.quick-section h2,.strip-section h2,.news-card h2{margin:0;font-size:22px}.quick-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.quick-grid a{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;place-items:center;min-height:86px;font-weight:700;transition:border-color .16s,background .16s;display:grid}.quick-grid a:hover{background:#3b82f61f;border-color:#60a5fa80}.section-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title-row a{color:#9ca3af;font-size:14px}.pal-strip{grid-template-columns:repeat(10,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.pal-strip a,.pal-strip-item{color:#e5e7eb;justify-items:center;gap:8px;min-width:0;font-size:14px;display:grid}.pal-strip img{object-fit:contain;background:#ffffff12;border-radius:999px;width:72px;height:72px}.news-item{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;gap:8px;margin-top:16px;padding:18px;display:grid}.news-item span,.news-item p{color:#9ca3af;margin:0}.news-item strong{font-size:20px}.inner-page{min-height:calc(100vh - 56px);padding-top:44px;padding-bottom:64px}.inner-hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:112px;display:flex}.inner-hero h1{margin:0 0 12px;font-size:36px}.inner-hero p{color:#aeb7c5;margin:0}.pals-hero{grid-template-columns:minmax(260px,1fr) auto;align-content:center;align-items:center;gap:32px}.pals-hero-copy{min-width:0}.chip-row{flex-wrap:wrap;gap:12px;display:flex}.chip-row+.chip-row{margin-top:14px}.chip-row button,.reset-button{color:#9ca3af;background:#121212;border:1px solid #333;border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.chip-row button:hover,.reset-button:hover{color:#d1d5db;background:#121212;border-color:#3b82f680}.chip-row button.active{color:#fff;background:#3b82f6;border-color:#60a5fa}.chip-row img{object-fit:contain;width:16px;height:16px}.filter-search-row{gap:10px;margin-top:16px;display:flex}.filter-search-row label,.generic-search,.map-search{border:1px solid var(--line);color:#9ca3af;background:#ffffff0d;border-radius:8px;flex:1;align-items:center;gap:10px;min-height:38px;padding:0 12px;display:flex}.filter-search-row input,.generic-search input,.map-search input,.search-input-row input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.pal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.special-pals-page{width:min(1248px,100vw - 64px)}.special-pal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pal-card{border:1px solid var(--line);background:#121213db;border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:14px 16px;transition:border-color .16s,transform .16s;display:grid;position:relative;overflow:hidden}.pal-card:hover{border-color:#60a5fa6b;transform:translateY(-1px)}.pal-avatar{object-fit:contain;background:#ffffff14;border-radius:999px;width:64px;height:64px}.pal-card h2{margin:0 0 16px;font-size:17px;line-height:1.1}.pal-card h2 span{color:#8e96a3;margin-right:5px}.pal-card p{color:#9ca3af;margin:0 0 10px;font-size:13px}.pal-card .pal-drop-summary{color:#aeb7c5;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.pal-work-row{flex-wrap:wrap;gap:6px;display:flex}.pal-work-row span{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:3px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.pal-work-row img{width:15px;height:15px}.pal-elements{gap:4px;display:flex;position:absolute;top:12px;right:12px}.pal-elements img{width:22px;height:22px}.special-pal-card{background:linear-gradient(#141416e6,#0a0a0cf0),radial-gradient(circle at 8% 12%,#ef444429,#0000 28%);border:1px solid #374151d6;border-radius:8px;align-content:start;gap:16px;min-height:320px;padding:16px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;overflow:hidden;box-shadow:0 12px 34px #0000003d}.special-pal-card:hover{border-color:#ef44446b;transform:translateY(-1px);box-shadow:0 16px 42px #0000004d}.special-pal-card-head{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:16px;min-height:92px;display:grid}.special-pal-avatar-wrap{background:radial-gradient(circle,#141416f2,#08080ae0);border:1px solid #ef44444d;border-radius:999px;place-items:center;width:80px;height:80px;display:grid}.special-pal-avatar{object-fit:contain;filter:drop-shadow(0 10px 14px #00000075);width:70px;height:70px}.special-pal-title-block{gap:9px;min-width:0;display:grid}.special-pal-title-block h2{color:#f4f4f5;margin:0;font-size:20px;line-height:1.18}.special-pal-element-row{flex-wrap:wrap;gap:7px;display:flex}.special-pal-element-row span{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.special-pal-element-row img{width:16px;height:16px}.special-drop-panel{gap:10px;display:grid}.special-drop-panel h3{color:#9ca3af;margin:0;font-size:13px;font-weight:900}.special-drop-list{gap:8px;display:grid}.special-drop-row{background:#060608ad;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:minmax(0,1fr) minmax(42px,auto) minmax(48px,auto);align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:grid}.special-drop-name{align-items:center;gap:9px;min-width:0;display:flex}.special-drop-name img,.special-drop-name i{object-fit:contain;background:#ffffff0f;border-radius:5px;flex:none;width:28px;height:28px}.special-drop-name strong{color:#d1d5db;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:850;overflow:hidden}.special-drop-name small{color:#8e96a3;flex:none;font-size:11px;font-weight:700}.special-drop-amount,.special-drop-rate{color:#9ca3af;text-align:right;font-size:13px;font-weight:850}.special-drop-rate{color:#22c55e}.tabs{gap:8px;margin-top:32px;display:flex}.tabs button{color:#9ca3af;background:#121212;border:1px solid #333;border-radius:8px;min-height:34px;padding:0 15px;font-weight:700}.tabs button:hover{color:#d1d5db;border-color:#3b82f680}.tabs button.active{color:#fff;background:#3b82f6;border-color:#60a5fa}.calculator-panel h2{align-items:center;gap:10px;margin:0 0 8px;font-size:26px;display:flex}.calculator-panel>p{color:#9ca3af;margin:0 0 26px}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.select-grid.one-column{grid-template-columns:minmax(0,1fr);max-width:720px}.select-grid label{color:#9ca3af;gap:10px;font-size:14px;font-weight:700;display:grid}.select-grid select{border:1px solid var(--line);color:#e5e7eb;background:#171719;border-radius:8px;height:50px;padding:0 16px}.breeding-result{background:#3b82f61f;border:1px solid #60a5fa47;border-radius:12px;gap:18px;margin-top:24px;padding:18px;display:grid}.breeding-result-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.breeding-result-head span{color:#93c5fd;font-weight:800}.breeding-result-head small,.breeding-summary{color:#cbd5e1;font-weight:700}.breeding-equation{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:14px;display:grid}.breeding-symbol,.breeding-pair-row>span{color:#60a5fa;text-align:center;font-size:28px;font-weight:900}.breeding-pal-card{color:#f9fafb;text-align:center;background:#11182794;border:1px solid #ffffff1f;border-radius:8px;justify-items:center;gap:6px;min-width:0;min-height:178px;padding:14px;text-decoration:none;display:grid}.breeding-pal-card.highlighted{border-color:#facc15;box-shadow:0 0 0 1px #facc1547,0 14px 32px #facc1529}.breeding-pal-card img{object-fit:contain;width:86px;height:86px}.breeding-pal-card small,.breeding-inline-pal small{color:#60a5fa;font-weight:800}.breeding-pal-card strong,.breeding-inline-pal strong{overflow-wrap:anywhere}.breeding-pal-card span{color:#cbd5e1;font-size:13px}.breeding-summary{margin:18px 0 0}.breeding-pair-list,.breeding-route-list{gap:10px;margin-top:16px;display:grid}.breeding-pair-list{max-height:640px;padding-right:4px;overflow:auto}.breeding-pair-row{background:#0a0a0b61;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.breeding-pair-row>span{font-size:18px}.breeding-inline-pal{color:#f9fafb;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;text-decoration:none;display:grid}.breeding-inline-pal.highlighted{color:#facc15}.breeding-inline-pal img{object-fit:contain;width:46px;height:46px}.breeding-inline-pal span{min-width:0;display:grid}.breeding-inline-pal strong{color:inherit}.breeding-route-card,.breeding-empty{background:#1111139e;border:1px solid #ffffff1a;border-radius:8px}.breeding-route-card{gap:12px;padding:14px;display:grid}.breeding-route-card>strong{color:#f9fafb}.breeding-route-step{gap:8px;display:grid}.breeding-route-step>span{color:#9ca3af;font-size:13px;font-weight:800}.breeding-empty{color:#cbd5e1;text-align:center;margin-top:18px;padding:18px;font-weight:700}.map-page{background:#101010;grid-template-columns:286px 1fr;min-height:100vh;padding-top:56px;display:grid}.map-page-collapsed{grid-template-columns:1fr}.map-sidebar{z-index:2;border-right:1px solid var(--line);background:#1f1f20;height:calc(100vh - 56px);padding:18px 16px;position:relative;overflow:auto}.map-sidebar-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.map-page-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.map-sidebar-title h2{align-items:center;gap:9px;margin:0;font-size:20px;display:flex}.map-sidebar-title span{color:#94a3b8;font-size:14px}.map-actions{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px;display:grid}.map-actions button{color:#60a5fa;background:#253a64;border:0;border-radius:4px;height:30px;font-weight:800}.map-actions button+button{color:#aeb7c5;background:#2b2b2e}.layer-list section{border-top:1px solid #ffffff14;padding:12px 0}.layer-group-title{align-items:center;gap:12px;min-height:26px;display:flex}.layer-group-title strong{flex:1}.layer-group-title span{color:#6b7280;margin-left:4px}.layer-group-action{color:#60a5fa;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:12px;font-style:normal}.layer-group-action:hover{color:#93c5fd}.layer-empty{color:#94a3b8;margin:20px 0 0;font-size:14px}.layer-item{color:#d1d5db;align-items:center;gap:12px;min-height:36px;display:flex}.layer-item input{accent-color:#3b82f6;width:17px;height:17px}.layer-item img{object-fit:contain;width:24px;height:24px}.map-canvas{touch-action:none;background:#0f0f10;place-items:center;min-width:0;min-height:calc(100vh - 56px);display:grid;position:relative;overflow:hidden}.map-collapse,.map-zoom{z-index:3;position:absolute}.map-collapse{border:1px solid var(--line);color:#fff;background:#37373ae6;border-radius:0 8px 8px 0;width:32px;height:34px;top:45%;left:0}.map-zoom{border-radius:3px;display:grid;top:12px;left:12px;overflow:hidden}.map-zoom button{color:#fff;background:#242426;border:0;border-bottom:1px solid #343434;width:32px;height:32px}.map-zoom button:disabled{color:#71717a;cursor:not-allowed}.tile-board{--map-offset-x:0px;--map-offset-y:0px;--map-zoom:1;aspect-ratio:1;cursor:grab;width:min(1024px,100% - 112px);transform:translate(var(--map-offset-x), var(--map-offset-y)) scale(var(--map-zoom));transform-origin:50%;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(2,1fr);transition:transform .14s;display:grid;position:relative}.tile-board.is-dragging{cursor:grabbing;transition:none}.tile-board>img{object-fit:cover;width:100%;height:100%}.map-marker{cursor:pointer;display:block;position:absolute;transform:translate(-50%,-50%)}.map-marker img{width:var(--marker-size,30px);height:var(--marker-size,30px);object-fit:contain;display:block}.map-marker:focus-visible{outline-offset:3px;outline:2px solid #60a5fa}.map-marker-tooltip{z-index:4;color:#222;opacity:.9;pointer-events:none;white-space:nowrap;background:#fff;border-radius:3px;max-width:220px;padding:6px;font-size:12px;line-height:1.25;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0006}.map-marker em{white-space:nowrap;max-width:150px;font-style:normal}.generic-main{align-items:center;gap:22px;display:flex}.generic-main svg{color:#60a5fa}.generic-main h2{margin:0 0 8px;font-size:26px}.generic-main p{color:#aeb7c5;max-width:720px;margin:0}.detail-pal-image{object-fit:contain;width:92px;height:92px}.generic-search{margin-top:22px}.generic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.generic-grid a{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;padding:16px}.back-link{color:#93c5fd;align-items:center;gap:8px;margin-bottom:18px;font-weight:800;display:inline-flex}.catalog-toolbar{border:1px solid var(--line);background:#1e1e1ee6;border-radius:12px;gap:16px;margin-bottom:22px;padding:18px;display:grid;box-shadow:0 12px 40px #0003}.catalog-page{width:min(1504px,100vw - 64px)}.catalog-page .inner-hero{min-height:104px}.catalog-search-field{color:#aeb7c5;gap:10px;font-size:14px;font-weight:800;display:grid}.catalog-search-field input{color:#fff;background:#080809eb;border:1px solid #ffffff24;border-radius:6px;outline:none;width:100%;height:42px;padding:0 16px}.catalog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 26px;display:grid}.catalog-empty,.skill-empty{border:1px solid var(--line);color:#aeb7c5;text-align:center;background:#121213db;border-radius:8px;grid-column:1/-1;margin:0;padding:24px;font-weight:700}.catalog-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1414148f;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;min-height:372px;transition:border-color .16s,transform .16s;display:flex;overflow:hidden;box-shadow:0 12px 30px #00000038}.catalog-card:hover{border-color:#ffffff3d;transform:translateY(-2px)}.catalog-card-header{background:linear-gradient(180deg, #5656569e, #040405f5), conic-gradient(from 45deg at 50% 50%, #ffffff2e 0 25%, transparent 0 50%, #ffffff1f 0 75%, transparent 0) 0 0 / 74px 74px;border-bottom:1px solid #ffffffdb;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:12px 16px;display:flex;position:relative}.catalog-card-header h2{color:#fff;text-shadow:0 2px 3px #0009;margin:0 0 4px;font-size:27px;line-height:1}.catalog-card-header span{color:#9cc4ff;font-size:14px;font-weight:800}.catalog-card-header em{color:#fff;text-align:center;text-shadow:0 1px 3px #000;min-width:80px;font-size:15px;font-style:normal;font-weight:900;position:relative}.catalog-card-header em:before,.catalog-card-header em:after{color:#ffffffdb;position:absolute;top:50%;transform:translateY(-50%)}.catalog-card-header em:before{content:"[";left:0}.catalog-card-header em:after{content:"]";right:0}.catalog-card-display{background:linear-gradient(135deg,#0000 0 45%,#ffffff14 45% 46%,#0000 46% 100%),linear-gradient(225deg,#0000 0 55%,#ffffff14 55% 56%,#0000 56% 100%),#1b1b1c;grid-template-columns:minmax(130px,.78fr) minmax(180px,1.2fr);align-items:center;gap:22px;min-height:216px;padding:18px 24px;display:grid;position:relative;overflow:hidden}.catalog-card-display:before{content:"";border:2px solid #ffffff14;border-bottom:0;width:160px;height:160px;position:absolute;inset:14px auto auto 28%;transform:rotate(45deg)skew(-12deg,-12deg)}.catalog-card-display img{z-index:1;object-fit:contain;filter:drop-shadow(0 15px 20px #0000008c);width:min(165px,100%);max-height:150px;position:relative}.catalog-card-stats{z-index:1;gap:8px;display:grid;position:relative}.catalog-card-stats span{background:#07080bd1;border:1px solid #ffffff1a;border-radius:4px;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;min-height:42px;padding:0 16px;display:grid}.catalog-card-stats small{color:#fff;font-size:17px;font-weight:900}.catalog-card-stats strong{color:#fff;text-align:right;font-size:17px;font-weight:900}.catalog-card p{color:#e5e7eb;text-shadow:0 1px 2px #000;flex:1;margin:0;padding:18px 24px;font-size:16px;font-weight:650;line-height:1.55}.toolbar-filter{gap:10px;display:grid}.toolbar-filter>span{color:#9ca3af;font-size:14px;font-weight:800}.segmented-row{flex-wrap:wrap;gap:8px;display:flex}.segmented-row button{color:#9ca3af;background:#121212;border:1px solid #333;border-radius:8px;min-height:34px;padding:0 14px;font-weight:800}.segmented-row button:hover{color:#d1d5db;background:#121212;border-color:#3b82f680}.segmented-row button.active{color:#fff;background:#3b82f6;border-color:#60a5fa}.catalog-list,.skill-list,.technology-list,.post-list{gap:14px;display:grid}.catalog-row,.skill-row,.technology-row,.post-row{border:1px solid var(--line);background:#121213e6;border-radius:12px;align-items:center;gap:18px;padding:18px;transition:border-color .16s,transform .16s;display:grid}.catalog-row:hover,.skill-row:hover,.technology-row:hover,.post-row:hover{border-color:#60a5fa6b;transform:translateY(-1px)}.catalog-row{grid-template-columns:78px minmax(0,1fr) minmax(240px,.5fr)}.catalog-row>img,.technology-row img{object-fit:contain;width:64px;height:64px}.catalog-row-main{gap:6px;display:grid}.catalog-row-main span,.post-row span{color:#93c5fd;font-size:13px;font-weight:800}.catalog-row-main em{color:#d1d5db;background:#ffffff14;border-radius:999px;margin-left:8px;padding:2px 8px;font-style:normal}.catalog-row h2,.skill-row h2,.technology-row h2,.post-row h2{margin:0;font-size:20px}.catalog-row p,.skill-row p,.technology-row p,.post-row p,.body-copy{color:#aeb7c5;margin:0}.stat-pill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat-pill-grid span,.detail-stat-grid span{background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.stat-pill-grid small,.detail-stat-grid small{color:#8e96a3;font-size:12px}.stat-pill-grid strong,.detail-stat-grid strong{color:#f8fafc;font-size:14px}.detail-layout{grid-template-columns:minmax(300px,.95fr) minmax(0,2fr);gap:22px;display:grid}.two-column-detail{grid-template-columns:minmax(280px,.7fr) minmax(0,1fr)}.detail-main-column{align-content:start;gap:16px;display:grid}.detail-card,.article-card{border:1px solid var(--line);background:#121213e6;border-radius:12px;box-shadow:0 14px 42px #0003}.detail-card{padding:20px}.primary-detail{text-align:center;align-self:start;position:sticky;top:78px;overflow:hidden}.detail-titlebar{color:#bfdbfe;background:#3b82f624;justify-content:space-between;align-items:center;margin:-20px -20px 18px;padding:12px 16px;font-size:13px;font-weight:800;display:flex}.detail-titlebar em{font-style:normal}.detail-main-image{object-fit:contain;width:118px;height:118px}.pal-detail-avatar{width:150px;height:150px}.element-detail-image{width:96px;height:96px}.primary-detail h1{margin:12px 0 10px;font-size:34px}.primary-detail p{color:#aeb7c5;margin:0}.detail-stat-grid{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.detail-card h2{align-items:center;gap:8px;margin:0 0 14px;font-size:22px;display:flex}.property-list{gap:10px;margin:0;display:grid}.property-list div{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}.property-list dt{color:#8e96a3}.property-list dd{color:#fff;text-align:right;margin:0;font-weight:800}.stat-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-grid,.related-grid,.mini-pal-grid,.skill-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recipe-grid span,.related-grid a,.mini-pal-grid a,.skill-mini-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:10px;display:flex}.recipe-grid img,.mini-pal-grid img,.skill-feature img{object-fit:contain;width:34px;height:34px}.recipe-grid strong{color:#93c5fd;margin-left:auto}.product-card,.variant-grid a{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:12px;min-height:58px;padding:10px 12px;display:flex}.product-card img,.variant-grid img{object-fit:contain;flex:none;width:40px;height:40px}.product-card span,.variant-grid span{gap:3px;min-width:0;display:grid}.product-card strong,.variant-grid strong{color:#f8fafc}.product-card small,.variant-grid small{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.variant-grid a.active{background:#3b82f624;border-color:#93c5fd73}.pal-detail-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.pal-detail-tags span{color:#d1d5db;background:#ffffff12;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:13px;font-weight:800;display:inline-flex}.pal-detail-tags img{width:18px;height:18px}.work-panel{text-align:left;gap:8px;margin-top:18px;display:grid}.work-panel h2{margin:0 0 4px;font-size:18px}.work-panel span{background:#ffffff0f;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.work-panel img{width:22px;height:22px}.work-panel strong{color:#93c5fd;margin-left:auto}.skill-feature{gap:14px;display:flex}.skill-feature p{color:#aeb7c5;margin:6px 0 0}.skill-mini-card{flex-direction:column;align-items:flex-start}.skill-mini-card span,.skill-mini-card small{color:#9ca3af}.skill-row{grid-template-columns:42px minmax(0,1fr) repeat(3,minmax(80px,.18fr))}.skill-row>img{width:34px;height:34px}.skill-row>span{color:#d1d5db;justify-self:end;font-weight:800}.skill-element-row{margin:0}.skill-tab-row{margin-bottom:18px}.passive-rank-row{gap:8px}.passive-rank-row button:nth-child(3){color:#68ffd8}.passive-rank-row button:nth-child(4),.passive-rank-row button:nth-child(5),.passive-rank-row button:nth-child(6){color:#fff176}.passive-rank-row button.active{color:#fff}.skill-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.skill-card{border:1px solid var(--line);background:#121213db;border-radius:8px;min-height:190px;transition:border-color .16s,transform .16s;display:grid;overflow:hidden}.skill-card:hover{border-color:#60a5fa6b;transform:translateY(-1px)}.skill-card header{background:linear-gradient(180deg, #6171768a, #1e1f22db), conic-gradient(from 45deg at 50% 50%, #ffffff26 0 25%, transparent 0 50%, #ffffff1a 0 75%, transparent 0) 0 0 / 58px 58px;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px 16px;display:flex}.skill-card header h2{color:#d6a6ff;margin:0 0 3px;font-size:18px;line-height:1.1}.skill-card header span{color:#aeb7c5;font-size:12px;font-weight:800}.skill-card header img{object-fit:contain;width:24px;height:24px}.skill-card-tags{flex-wrap:wrap;gap:8px;padding:12px 16px 0;display:flex}.skill-card-tags span{color:#d1d5db;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-flex}.skill-card-tags img{width:16px;height:16px}.skill-card-stats{flex-wrap:wrap;gap:10px;padding:10px 16px 0;display:flex}.skill-card-stats span{color:#d1d5db;gap:5px;font-size:12px;display:inline-flex}.skill-card-stats small{color:#f59e0b;font-size:inherit;font-weight:900}.skill-card-stats strong{color:#d1d5db;font-size:inherit}.skill-card p{color:#c4cbd5;margin:0;padding:10px 16px 16px;font-size:13px;line-height:1.5}.passive-skill-card{min-height:130px}.passive-skill-card header{background:linear-gradient(90deg,#59bb653d,#4543d17a),linear-gradient(#1111118a,#111);border-color:#68ffd8;border-left-style:solid;border-left-width:5px}.passive-skill-card header h2{color:#68ffd8}.passive-skill-card.passive-rank-3:not(.is-negative) header,.passive-skill-card.passive-rank-2:not(.is-negative) header{background:linear-gradient(#ffdd0021,#ffdd0021),linear-gradient(#1111118a,#111);border-color:#fd0}.passive-skill-card.passive-rank-3:not(.is-negative) header h2,.passive-skill-card.passive-rank-2:not(.is-negative) header h2{color:#fd0}.passive-skill-card.passive-rank-1:not(.is-negative) header,.passive-skill-card.is-negative header{background:linear-gradient(#41444847,#111111f5),url(/assets/palworld-release.webp) 50%/cover;border-color:#495057}.passive-skill-card.passive-rank-1:not(.is-negative) header h2,.passive-skill-card.is-negative header h2{color:#d1d5db}.passive-rank-icon{flex:0 0 20px;width:20px;height:20px;display:inline-flex}.passive-rank-icon img{object-fit:contain;width:100%;height:100%}.passive-rank-4 .passive-rank-icon{filter:sepia()saturate(100)hue-rotate(75deg)}.passive-rank-3:not(.is-negative) .passive-rank-icon,.passive-rank-2:not(.is-negative) .passive-rank-icon{filter:sepia()saturate(100)}.passive-skill-card.is-negative .passive-rank-icon{filter:invert(.8)sepia(.9)saturate(74.56)hue-rotate(359deg)brightness(.95)contrast(1.15);transform:scaleY(-1)}.passive-effect-list{gap:6px;padding:14px 16px 16px;display:grid}.passive-effect-list p{color:#d1d5db;padding:0}.technology-row{grid-template-columns:86px 64px minmax(0,1fr)}.tech-level{color:#93c5fd;background:#3b82f629;border-radius:999px;place-items:center;width:62px;height:62px;font-weight:900;display:grid}.technology-search-input{color:#9ca3af;background:#080809eb;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 14px;display:flex}.technology-search-input input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.technology-list{gap:24px;display:grid}.technology-level-section{grid-template-columns:92px minmax(0,1fr);align-items:start;gap:16px;min-width:0;display:grid}.technology-level-heading{justify-items:start;gap:10px;padding-top:8px;display:grid}.technology-level-heading h2{color:#fff;margin:0;font-size:22px;line-height:1}.technology-level-heading span{color:#8d95a3;font-size:14px}.technology-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,140px));justify-content:start;gap:12px;display:grid}.technology-card{background:#25558f;border:1px solid #333;border-radius:8px;grid-template-rows:94px minmax(48px,auto);width:140px;min-width:0;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.technology-card:hover{border-color:#3b82f6b8;transform:translateY(-1px);box-shadow:0 12px 28px #3b82f633}.technology-card-static{cursor:default}.technology-card-image{place-items:center;height:96px;padding-top:8px;display:grid}.technology-card-image img{object-fit:contain;filter:drop-shadow(0 8px 10px #0000005c);width:80px;height:80px;transition:transform .16s}.technology-card:hover .technology-card-image img{transform:scale(1.08)}.technology-card-meta{text-align:center;background:#0006;min-width:0;padding:7px 8px}.technology-card-meta h3{color:#fff;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.technology-card-meta p{color:#c7d0dd;margin:4px 0 0;font-size:10px;line-height:1.1}.technology-empty{border:1px solid var(--line);color:#aeb7c5;text-align:center;background:#121213c7;border-radius:8px;padding:28px}.work-heading{grid-template-columns:52px minmax(0,1fr);align-items:center}.work-heading>img{width:42px;height:42px}.work-detail-grid{grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr) minmax(240px,1fr);gap:14px;margin-top:18px;display:grid}.work-info-panel{border:1px solid var(--line);background:#111112c7;border-radius:8px;min-width:0;padding:18px}.work-info-panel h2{margin:0 0 14px;font-size:18px}.work-info-panel p{color:#cbd5e1;margin:0;line-height:1.7}.work-speed-table{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.work-speed-table span{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-items:center;gap:5px;padding:10px 6px;display:grid}.work-speed-table small{color:#93c5fd;font-weight:800}.work-building-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.work-building-list a{color:#e5e7eb;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.work-building-list img{object-fit:contain;width:36px;height:36px}.work-building-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-panel{max-width:780px}.tool-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tool-form-grid label,.tool-select{color:#9ca3af;gap:8px;font-weight:800;display:grid}.tool-form-grid input,.tool-form-grid select,.tool-select select{border:1px solid var(--line);color:#fff;background:#171719;border-radius:8px;height:44px;padding:0 12px}.tool-checkbox{grid-template-columns:minmax(0,1fr) auto;align-content:center;min-height:44px}.tool-checkbox input{accent-color:#3b82f6;width:18px;height:18px}.tool-result{background:#3b82f61f;border:1px solid #60a5fa47;border-radius:12px;gap:6px;margin-top:18px;padding:18px;display:grid}.tool-result span{color:#93c5fd;font-weight:800}.tool-result strong{font-size:34px}.tool-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tool-result-grid strong{overflow-wrap:anywhere;background:#0000002e;border:1px solid #ffffff14;border-radius:8px;min-width:0;padding:12px;font-size:18px;display:block}.tool-result p{color:#cbd5e1;margin:0}.pal-calc-result{grid-template-columns:76px minmax(0,1fr);align-items:center}.pal-calc-result img{object-fit:contain;grid-row:span 3;width:66px;height:66px}.post-row{align-items:start}.posts-hero{gap:14px;padding-bottom:0}.posts-search{border:1px solid var(--line);color:#94a3b8;background:#121213eb;border-radius:8px;align-items:center;gap:10px;width:min(360px,100%);min-height:42px;padding:0 14px;display:flex}.posts-search input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0}.posts-tag-row{flex-wrap:wrap;gap:10px;display:flex}.posts-tag-row button{color:#cbd5e1;background:#1c1c1eeb;border:1px solid #3a3a3d;border-radius:999px;min-height:32px;padding:0 14px;font-size:14px;font-weight:700}.posts-tag-row button:hover{color:#fff;border-color:#60a5fa8c}.posts-tag-row button.active{color:#fff;background:#3b82f6;border-color:#60a5fa}.post-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.post-card{border:1px solid var(--line);background:#121213eb;border-radius:8px;align-content:start;gap:12px;min-height:166px;padding:18px;transition:border-color .16s,transform .16s;display:grid}.post-card:hover{border-color:#60a5fa6b;transform:translateY(-1px)}.post-card h2{margin:0;font-size:18px;line-height:1.35}.post-card p{color:#aeb7c5;margin:0;line-height:1.55}.post-card time{color:#94a3b8;align-self:end;font-size:13px}.post-tag-list{flex-wrap:wrap;gap:6px;display:flex}.post-tag-list span{color:#cbd5e1;background:#ffffff14;border-radius:4px;min-height:22px;padding:2px 7px;font-size:12px;font-weight:800}.posts-empty{border:1px solid var(--line);color:#aeb7c5;background:#121213eb;border-radius:8px;grid-column:1/-1;margin:0;padding:24px}.article-page{width:min(768px,100vw - 64px)}.article-card{max-width:768px;box-shadow:none;background:0 0;border:0;padding:0}.article-header{margin-bottom:32px}.article-tag-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.article-tag-row span{color:#60a5fa;background:#3b82f633;border-radius:999px;min-height:28px;padding:4px 12px;font-size:14px;font-weight:700}.article-header h1{color:#fff;margin:0 0 16px;font-size:36px;line-height:1.18}.article-header time{color:#6b7280;font-size:16px}.article-body{color:#d1d5db;display:block}.article-body p{color:#d1d5db;margin:16px 0;font-size:18px;line-height:1.75}.article-body h2{color:#fff;border-bottom:1px solid #333;margin:32px 0 16px;padding-bottom:8px;font-size:24px;line-height:1.3}.article-body h3{color:#fff;margin:24px 0 12px;font-size:20px;line-height:1.35}.article-body ul{color:#d1d5db;gap:8px;margin:16px 0;padding-left:22px;font-size:17px;line-height:1.72;list-style:outside;display:grid}.article-body li::marker{color:#d1d5db}.article-body hr{background:#333;border:0;height:1px;margin:32px 0}.search-layer,.mobile-menu-layer{z-index:60;position:fixed;inset:0}.search-backdrop,.mobile-menu-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05080cb8;border:0;position:absolute;inset:0}.search-panel{width:min(670px,100vw - 40px);box-shadow:var(--shadow);background:#17171b;border:1px solid #94a3b859;border-radius:12px;margin:102px auto 0;position:relative;overflow:hidden}.search-input-row{border-bottom:1px solid var(--line);color:#60a5fa;align-items:center;gap:12px;min-height:64px;padding:0 18px;display:flex}.search-input-row button{color:#9ca3af;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.search-results{max-height:360px;display:grid;overflow:auto}.search-result{background:#1a1b21;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.search-result.is-active{background:#1f2937;border-left:2px solid #3b82f6}.search-result:hover{background:#24262c}.search-result span{gap:3px;display:grid}.search-result strong{font-size:16px}.search-result small,.search-result em,.search-help,.empty-search{color:#9ca3af;font-style:normal}.empty-search{margin:0;padding:18px}.search-help{border-top:1px solid var(--line);background:#19191d;flex-wrap:wrap;gap:18px;padding:10px 18px;font-size:12px;display:flex}.search-help span{align-items:center;gap:6px;display:inline-flex}.mobile-menu-layer{opacity:0;pointer-events:none;transition:opacity .18s}.mobile-menu-layer.is-open{opacity:1;pointer-events:auto}.mobile-menu-panel{border-left:1px solid var(--line);background:#0f0f0ff7;width:min(300px,77vw);height:100%;padding:24px 28px;transition:transform .18s;position:absolute;top:0;right:0;overflow:auto;transform:translate(100%)}.mobile-menu-layer.is-open .mobile-menu-panel{transform:translate(0)}.mobile-menu-panel h2{margin:0 0 22px;font-size:20px}.mobile-language-select{border:1px solid var(--line);background:#ffffff0d;border-radius:8px;justify-content:space-between;width:100%;min-height:42px;margin-bottom:22px;padding:0 12px}.mobile-language-select span{color:#9ca3af;font-size:14px;font-weight:800}.mobile-menu-section{gap:14px;margin-bottom:28px;display:grid}.mobile-menu-section p{color:#64748b;margin:0;font-size:14px;font-weight:800}.mobile-menu-section a{color:#e5e7eb;font-size:16px}.mobile-menu-direct{font-weight:800}.floating-dock{z-index:35;pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .16s,transform .16s;display:flex;position:fixed;bottom:28px;right:24px;transform:translateY(10px)}.floating-dock.is-visible{pointer-events:auto;opacity:1;transform:translateY(0)}.float-action{color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:48px;height:48px;transition:transform .16s,filter .16s;display:grid;box-shadow:0 12px 30px #00000047}.float-action:hover{filter:brightness(1.08);transform:translateY(-1px)}.scroll-top-action{background:#3b72e8}.site-footer{color:#9ca3af;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;width:min(1504px,100vw - 64px);margin:42px auto 0;padding:32px 0 44px;display:grid}.site-footer strong{color:#fff;font-size:18px;display:block}.site-footer span{margin-top:2px;display:block}.site-footer p{margin:12px 0 0}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;display:grid}.footer-links a:hover{color:#fff}.disclaimer{grid-column:1/-1;font-size:13px}@media (width<=1279px){.technology-card-grid{grid-template-columns:repeat(auto-fill,minmax(128px,128px))}.technology-card{width:128px}}@media (width<=1023px){.technology-level-section{grid-template-columns:1fr}.technology-level-heading{align-items:baseline;padding-top:0;display:flex}.technology-card-grid{grid-template-columns:repeat(auto-fill,minmax(124px,124px))}.technology-card{width:124px}}@media (width<=767px){.technology-card-grid{grid-template-columns:repeat(auto-fill,minmax(112px,112px))}.technology-card{width:112px}}@media (width<=639px){.technology-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-card{width:auto}}@media (width<=1180px){.desktop-nav,.desktop-search{display:none}.mobile-icon-button{display:inline-flex}.header-inner{width:calc(100vw - 32px)}.brand{flex:1}.feature-grid,.pal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page{width:calc(100vw - 64px)}.catalog-card-grid,.skill-list,.post-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-detail-grid{grid-template-columns:1fr 1fr}.feature-card.wide,.feature-card:not(.wide),.feature-card:nth-child(2){grid-column:span 1}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pal-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1120px){.pals-hero{grid-template-columns:1fr;gap:16px}}@media (width<=760px){.language-select{justify-content:center;width:50px;min-width:50px;padding:0;position:relative}.language-select select{opacity:0;width:100%;position:absolute;inset:0}.hero-section{background-position:top;min-height:504px;padding:92px 16px 48px}.hero-content h1{font-size:32px}.hero-content p{max-width:320px;font-size:16px}.hero-search{min-height:50px;padding:0 16px}.hero-search kbd{display:none}.stats-grid{grid-template-columns:repeat(3,minmax(92px,1fr));gap:10px}.stats-grid span:last-child{grid-column:2}.page-content,.site-footer,.footer-ad-slot,.footer-banner-ad-row,.home-top-ad-shell{width:calc(100vw - 32px)}.home-page .hero-section{min-height:460px;padding-top:58px;padding-bottom:32px}.top-sticky-ad-shell{top:60px}.home-top-ad-shell{margin:56px auto 0;top:76px}.inner-top-ad-shell{margin:14px auto 4px}.top-sticky-ad-inner{padding-right:38px}.top-sticky-ad-close{width:30px;height:30px}.ad-slot{max-width:100%}.ad-slot-leaderboard,.ad-slot-footer-banner{--ad-width:320px;--ad-height:50px}.ad-slot-leaderboard .ad-frame-desktop,.ad-slot-footer-banner .ad-frame-desktop{display:none!important}.ad-slot-leaderboard .ad-frame-mobile,.ad-slot-footer-banner .ad-frame-mobile{display:block!important}.map-ad-slot{bottom:16px;right:16px}.catalog-page{width:calc(100vw - 32px)}.home-content{margin-top:20px}.feature-grid,.pal-grid,.select-grid,.generic-grid,.site-footer,.catalog-row,.detail-layout,.two-column-detail,.skill-row,.technology-row,.tool-form-grid,.tool-result-grid,.work-detail-grid,.work-heading,.catalog-card-grid,.post-card-grid{grid-template-columns:1fr}.posts-tag-row{gap:8px}.posts-tag-row button{min-height:30px;padding:0 11px;font-size:13px}.catalog-card-display{grid-template-columns:minmax(96px,.75fr) minmax(150px,1.25fr);gap:14px;padding:16px}.catalog-card-header h2{font-size:24px}.catalog-card-stats span{padding:0 12px}.feature-card.wide{grid-column:span 1}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pal-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-search-row{flex-direction:column}.pal-card{grid-template-columns:66px minmax(0,1fr);gap:10px;min-height:90px;padding:12px}.pal-avatar{width:58px;height:58px}.pal-card h2{margin-bottom:12px;font-size:15px}.special-pal-card{gap:14px;min-height:0;padding:14px}.special-pal-card-head{grid-template-columns:64px minmax(0,1fr);gap:12px;min-height:72px}.special-pal-avatar-wrap{width:64px;height:64px}.special-pal-avatar{width:56px;height:56px}.special-pal-title-block h2{font-size:17px}.special-drop-row{grid-template-columns:minmax(0,1fr) minmax(34px,auto) minmax(44px,auto);gap:8px;padding:8px 10px}.special-drop-name{gap:7px}.special-drop-name img,.special-drop-name i{width:24px;height:24px}.special-drop-name strong,.special-drop-amount,.special-drop-rate{font-size:12px}.tabs{padding-bottom:4px;overflow-x:auto}.tabs button{flex:none}.breeding-result-head,.breeding-equation,.breeding-pair-row{grid-template-columns:1fr}.breeding-result-head{flex-direction:column;align-items:flex-start}.breeding-symbol,.breeding-pair-row>span{line-height:1}.breeding-inline-pal{grid-template-columns:58px minmax(0,1fr)}.breeding-inline-pal img,.catalog-row>img,.technology-row img{width:58px;height:58px}.stat-pill-grid,.detail-stat-grid,.recipe-grid,.related-grid,.variant-grid,.mini-pal-grid,.skill-card-grid,.stat-columns{grid-template-columns:1fr}.primary-detail{position:static}.primary-detail h1,.article-card h1{font-size:28px}.skill-row>span{justify-self:start}.skill-list{grid-template-columns:1fr}.tech-level{width:54px;height:54px}.tool-panel{max-width:none}.work-building-list{grid-template-columns:1fr}.pal-calc-result{grid-template-columns:66px minmax(0,1fr)}.article-card{padding:22px}.article-page .article-card{padding:0}.map-page{grid-template-columns:1fr;padding-top:56px}.map-sidebar{border-right:0;border-bottom:1px solid var(--line);height:330px}.map-canvas{min-height:calc(100vw - 15px)}.tile-board{--map-offset-x:0px;transform-origin:50%;width:100%}.map-marker em{white-space:normal;max-width:100px}.floating-dock{bottom:24px;right:18px}}