@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--color-bg-primary:#0a0e17;--color-bg-secondary:#0f1420;--color-bg-tertiary:#141b2b;--color-bg-card:#111827;--color-bg-card-hover:#1a2235;--color-bg-elevated:#1e2a3a;--color-bg-input:#0d1219;--color-accent-primary:#00e5cc;--color-accent-secondary:#f5a623;--color-accent-purple:#8b5cf6;--color-accent-pink:#ec4899;--color-accent-blue:#3b82f6;--color-text-primary:#f0f4f8;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-accent:#00e5cc;--color-border:#1e293b;--color-border-hover:#334155;--color-border-accent:#00e5cc4d;--element-neutral:#a8a8a8;--element-fire:#ff6b35;--element-water:#4da6ff;--element-grass:#4ade80;--element-electric:#facc15;--element-ice:#67e8f9;--element-ground:#d4915c;--element-dark:#a855f7;--element-dragon:#f472b6;--rarity-common:#9ca3af;--rarity-uncommon:#4ade80;--rarity-rare:#60a5fa;--rarity-epic:#a78bfa;--rarity-legendary:#fbbf24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 40px #00000080;--shadow-glow-primary:0 0 20px #00e5cc26;--shadow-glow-purple:0 0 20px #8b5cf626;--glass-bg:#111827bf;--glass-border:#ffffff0f;--glass-blur:12px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-heading:"Outfit", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 0,#00e5cc08 0%,#0000 50%),radial-gradient(at 80% 100%,#8b5cf608 0%,#0000 50%),radial-gradient(#f5a62303 0%,#0000 70%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.25rem}h5{font-size:1.1rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:#3ed}.container{width:100%;max-width:clamp(1120px,90vw,1600px);margin:0 auto;padding:0 clamp(1rem,2vw,1.5rem)}.page-content{z-index:1;min-height:calc(100vh - 80px);padding-top:var(--space-xl);padding-bottom:var(--space-3xl);position:relative}.navbar{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);height:72px;transition:background var(--transition-base);background:#0a0e17d9;position:sticky;top:0}.navbar-inner{max-width:1400px;height:100%;padding:0 var(--space-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);font-family:var(--font-heading);color:var(--color-text-primary);font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.navbar-brand span.accent{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-nav{align-items:center;gap:var(--space-xs);list-style:none;display:flex}.navbar-nav a{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:500;display:flex}.navbar-nav a:hover,.navbar-nav a.active{color:var(--color-text-primary);background:#ffffff0d}.navbar-nav a.active{color:var(--color-accent-primary);background:#00e5cc14}.search-trigger{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);font:inherit;text-align:left;cursor:pointer;min-width:220px;transition:all var(--transition-fast);font-size:.875rem;display:flex}.search-trigger:hover{border-color:var(--color-border-hover);background:var(--color-bg-secondary)}.search-trigger kbd{font-family:var(--font-mono);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.75rem}.search-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030812b8;justify-content:center;align-items:flex-start;padding:12vh 1rem 1rem;display:flex;position:fixed;inset:0}.search-dialog{background:var(--color-bg-secondary);border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);width:min(680px,100%);overflow:hidden;box-shadow:0 24px 80px #00000073}.search-dialog-input-row{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);color:var(--color-accent-primary);display:flex}.search-dialog-input-row input{min-width:0;color:var(--color-text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:1rem}.search-dialog-input-row input::-webkit-search-cancel-button{filter:invert()}.search-dialog-close{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);cursor:pointer;border-radius:4px;padding:.25rem .45rem;font-size:.7rem}.search-dialog-results{max-height:min(60vh,480px);padding:.5rem;overflow-y:auto}.search-dialog-hint{color:var(--color-text-muted);text-align:center;margin:0;padding:1.5rem 1rem}.search-result{align-items:flex-start;gap:var(--space-md);border-radius:var(--radius-md);color:inherit;padding:.75rem;text-decoration:none;display:flex}.search-result:hover,.search-result:focus-visible{background:#00e5cc14;outline:none}.search-result-type{min-width:5.5rem;color:var(--color-accent-primary);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.search-result-copy{gap:.2rem;min-width:0;display:grid}.search-result-copy strong{color:var(--color-text-primary)}.search-result-copy small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pal-section-search{gap:.4rem;max-width:520px;margin:0 0 1rem;display:grid}.pal-section-search label{color:var(--color-text-secondary);font-size:.8rem;font-weight:600}.pal-section-search .items-search{width:100%}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(#ffffff08 0%,#0000 40%);position:absolute;inset:0}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-body{padding:var(--space-lg);position:relative}.card-image{aspect-ratio:1;object-fit:contain;width:100%;padding:var(--space-md);background:linear-gradient(135deg, var(--color-bg-tertiary), var(--color-bg-secondary))}.grid{gap:var(--space-lg);display:grid}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(clamp(210px,16vw,280px),1fr))}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}@media (max-width:1200px){.grid-5,.grid-6{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.navbar-nav{display:none}}@media (max-width:480px){.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr}}.element-badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.03em;border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.element-badge.neutral{color:var(--element-neutral);background:#a8a8a826;border-color:#a8a8a840}.element-badge.fire{color:var(--element-fire);background:#ff6b3526;border-color:#ff6b3540}.element-badge.water{color:var(--element-water);background:#4da6ff26;border-color:#4da6ff40}.element-badge.grass{color:var(--element-grass);background:#4ade8026;border-color:#4ade8040}.element-badge.electric{color:var(--element-electric);background:#facc1526;border-color:#facc1540}.element-badge.ice{color:var(--element-ice);background:#67e8f926;border-color:#67e8f940}.element-badge.ground{color:var(--element-ground);background:#d4915c26;border-color:#d4915c40}.element-badge.dark{color:var(--element-dark);background:#a855f726;border-color:#a855f740}.element-badge.dragon{color:var(--element-dragon);background:#f472b626;border-color:#f472b640}.element-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite element-pulse}@keyframes element-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.stat-bar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.stat-bar-label{color:var(--color-text-secondary);min-width:80px;font-size:.8rem;font-weight:500}.stat-bar-track{background:var(--color-bg-tertiary);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.stat-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-accent-primary), var(--color-accent-purple));height:100%;transition:width var(--transition-slow);position:relative}.stat-bar-fill:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;position:absolute;top:0;bottom:0;right:0}.stat-bar-value{font-size:.8rem;font-weight:600;font-family:var(--font-mono);color:var(--color-text-primary);text-align:right;min-width:40px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-accent-primary), #00b8a3);color:var(--color-bg-primary);box-shadow:0 2px 10px #00e5cc40}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00e5cc59}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-elevated);border-color:var(--color-border-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.filter-bar{align-items:center;gap:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{height:0}.filter-btn{padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-size:.8125rem;font-weight:500}.filter-btn:hover{color:var(--color-text-primary);background:#ffffff0d}.filter-btn.active{color:var(--color-bg-primary);background:var(--color-accent-primary);font-weight:600}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.data-table thead{z-index:10;position:sticky;top:72px}.data-table th{padding:var(--space-sm) var(--space-md);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap;font-size:.75rem;font-weight:600}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:middle}.data-table tr:hover td{color:var(--color-text-primary);background:#ffffff05}.hero{padding:var(--space-3xl) 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#00e5cc14 0%,#0000 50%),radial-gradient(at 70% 80%,#8b5cf60f 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:800px;margin:0 auto;position:relative}.hero h1{margin-bottom:var(--space-md)}.hero h1 .gradient-text{background:linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-purple) 50%, var(--color-accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{max-width:600px;margin:0 auto var(--space-xl);font-size:1.125rem}.quick-stats{gap:var(--space-md);margin:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.quick-stat{padding:var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);flex-direction:column;align-items:center;display:flex}.quick-stat:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.quick-stat-value{font-family:var(--font-heading);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-purple));-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1}.quick-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8125rem;font-weight:500}.section-card{align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.section-card:after{content:"";background:linear-gradient(90deg, var(--color-accent-primary), var(--color-accent-purple));transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.section-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg), var(--shadow-glow-primary);transform:translateY(-4px)}.section-card:hover:after{transform:scaleX(1)}.section-card-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#00e5cc1a,#8b5cf61a);justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.section-card-title{font-family:var(--font-heading);color:var(--color-text-primary);font-size:1.125rem;font-weight:700}.section-card-count{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.8125rem}.pal-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.pal-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg), var(--shadow-glow-primary);transform:translateY(-3px)}.pal-card-image{aspect-ratio:1;background:linear-gradient(135deg, var(--color-bg-tertiary), var(--color-bg-secondary));width:100%;padding:var(--space-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pal-card-image img{object-fit:contain;max-width:80%;max-height:80%;transition:transform var(--transition-base)}.pal-card:hover .pal-card-image img{transform:scale(1.08)}.pal-card-number{top:var(--space-sm);right:var(--space-sm);font-family:var(--font-mono);color:var(--color-text-muted);border-radius:var(--radius-sm);background:#0006;padding:2px 8px;font-size:.75rem;font-weight:600;position:absolute}.pal-card-info{padding:var(--space-md)}.pal-card-name{font-family:var(--font-heading);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-size:1rem;font-weight:700}.pal-card-elements{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.footer{z-index:1;padding:var(--space-2xl) 0 var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);position:relative}.footer-inner{max-width:1400px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;margin:0 auto;display:flex}.footer-text{color:var(--color-text-muted);font-size:.8125rem}.footer-links{gap:var(--space-lg);list-style:none;display:flex}.footer-links a{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:.8125rem}.footer-links a:hover{color:var(--color-accent-primary)}.skeleton{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-elevated) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{color:var(--color-text-primary);background:#00e5cc4d}.text-accent{color:var(--color-accent-primary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.page-header h1{margin-bottom:var(--space-sm)}.page-header p{max-width:700px;font-size:1rem}.breadcrumbs{align-items:center;gap:var(--space-xs);color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.8125rem;display:flex}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-accent-primary)}.breadcrumbs span{opacity:.5}.tier-s{color:gold}.tier-a{color:#ff6b6b}.tier-b{color:#4ecdc4}.tier-c{color:#95e1d3}.tier-d{color:#a8a8a8}.mobile-menu-btn{padding:var(--space-sm);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.mobile-menu-btn{display:block}.navbar-nav{display:none}.search-trigger{min-width:auto}.search-trigger span{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s ease-out forwards fadeInUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-delay-4{opacity:0;animation-delay:.4s}.pal-capture-box{background:#0d131b;border:1px solid #2b3442;border-radius:12px;margin-bottom:1.5rem;padding:.8rem .9rem;box-shadow:0 8px 22px #0000003d}.detail-title{color:#facc15;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.45rem;font-size:.75rem;font-weight:800}.detail-line{color:#dbe4ed;margin:.25rem 0;font-size:.8rem;line-height:1.4}.detail-line b{color:#fff}.source-list{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.source-pill{color:#f8fafc;background:#111827;border:1px solid #4b5563;border-radius:999px;padding:.25rem .45rem;font-size:.72rem}.spawn-map-details{background:#0b1118;border:1px solid #334155;border-radius:12px;margin-top:.65rem;overflow:hidden}.spawn-map-details summary{cursor:pointer;color:#fde047;text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;padding:.55rem .7rem;font-size:.75rem;font-weight:800}.spawn-map-wrap{padding:0 .55rem .55rem}.map-stat-row{flex-wrap:wrap;gap:.35rem;margin:.45rem 0;display:flex}.map-stat{color:#e5e7eb;background:#111827;border:1px solid #374151;border-radius:999px;padding:.2rem .42rem;font-size:.68rem}.spawn-map{aspect-ratio:1;touch-action:none;background:#080c10;border:1px solid #263244;border-radius:10px;width:100%;position:relative;overflow:hidden}.spawn-map img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.spawn-map canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.coord-readout{z-index:3;color:#f8fafc;background:#080c10db;border:1px solid #facc1573;border-radius:7px;padding:.2rem .4rem;font-size:.68rem;position:absolute;top:.4rem;left:.4rem}.home-shell{padding-bottom:var(--space-3xl)}.hero-kicker{color:var(--color-accent-primary);letter-spacing:.08em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.4rem;width:fit-content;margin-bottom:.9rem;padding:.35rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.hero-split{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:clamp(1rem,1.6vw,1.5rem);display:grid}.hero-copy{flex-direction:column;justify-content:center;gap:.9rem;display:flex}.hero-copy h1{margin:0;line-height:.98}.hero-copy p{max-width:68ch;margin:0;font-size:1.05rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.35rem;display:flex}.hero-search{width:100%;max-width:560px;margin-top:.5rem}.hero-highlight-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.hero-highlight{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:.85rem .95rem}.hero-highlight span{color:var(--color-text-primary);font-size:.86rem;font-weight:800;display:block}.hero-highlight small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.2rem;font-size:.72rem;display:block}.hero-panel{min-height:100%}.hero-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.hero-stat{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:.85rem .95rem}.hero-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.hero-stat-value{color:var(--color-text-primary);margin-top:.3rem;font-size:1.35rem;font-weight:800}.hero-note{color:var(--color-text-secondary);background:#00e5cc12;border:1px solid #00e5cc29;border-radius:14px;margin-top:1rem;padding:.85rem .95rem;font-size:.875rem}.section-grid-wrap{flex-direction:column;gap:1rem;display:flex}.section-grid-header,.page-header-split{justify-content:space-between;align-items:end;gap:1rem;display:flex}.page-header-card{min-width:clamp(220px,18vw,340px)}.pal-card-desc{color:var(--color-text-secondary);min-height:2.7em;margin:.75rem 0 0;font-size:.82rem;line-height:1.5}.pal-card-meta{font-family:var(--font-mono);color:var(--color-text-muted);flex-wrap:wrap;gap:.75rem;margin-top:.75rem;font-size:.75rem;display:flex}.detail-shell{padding-bottom:var(--space-3xl)}.detail-hero{grid-template-columns:minmax(240px,28vw) minmax(0,1fr);gap:clamp(1rem,1.6vw,1.5rem);margin-bottom:1.5rem;display:grid}.detail-hero-media{justify-content:center;align-items:center;min-height:clamp(260px,28vw,420px);padding:1rem;display:flex;position:relative;overflow:hidden}.detail-hero-media img{object-fit:contain;filter:drop-shadow(0 24px 42px #00000059);width:100%;max-width:280px;height:auto}.hero-number-badge{color:var(--color-text-muted);font-family:var(--font-mono);background:#0000006b;border:1px solid #ffffff14;border-radius:999px;padding:.3rem .55rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.detail-hero-copy{flex-direction:column;justify-content:center;gap:1rem;display:flex}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.stat-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.stat-chip{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:.9rem .95rem}.stat-chip-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.stat-chip-value{color:var(--color-text-primary);margin-top:.25rem;font-size:1.2rem;font-weight:800}.stat-chip-track,.stat-row-track{background:#ffffff0f;border-radius:999px;width:100%;height:7px;margin-top:.7rem;position:relative;overflow:hidden}.stat-chip-track span,.stat-row-track span{border-radius:inherit;height:100%;display:block}.hero-inline-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:1rem 1rem .95rem}.hero-inline-label{color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.hero-inline-title{color:var(--color-text-primary);margin-top:.35rem;font-size:1.05rem;font-weight:800}.section-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.feature-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));overflow:hidden}.feature-panel-title,.section-heading{align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.05rem;display:flex}.feature-list{flex-direction:column;gap:.75rem;display:flex}.feature-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:.85rem .95rem}.stat-row{align-items:center;gap:.75rem;display:flex}.stat-row-label{min-width:80px;color:var(--color-text-secondary);font-size:.82rem;font-weight:600}.stat-row-value{color:var(--color-text-primary);font-family:var(--font-mono);margin-left:auto;font-weight:800}.stat-footnote{color:var(--color-text-secondary)}.feature-empty{text-align:center;color:var(--color-text-muted);background:#ffffff08;border:1px dashed #ffffff1a;border-radius:14px;padding:1rem}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.work-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.55rem;padding:.7rem .8rem;display:flex}.work-item-label{text-transform:capitalize;color:var(--color-text-secondary);flex:1;font-size:.82rem}.work-item-level{font-family:var(--font-mono);color:var(--color-accent-primary);font-size:.8rem;font-weight:800}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.skill-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;overflow:hidden}.skill-card-body{padding:1rem}.skill-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;display:flex}.skill-card-name{color:var(--color-text-primary);font-size:1rem;font-weight:800}.skill-card-chip{color:var(--color-accent-primary);font-family:var(--font-mono);white-space:nowrap;background:#00e5cc14;border:1px solid #00e5cc26;border-radius:999px;padding:.35rem .55rem;font-size:.75rem;font-weight:800}.skill-card-desc{min-height:42px;color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.skill-card-meta{grid-template-columns:1fr auto;gap:.45rem .75rem;margin-top:1rem;font-size:.82rem;display:grid}.skill-meta-label{color:var(--color-text-muted)}.skill-meta-value{color:var(--color-text-primary);font-family:var(--font-mono);text-align:right}.tier-pal-card{width:84px;color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;align-items:center;gap:.35rem;text-decoration:none;display:flex}.tier-pal-card:hover{transform:translateY(-2px)}.tier-pal-icon{object-fit:cover;background:var(--color-bg-tertiary);border:2px solid #ffffff2e;border-radius:12px;width:56px;height:56px}.tier-pal-fallback{color:var(--color-text-primary);place-items:center;font-weight:800;display:grid}.tier-pal-name{text-align:center;max-width:84px;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.2;overflow:hidden}.table-shell{border:1px solid #ffffff0f;border-radius:14px;overflow:auto}.chart-frame{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:1rem}.element-chart{aspect-ratio:460/260;width:100%;min-height:240px;position:relative}.element-chart-lines{position:absolute;inset:0}.element-chart-node{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.element-chart-label{color:#ffffffa6;text-shadow:0 2px 4px #00000080;font-size:11px;font-weight:700}.element-chart-label[data-active=true]{color:#fff}.element-chart-diamond{border:2px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;transform:rotate(45deg)}.element-chart-diamond[data-active=true]{border-color:#fff;width:36px;height:36px}.element-chart-diamond span{font-size:12px;transform:rotate(-45deg)}.drop-grid{flex-wrap:wrap;gap:.75rem;display:flex}.drop-card{color:var(--color-text-primary);background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:.5rem;min-width:170px;padding:.85rem .95rem;text-decoration:none;display:inline-flex}.drop-card:hover{background:#00e5cc0f;border-color:#00e5cc4d}.drop-card-name{flex:1;font-size:.875rem;font-weight:700}.drop-card-qty{font-family:var(--font-mono);color:var(--color-text-muted);font-size:.75rem}@media (max-width:1100px){.hero-split,.detail-hero,.section-grid-2{grid-template-columns:1fr}.hero-highlight-row,.hero-stat-grid,.stat-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.page-header-split,.section-grid-header{flex-direction:column;align-items:flex-start}.hero-highlight-row,.hero-stat-grid,.stat-chip-grid,.work-grid{grid-template-columns:1fr}.stat-row,.work-item{flex-wrap:wrap}.skill-card-top{flex-direction:column}.skill-card-chip{align-self:flex-start}}.map-summary-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(170px,16vw,220px),1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.map-summary-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);grid-template-columns:auto 1fr;align-items:center;gap:.15rem .75rem;padding:1rem;display:grid}.map-summary-icon{grid-row:span 2;font-size:1.8rem}.map-summary-value{color:var(--color-accent-primary);font-size:1.35rem;font-weight:900;line-height:1}.map-summary-label{color:var(--color-text-secondary);font-size:.85rem}.map-explorer-grid{grid-template-columns:minmax(0,1fr) clamp(300px,24vw,420px);align-items:start;gap:clamp(.75rem,1vw,1rem);display:grid}.map-stage-card,.map-control-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.map-toolbar{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.map-stage-overlay{z-index:25;border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:15rem;box-shadow:var(--shadow-lg);background:#070c15d1;flex-direction:column;gap:.45rem;padding:.65rem .7rem;display:flex;position:absolute;top:1rem;right:1rem}.map-zoom-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-size:.72rem;font-weight:700}.map-zoom-controls{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.map-zoom-controls button{border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;border-radius:999px;padding:.35rem .6rem;font-size:.78rem}.map-zoom-controls button:hover{border-color:var(--color-border-hover)}.map-zoom-value{text-align:center;min-width:3.2rem;color:var(--color-text-primary);font-size:.78rem}.map-zoom-hint{color:var(--color-text-secondary);font-size:.72rem;line-height:1.2}.palworld-map-stage{aspect-ratio:1;touch-action:none;cursor:grab;background:#05070b;position:relative;overflow:hidden}.palworld-map-stage>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.map-stage-canvas{transform-origin:50%;will-change:transform;position:absolute;inset:0}.map-stage-canvas>img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.map-marker-layer{pointer-events:none;position:absolute;inset:0}.map-marker{opacity:.9;border:1px solid #030712cc;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff3d,0 0 12px}.map-marker.spawn{width:8px;height:8px;background:#facc15!important}.map-marker.boss{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border-radius:0;width:14px;height:14px;background:#ef4444!important}.map-marker.resource{opacity:.82;width:7px;height:7px}.map-control-card{max-height:calc(100vh - 130px);padding:1rem;position:sticky;top:1rem;overflow:auto}.control-section{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}.control-section:last-child{border-bottom:0;margin-bottom:0}.control-section h3{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1rem}.map-search{border:1px solid var(--color-border);background:var(--color-bg-input);width:100%;color:var(--color-text-primary);border-radius:var(--radius-md);margin-bottom:.7rem;padding:.65rem .75rem}.pal-picker{grid-template-columns:1fr 1fr;gap:.4rem;max-height:210px;padding-right:.2rem;display:grid;overflow:auto}.pal-picker button,.layer-grid button,.toggle-row button{border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);text-align:left;cursor:pointer;padding:.5rem .6rem;font-size:.8rem;transition:all .15s}.pal-picker button.active,.layer-grid button.active,.toggle-row button.active{border-color:var(--color-accent-primary);color:var(--color-text-primary);background:#00e5cc1f;box-shadow:0 0 0 1px #00e5cc1f}.pal-picker button:hover,.layer-grid button:hover,.toggle-row button:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.toggle-row{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.75rem;display:grid}.toggle-row button{text-align:center}.small-muted{color:var(--color-text-muted);margin:.7rem 0 0;font-size:.8rem}.layer-grid{grid-template-columns:1fr;gap:.4rem;display:grid}.layer-grid button{align-items:center;gap:.45rem;display:flex}.layer-grid small{color:var(--color-text-muted);font-family:var(--font-mono);margin-left:auto}.swatch{border-radius:999px;width:.7rem;height:.7rem;box-shadow:0 0 0 1px #ffffff40}@media (max-width:1100px){.map-explorer-grid{grid-template-columns:1fr}.map-control-card{max-height:none;position:static}.pal-picker{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-height:260px}}@media (max-width:1100px){.breeding-formula-row{grid-template-columns:1fr}.breeding-operator{display:none}.breeding-guide-strip,.breeding-note-grid{grid-template-columns:1fr}}@media (max-width:760px){.breeding-results-head,.breeding-row{grid-template-columns:1fr}.breeding-row{gap:.9rem}}.items-layout{grid-template-columns:minmax(0,clamp(260px,22vw,340px)) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.items-sidebar{flex-direction:column;gap:1rem;min-width:0;display:flex;position:sticky;top:88px}.items-main{min-width:0}.items-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.items-summary-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:.75rem}.items-summary-value{color:var(--color-accent-primary);font-size:1.15rem;font-weight:800;line-height:1.1}.items-summary-label{color:var(--color-text-muted);margin-top:.2rem;font-size:.75rem}.items-search{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);outline:none;padding:.85rem .95rem}.items-search:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #00e5cc1f}.items-sidebar-btn{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;padding:.65rem .8rem;display:flex}.items-sidebar-btn.active{border-color:var(--color-accent-primary);background:#00e5cc14}.items-section{scroll-margin-top:100px}.items-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(200px,14vw,240px),1fr));align-items:stretch;gap:1rem;width:100%;max-width:min(100%,1240px);margin:0 auto;display:grid}.item-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:var(--radius-lg);height:100%;color:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;gap:.85rem;padding:1rem;text-decoration:none;display:flex}.item-card:hover{border-color:var(--color-accent-primary);background:#ffffff08;transform:translateY(-2px)}.item-card-top{align-items:flex-start;gap:.75rem;display:flex}.item-icon{object-fit:contain;background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex:none;width:56px;height:56px;padding:.25rem}.item-card-title{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.item-card-title h3{margin:0;font-size:1rem;line-height:1.2}.item-chips{flex-wrap:wrap;gap:.35rem;display:flex}.item-chip{border:1px solid var(--color-border);color:var(--color-text-muted);background:#ffffff0d;border-radius:999px;align-items:center;padding:.2rem .5rem;font-size:.75rem;display:inline-flex}.item-chip.accent{color:var(--color-accent-primary);border-color:#00e5cc40}.item-meta{border-top:1px solid var(--color-border);flex-direction:column;gap:.45rem;padding-top:.25rem;display:flex}.item-meta-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-size:.72rem}.item-drop-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.item-drop-pill{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#ffffff08;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .45rem;font-size:.75rem;display:inline-flex}.item-drop-pill img{object-fit:contain;background:var(--color-bg-tertiary);border-radius:50%;width:18px;height:18px}@media (max-width:1024px){.items-layout{grid-template-columns:1fr}.items-sidebar{position:static}}@media (max-width:720px){.items-grid,.items-summary-grid{grid-template-columns:1fr}}.map-marker.player{z-index:100;cursor:pointer;border:2px solid #14532d;border-radius:50%;justify-content:center;align-items:center;display:flex}.map-marker.player:hover{transform:translate(-50%,-50%)scale(1.08)}.player-label{white-space:nowrap;pointer-events:none;z-index:200;background:#05130aeb;border:1px solid #22c55e80;border-radius:6px;flex-direction:column;align-items:center;gap:1px;margin-top:4px;padding:3px 7px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.player-name{color:#f0fdf4;text-shadow:0 1px 2px #000000b3;font-size:12px;font-weight:800;line-height:1.1}.player-meta{color:#86efac;text-shadow:0 1px 2px #000000b3;font-size:10px;font-weight:600;line-height:1}.map-marker.alpha-pals{box-shadow:0 0 0 2px #f9731680,0 0 10px #f9731640!important}.map-marker.alpha-pals:hover{transform:translate(-50%,-50%)scale(1.3)!important}.map-marker.predator-pals{box-shadow:0 0 0 2px #dc262680,0 0 10px #dc262640!important}.map-marker.predator-pals:hover{transform:translate(-50%,-50%)scale(1.3)!important}.map-marker.fast-travel{filter:drop-shadow(0 2px 4px #0006);cursor:pointer}.map-marker.fast-travel:hover{transform:translate(-50%,-50%)scale(1.2)!important}.breeding-formula-row{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) auto minmax(240px,1.1fr);align-items:stretch;gap:1rem;display:grid}.breeding-select-button,.breeding-target-button,.breeding-result-link{width:100%;color:inherit;text-align:left;text-decoration:none;display:block}.breeding-select-button,.breeding-result-card,.breeding-target-button{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(180deg, #c48aff0d, #fff0), var(--color-bg-secondary);padding:1rem;box-shadow:inset 0 1px #ffffff0a}.breeding-select-button,.breeding-target-button{cursor:pointer}.breeding-select-button:hover,.breeding-target-button:hover,.mode-button:hover,.picker-card:hover{border-color:var(--color-accent-primary);transform:translateY(-1px)}.breeding-select-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-secondary);margin-bottom:.85rem;font-size:.75rem;font-weight:700}.breeding-operator{color:var(--color-accent-primary);justify-content:center;align-items:center;min-width:1.5rem;font-size:1.75rem;font-weight:800;display:flex}.breeding-pal-badge,.breeding-pal-empty,.breeding-empty-result{align-items:center;gap:.9rem;display:flex}.breeding-pal-badge.compact{gap:.7rem}.breeding-pal-avatar,.picker-card-image{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:999px;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.breeding-pal-badge.compact .breeding-pal-avatar,.breeding-empty-result .breeding-pal-avatar,.picker-card .picker-card-image{width:48px;height:48px}.breeding-pal-avatar img,.picker-card-image img{object-fit:contain;width:100%;height:100%}.breeding-pal-copy{min-width:0}.breeding-pal-name,.picker-card-name{color:var(--color-text-primary);font-weight:800;line-height:1.2}.breeding-pal-meta,.picker-card-meta{color:var(--color-text-muted);margin-top:.15rem;font-size:.78rem}.breeding-pal-elements,.picker-card-elements{flex-wrap:wrap;gap:.35rem;margin-top:.45rem;display:flex}.breeding-result-card{min-height:100%}.breeding-result-link{display:block}.breeding-guide-strip{color:var(--color-text-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding-top:.25rem;font-size:.85rem;display:grid}.breeding-label{color:var(--color-text-primary);font-weight:700}.breeding-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.mode-button{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:.85rem 1rem;font-weight:700}.mode-button.active{color:var(--color-bg-primary);background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.breeding-search-row{gap:.75rem;display:flex}.breeding-search-input{background:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:var(--radius-lg);outline:none;padding:.9rem 1rem}.breeding-search-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #00e5cc26}.breeding-results-shell{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-secondary);overflow:hidden}.breeding-results-head,.breeding-row{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.breeding-results-head{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);padding:.85rem 1rem;font-size:.7rem;font-weight:800}.breeding-results-list{max-height:32rem;overflow:auto}.breeding-row{border-bottom:1px solid var(--color-border);align-items:center;padding:.8rem 1rem}.breeding-row:hover{background:#ffffff05}.breeding-row-cell{color:inherit;min-width:0;text-decoration:none}.breeding-row-child .breeding-pal-badge .breeding-pal-name{color:var(--color-accent-primary)}.breeding-empty-state{text-align:center;color:var(--color-text-muted);padding:2rem 1rem}.breeding-hint{color:var(--color-text-muted);margin:0;padding:.9rem 1rem 1rem;font-size:.82rem}.breeding-step-list{gap:.9rem;display:grid}.breeding-step{grid-template-columns:auto 1fr;align-items:start;gap:.85rem;display:grid}.breeding-step-number{background:var(--color-accent-primary);width:1.75rem;height:1.75rem;color:var(--color-bg-primary);border-radius:999px;justify-content:center;align-items:center;margin-top:.15rem;font-size:.75rem;font-weight:800;display:flex}.breeding-step-title{color:var(--color-text-primary);margin-bottom:.2rem;font-weight:800}.breeding-step-desc{color:var(--color-text-muted);font-size:.85rem}.breeding-tip-box{border-radius:var(--radius-xl);background:#00e5cc0d;border:1px solid #00e5cc29;margin-top:1rem;padding:1rem}.breeding-tip-title{color:var(--color-accent-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800}.breeding-tip-value{color:var(--color-text-primary);font-family:var(--font-mono);margin-top:.4rem;font-size:.92rem}.breeding-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.breeding-note-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-secondary);padding:1rem}.breeding-note-title{color:var(--color-text-primary);margin-bottom:.35rem;font-weight:800}.breeding-note-text{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.breeding-footer{color:var(--color-text-muted);margin-top:1rem;font-size:.85rem}.picker-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:80;background:#000000b8;justify-content:center;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0;overflow:auto}.picker-modal{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:min(1200px,100%);box-shadow:var(--shadow-xl);margin-top:2rem;padding:1rem}.picker-modal-head{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.picker-close{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:2.25rem;height:2.25rem;color:var(--color-text-primary);cursor:pointer;border-radius:999px;font-size:1.3rem}.picker-search{margin-bottom:1rem}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;max-height:60vh;padding-right:.25rem;display:grid;overflow:auto}.picker-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-secondary);color:inherit;text-align:left;cursor:pointer;transition:all var(--transition-fast);padding:.85rem}.picker-card.active{border-color:var(--color-accent-primary);box-shadow:inset 0 0 0 1px #00e5cc40}.picker-card-image{margin-bottom:.75rem}.picker-card-name{font-size:.92rem}.picker-card-elements{min-height:1.35rem}.picker-empty{grid-column:1/-1}@media (max-width:1100px){.breeding-formula-row{grid-template-columns:1fr}.breeding-operator{display:none}.breeding-guide-strip,.breeding-note-grid{grid-template-columns:1fr}}@media (max-width:760px){.breeding-results-head,.breeding-row{grid-template-columns:1fr}.breeding-row{gap:.9rem}}.palworld-map-stage{transform-origin:0 0;will-change:transform;contain:layout paint size;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.palworld-map-stage.is-panning{cursor:grabbing}.palworld-map-stage.is-panning .map-marker{opacity:.82}.palworld-map-stage.is-panning .player-label{display:none}.map-stage-canvas{transform-origin:0 0;will-change:transform;backface-visibility:hidden}.map-stage-canvas img{pointer-events:none;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.map-marker-layer{will-change:transform}.map-marker-icon{pointer-events:none;background-position:50%;background-repeat:no-repeat;display:block;position:absolute;inset:0}.map-mode-bar{border-bottom:1px solid var(--color-border);background:#070c15b8;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.map-mode-tabs{gap:.45rem;display:flex}.map-mode-tabs button,.map-server-select select{border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;border-radius:999px;padding:.5rem .85rem;font-weight:800}.map-mode-tabs button.active{border-color:var(--color-accent-primary);color:#fff;background:#a855f733}.map-server-select{color:var(--color-text-secondary);align-items:center;gap:.55rem;font-size:.82rem;font-weight:800;display:flex}.map-server-select select{border-radius:.65rem;max-width:260px}.map-stage-canvas{width:100%;height:100%;position:absolute;inset:0}.map-stage-canvas>img{object-fit:fill;width:100%;height:100%;display:block}.map-dense-marker-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-marker-layer{position:absolute;inset:0}.map-marker{cursor:pointer;border:2px solid #0f172a;border-radius:50%;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 7px #00000085}.map-marker:hover{filter:brightness(1.12);z-index:250!important}.map-marker.player{overflow:visible}.pal-picker button{align-items:center;gap:.45rem;display:flex}.pal-picker button img{object-fit:contain;flex:none;width:28px;height:28px}.pal-picker button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:760px){.map-mode-bar{flex-direction:column;align-items:stretch}.map-server-select{justify-content:space-between}.map-server-select select{max-width:70%}}.pgg-map-shell{background:#071a25;border:1px solid #6048a8;border-radius:18px;width:100%;height:min(82vh,920px);min-height:680px;margin-top:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #05081099,0 0 0 1px #22d3ee17}.pgg-map-panel{z-index:20;color:#fff;background:radial-gradient(circle at 10% 0,#49216b73 0,#0000 35%),linear-gradient(165deg,#19172e 0%,#0c2532 52%,#081a25 100%);flex:0 0 370px;width:370px;padding:1rem .8rem .8rem;position:relative;overflow:hidden auto}.pgg-map-panel::-webkit-scrollbar{width:6px}.pgg-map-panel::-webkit-scrollbar-track{background:#111629}.pgg-map-panel::-webkit-scrollbar-thumb{background:linear-gradient(#f59e0b,#22d3ee);border-radius:99px}.pgg-panel-head{text-align:left;margin-bottom:.8rem}.pgg-brand{align-items:center;gap:11px;padding:6px 4px 10px;display:flex}.pgg-brand-mark{color:#08111a;letter-spacing:-.04em;background:linear-gradient(135deg,#fbbf24,#22d3ee);border:1px solid #fbbf24;border-radius:14px;place-items:center;width:44px;height:44px;font-size:14px;font-weight:1000;display:grid;transform:rotate(-4deg);box-shadow:0 8px 24px #22d3ee38}.pgg-brand h2{color:#fff;letter-spacing:-.03em;margin:0;font-size:22px}.pgg-brand p{color:#a5b4fc;letter-spacing:.08em;text-transform:uppercase;margin:2px 0 0;font-size:11px;font-weight:700}.pgg-map-switch{background:#0a1223b8;border:1px solid #58468c;border-radius:13px;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px;padding:4px;display:grid}.pgg-map-switch button{color:#a8bad0;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 5px;font-size:14px;font-weight:800;transition:transform .15s,color .15s,background .15s}.pgg-map-switch button:hover{color:#fff;transform:translateY(-1px)}.pgg-map-switch button.active{color:#07131d;background:linear-gradient(135deg,#fbbf24,#22d3ee);box-shadow:0 6px 18px #22d3ee33}.pgg-server-select{color:#9fc3d8;text-transform:uppercase;letter-spacing:.07em;margin-top:10px;font-size:12.5px;font-weight:800;display:block}.pgg-server-select select{color:#e5fbff;background:#0b1d2c;border:1px solid #24455f;border-radius:8px;width:100%;margin-top:5px;padding:8px 10px;font-size:14px;display:block}.pgg-panel-sec{background:linear-gradient(145deg,#171a31e8,#0d2833d9);border:1px solid #4b4275;border-left:3px solid #8b5cf6;border-radius:14px;margin-bottom:10px;overflow:hidden}.pgg-panel-sec:nth-of-type(2n){border-left-color:#f59e0b}.pgg-panel-sec summary{color:#c4b5fd;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:11px 12px;font-size:11.5px;font-weight:900;list-style:none;display:flex}.pgg-panel-sec summary::-webkit-details-marker{display:none}.pgg-panel-sec summary:after{content:"+";color:#fbbf24;border:1px solid #625a91;border-radius:7px;place-items:center;width:20px;height:20px;font-size:15px;line-height:1;transition:transform .15s;display:grid}.pgg-panel-sec[open] summary:after{content:"−"}.pgg-layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 10px 11px;display:grid}.pgg-layer{min-width:0;color:inherit;text-align:left;opacity:.58;cursor:pointer;background:linear-gradient(145deg,#12182a,#102b35);border:1px solid #37425f;border-radius:12px;align-items:center;gap:8px;padding:8px;transition:opacity .15s,border-color .15s,transform .15s;display:flex;position:relative}.pgg-layer:before{content:"";opacity:.45;background:#8b5cf6;border-radius:12px 0 0 12px;width:3px;position:absolute;inset:0 auto 0 0}.pgg-layer:hover{opacity:.9;border-color:#7770a6;transform:translateY(-1px)}.pgg-layer.on{opacity:1;border-color:#f59e0b}.pgg-layer.on:before{opacity:1;background:linear-gradient(#fbbf24,#22d3ee)}.pgg-layer img{object-fit:contain;flex-shrink:0;width:26px;height:26px}.pgg-layer img.round{background:#091825;border-radius:50%}.pgg-layer .lbl{color:#e5edf5;flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.2}.pgg-layer .cnt{color:#a8bad0;background:#0b1323;border:1px solid #4a5273;border-radius:100px;flex-shrink:0;padding:2px 6px;font-size:10.5px;font-weight:900}.pgg-layer.on .cnt{color:#fbbf24;border-color:#f59e0b8c}.pgg-pal-search{padding:0 10px 8px}.pgg-pal-search input{color:#e5fbff;background:#0b1d2c;border:1px solid #24455f;border-radius:8px;width:100%;padding:8px 11px;font-size:14px}.pgg-pal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:340px;padding:0 10px 10px;display:grid;overflow:auto}.pgg-pal-chip{min-width:0;color:inherit;text-align:left;cursor:pointer;background:#0b1d2c;border:1px solid #1e3c53;border-radius:8px;align-items:center;gap:7px;padding:4px 7px;display:flex}.pgg-pal-chip:hover{border-color:#2e5270}.pgg-pal-chip.active{border-color:#17f0ff}.pgg-pal-chip img{background:#091825;border-radius:50%;flex-shrink:0;width:30px;height:30px}.pgg-pal-chip .nm{color:#cfe9f2;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;overflow:hidden}.pgg-source-note{color:#6f97ad;padding:8px;font-size:11px;line-height:1.4}.pgg-map-container{background:#102536;flex:auto;min-width:0;height:100%;position:relative}.pgg-ml-map{background:#102536;position:absolute;inset:0}.pgg-map-container .maplibregl-ctrl-bottom-left{z-index:10}.pgg-map-container .maplibregl-ctrl-attrib{display:none}.pgg-panel-toggle{z-index:30;color:#08131d;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#22d3ee);border:1px solid #fbbf24;border-radius:12px;padding:10px 14px;font-weight:900;transition:left .15s,transform .15s;position:absolute;top:12px;left:382px;box-shadow:0 8px 22px #06111a88}.pgg-panel-toggle:hover{transform:translateY(-1px)}.panel-hidden .pgg-map-panel{display:none}.panel-hidden .pgg-panel-toggle{left:12px}.mm{cursor:pointer;line-height:0;position:relative}.mm.maplibregl-marker{position:absolute}.mm .mm-ic{display:block}.mm .mm-tip{z-index:5;color:#78ffff;text-shadow:0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;white-space:nowrap;pointer-events:none;border-bottom:2px solid #78ffff;padding:2px;font-size:14.5px;font-weight:500;line-height:15px;display:none;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.mm:hover{z-index:10}.mm:hover .mm-tip{display:block}.mm .mm-ic.palicon{background:#1c1d24;border:2px solid #fff;border-radius:100px}.mm .mm-ic.palicon.pred{border-color:#ff5932}.mm .mm-ic.palicon.sealed{border-color:#c48aff}.mm.marked .mm-ic{opacity:.4}.maplibregl-popup.mark-popup .maplibregl-popup-content{background:#102536;border:1px solid #052635;border-radius:10px;padding:5px 8px;box-shadow:2px 2px 4px 2px #0000003b}.maplibregl-popup.mark-popup .maplibregl-popup-tip{display:none}.maplibregl-popup.mark-popup .hide-popup-btn{color:#212332;cursor:pointer;background:#21cc92;border:0;border-radius:4px;padding:3px 8px;font-size:13px;font-weight:700}.pgg-player-marker{align-items:center;width:max-content;height:18px;display:inline-flex;position:relative}.pgg-player-dot{background:#22c55e;border:3px solid #fff;border-radius:50%;flex:none;width:18px;height:18px;display:inline-block;box-shadow:0 0 0 2px #14532d,0 2px 6px #000}.pgg-player-label{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000;background:#07141ed9;border:1px solid #22c55e;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:800;line-height:1.2;position:absolute;left:24px}.pgg-player-toggle{color:#9fc3d8;cursor:pointer;background:#0b1d2c;border:1px solid #1e3c53;border-radius:8px;align-items:center;gap:9px;width:calc(100% - 20px);margin:0 10px 8px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.pgg-player-toggle.on{color:#e5fbff;border-color:#17f0ff8c}.pgg-player-toggle .pgg-player-dot{border-width:2px;width:14px;height:14px}.pgg-player-servers{gap:7px;padding:0 10px 10px;display:grid}.pgg-player-server{background:#0b1d2c;border:1px solid #1e3c53;border-radius:8px;overflow:hidden}.pgg-player-server>header{color:#cfe9f2;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.pgg-player-server .cnt{color:#17f0ff;border:1px solid #24455f;border-radius:99px;padding:1px 7px;font-size:11px}.pgg-player-server ul{gap:4px;margin:0;padding:0 10px 9px;list-style:none;display:grid}.pgg-player-server li{color:#d8eef6;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.pgg-player-server li small{color:#9fc3d8}.pgg-player-server p{color:#6f97ad;margin:0;padding:0 10px 9px;font-size:12px}@media (max-width:1000px){.pgg-map-shell{flex-direction:column;height:78vh;min-height:620px}.pgg-map-panel{flex:0 0 52%;order:2;width:100%;max-width:none;height:52%;position:relative;inset:auto;box-shadow:0 -8px 30px #0008}.pgg-map-container{flex:48%;order:1;width:100%;height:auto}.pgg-panel-toggle{left:auto;right:12px}.panel-hidden .pgg-panel-toggle{left:auto}.panel-hidden .pgg-map-panel{display:none}.pgg-layers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.pgg-map-shell{border-radius:8px;height:72vh;min-height:560px}.pgg-map-panel{width:100%;max-width:100%;padding-top:1rem}.pgg-map-container .maplibregl-ctrl-bottom-left{margin-bottom:8px}.pgg-pal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}