@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&family=Figtree:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Syne:wght@600;700;800&display=swap";:root{--violet-950:#1a0a2e;--violet-900:#2d1260;--violet-700:#5b21b6;--violet-500:#8b5cf6;--violet-300:#c4b5fd;--violet-100:#ede9fe;--cyan-400:#22d3ee;--cyan-500:#06b6d4;--gold-400:#facc15;--cream:#faf6ef;--lavender-bg:#ebe4f8;--bg:var(--lavender-bg);--bg-subtle:#e2daf2;--surface:#faf7ff;--surface-alt:#f3edfc;--surface-header:linear-gradient(135deg, var(--violet-900) 0%, var(--violet-700) 55%, #6d28d9 100%);--body-gradient:radial-gradient(ellipse 90% 60% at 10% 0%, #8b5cf638, transparent 55%), radial-gradient(ellipse 70% 50% at 95% 5%, #22d3ee24, transparent 50%), radial-gradient(ellipse 60% 40% at 50% 100%, #facc151a, transparent 45%), linear-gradient(168deg, #ddd0f5 0%, var(--lavender-bg) 40%, #e8dff8 100%);--text:#4a4168;--text-strong:#1e1033;--text-muted:#7c7394;--text-on-dark:#f5f0ff;--border:#5b21b61f;--border-strong:#5b21b638;--accent:var(--violet-700);--accent-cyan:var(--cyan-400);--accent-soft:#8b5cf61a;--accent-glow:#22d3ee59;--tabs-bg:#2d126014;--tabs-hover:#ffffff8c;--row-hover:#8b5cf61f;--cover-fade:linear-gradient(100deg, #1a0a2ed1 0%, #2d126073 32%, #5b21b614 55%, transparent 72%), linear-gradient(to top, #1a0a2e40 0%, transparent 45%);--toggle-bg:#ffffffa6;--toggle-border:var(--border-strong);--shadow-sm:0 2px 8px #2d126012;--shadow-md:0 8px 28px #2d12601a;--shadow-lg:0 16px 48px #2d126024;--radius:20px;--radius-sm:12px;--font-body:"Figtree", system-ui, sans-serif;--font-display:"Syne", system-ui, sans-serif;--font-cover:"Bricolage Grotesque", system-ui, sans-serif;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}[data-theme=dark]{--lavender-bg:#140c22;--bg:#140c22;--bg-subtle:#1f1433;--surface:#1e1530;--surface-alt:#251c3a;--body-gradient:radial-gradient(ellipse 80% 55% at 15% 0%, #8b5cf62e, transparent 55%), radial-gradient(ellipse 60% 45% at 90% 10%, #22d3ee14, transparent 50%), radial-gradient(ellipse 50% 35% at 50% 100%, #facc150d, transparent 45%), linear-gradient(168deg, #0f0818 0%, #140c22 45%, #1a1030 100%);--text:#c4b8d9;--text-strong:#f3eefc;--text-muted:#8b7fa8;--border:#c4b5fd1a;--border-strong:#c4b5fd33;--accent-soft:#8b5cf629;--tabs-bg:#00000040;--tabs-hover:#ffffff14;--row-hover:#22d3ee14;--cover-fade:linear-gradient(100deg, #0a0512eb 0%, #1a0a2eb3 35%, #2d126040 60%, transparent 78%), linear-gradient(to top, #0a051273 0%, transparent 50%);--toggle-bg:#1e1530d9;--toggle-border:#c4b5fd40;--shadow-sm:0 2px 10px #00000040;--shadow-md:0 8px 32px #00000059;--shadow-lg:0 16px 52px #00000073}*,:before,:after{box-sizing:border-box}body{background:var(--body-gradient);background-attachment:fixed;min-height:100svh;margin:0;transition:background .25s,color .25s}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;min-height:100svh;position:relative}img{max-width:100%;display:block}a{color:var(--violet-500);font-weight:600;text-decoration:none}a:hover{color:var(--cyan-400)}button{font:inherit;cursor:pointer}[data-theme=dark] a{color:var(--cyan-400)}[data-theme=dark] a:hover{color:var(--gold-400)}.app{flex-direction:column;max-width:1040px;min-height:100svh;margin:0 auto;padding:0 1.25rem;display:flex}.site-header{padding-top:1.375rem}.site-header__bar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.theme-toggle{border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--text-strong);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.8125rem;font-weight:700;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent-cyan);transform:translateY(-1px)}.theme-toggle__icon{font-size:1rem;line-height:1}.cover{border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border-strong);background:var(--violet-900);min-height:240px;position:relative;overflow:hidden}.cover__image{object-fit:cover;object-position:center center;width:100%;height:240px;display:block}.cover__fade{background:var(--cover-fade);pointer-events:none;position:absolute;inset:0}.cover__content{flex-direction:column;justify-content:center;max-width:400px;padding:1.75rem 2rem;display:flex;position:absolute;inset:0}.cover__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cyan);text-shadow:0 0 20px var(--accent-glow);margin:0 0 .45rem;font-size:.75rem;font-weight:700}.cover__title{font-family:var(--font-cover);font-variation-settings:"opsz" 72;color:var(--text-on-dark);letter-spacing:-.03em;margin:0;font-size:clamp(1.875rem,4.5vw,2.625rem);font-weight:800;line-height:1}.cover__subtitle{color:#f5f0ffd1;max-width:34ch;margin:.65rem 0 0;font-size:1rem;line-height:1.5}.cover__highlight{color:var(--gold-400);text-shadow:0 0 18px #facc1559;font-weight:700}.main{flex:1;padding:1.5rem 0 2.25rem}.tabs{background:var(--tabs-bg);border:1px solid var(--border-strong);width:100%;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;gap:.35rem;margin-bottom:1.25rem;padding:.35rem;display:flex}.tabs__btn{color:var(--text-muted);background:0 0;border:none;border-radius:999px;flex:1;padding:.7rem 1.5rem;font-size:.9375rem;font-weight:700;transition:all .2s}.tabs__btn:hover:not(.tabs__btn--active){color:var(--text-strong);background:var(--tabs-hover)}.tabs__btn--active{background:var(--surface-header);color:var(--text-on-dark);box-shadow:0 2px 12px #5b21b659,inset 0 1px #ffffff1f}.pal-list{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);transition:background .25s,border-color .25s;overflow:hidden}.pal-list__header{background:var(--surface-header);letter-spacing:.12em;text-transform:uppercase;color:#f5f0ffbf;grid-template-columns:196px 148px 1fr 112px;gap:1.125rem;padding:.75rem 1.5rem;font-size:.6875rem;font-weight:700;display:grid}.pal-list__sort{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.4rem;padding:.3rem 0;transition:color .15s;display:inline-flex}.pal-list__sort:hover{color:var(--text-on-dark)}.pal-list__sort--active{color:var(--accent-cyan)}.pal-list__sort-icon{opacity:.65;font-size:.8125rem;line-height:1}.pal-list__sort--active .pal-list__sort-icon{opacity:1}.pal-list__rows{margin:0;padding:0;list-style:none}.pal-row{border-bottom:1px solid var(--border);grid-template-columns:196px 148px 1fr 112px;align-items:center;gap:1.125rem;padding:.95rem 1.5rem;transition:background .15s,box-shadow .15s;animation:.35s both row-in;display:grid}.pal-row:nth-child(2n){background:var(--surface-alt)}.pal-row:last-child{border-bottom:none}.pal-row:hover{background:var(--row-hover);box-shadow:inset 3px 0 0 var(--accent-cyan)}@keyframes row-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pal-row__pal{align-items:center;gap:.75rem;min-width:0;display:flex}.pal-row__avatar{object-fit:cover;background:var(--cream);border:2px solid var(--violet-300);border-radius:14px;flex-shrink:0;width:52px;height:52px;box-shadow:0 2px 10px #5b21b624}[data-theme=dark] .pal-row__avatar{background:var(--bg-subtle);border-color:#c4b5fd59}.pal-row__name{color:var(--text-strong);font-size:.9375rem;font-weight:700;line-height:1.3}.pal-row__types{flex-wrap:wrap;gap:.35rem;display:flex}.pal-row__trait{color:var(--text);margin:0;font-size:.875rem;line-height:1.55}.pal-row__work{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:.3rem .65rem;font-size:.6875rem;font-weight:700;display:inline-flex}.pal-row__work--cooling{color:#0369a1;background:#bae6fd;border-color:#7dd3fc}.pal-row__work--electricity{color:#854d0e;background:#fef08a;border-color:#fde047}.pal-row__work--handiwork{color:#78350f;background:#fed7aa;border-color:#fdba74}.pal-row__work--kindling{color:#991b1b;background:#fecaca;border-color:#f87171}.pal-row__work--lumbering{color:#7c2d12;background:#ffedd5;border-color:#fdba74}.pal-row__work--medicine{color:#9d174d;background:#fbcfe8;border-color:#f9a8d4}.pal-row__work--planting{color:#166534;background:#bbf7d0;border-color:#86efac}.pal-row__work--transporting{color:#334155;background:#cbd5e1;border-color:#94a3b8}.pal-row__work--watering{color:#0e7490;background:#a5f3fc;border-color:#67e8f9}.pal-row__work--sanity{color:#5b21b6;background:#ddd6fe;border-color:#c4b5fd}.pal-row__work--crops{color:#15803d;background:#bbf7d0;border-color:#4ade80}.pal-row__work--hunger{color:#b45309;background:#fde68a;border-color:#fcd34d}[data-theme=dark] .pal-row__work--cooling{color:#7dd3fc;background:#0369a140;border-color:#7dd3fc59}[data-theme=dark] .pal-row__work--electricity{color:#fde047;background:#854d0e4d;border-color:#fde04759}[data-theme=dark] .pal-row__work--handiwork{color:#fdba74;background:#78350f4d;border-color:#fdba7459}[data-theme=dark] .pal-row__work--kindling{color:#fca5a5;background:#991b1b47;border-color:#f8717159}[data-theme=dark] .pal-row__work--lumbering{color:#fdba74;background:#7c2d1247;border-color:#fdba744d}[data-theme=dark] .pal-row__work--medicine{color:#f9a8d4;background:#9d174d47;border-color:#f9a8d459}[data-theme=dark] .pal-row__work--planting{color:#86efac;background:#16653447;border-color:#86efac59}[data-theme=dark] .pal-row__work--transporting{color:#cbd5e1;background:#33415559;border-color:#94a3b859}[data-theme=dark] .pal-row__work--watering{color:#67e8f9;background:#0e749047;border-color:#67e8f959}[data-theme=dark] .pal-row__work--sanity{color:#c4b5fd;background:#5b21b647;border-color:#c4b5fd59}[data-theme=dark] .pal-row__work--crops{color:#4ade80;background:#15803d47;border-color:#4ade8059}[data-theme=dark] .pal-row__work--hunger{color:#fcd34d;background:#b4530947;border-color:#fcd34d59}.type-badge{white-space:nowrap;border:1px solid #0000;border-radius:8px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;line-height:1.35;display:inline-flex}.type-badge--neutral{color:#524768;background:#e8e4f0;border-color:#d4cde4}.type-badge--fire{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.type-badge--water{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.type-badge--grass{color:#15803d;background:#dcfce7;border-color:#86efac}.type-badge--electric{color:#a16207;background:#fef9c3;border-color:#fde047}.type-badge--ice{color:#0e7490;background:#cffafe;border-color:#67e8f9}.type-badge--ground{color:#c2410c;background:#ffedd5;border-color:#fdba74}.type-badge--dark{color:#6d28d9;background:#ede9fe;border-color:#c4b5fd}[data-theme=dark] .type-badge--neutral{color:#d4cde4;background:#52476859;border-color:#d4cde433}[data-theme=dark] .type-badge--fire{color:#fca5a5;background:#b91c1c47;border-color:#fca5a540}[data-theme=dark] .type-badge--water{color:#93c5fd;background:#1d4ed847;border-color:#93c5fd40}[data-theme=dark] .type-badge--grass{color:#86efac;background:#15803d47;border-color:#86efac40}[data-theme=dark] .type-badge--electric{color:#fde047;background:#a1620747;border-color:#fde04740}[data-theme=dark] .type-badge--ice{color:#67e8f9;background:#0e749047;border-color:#67e8f940}[data-theme=dark] .type-badge--ground{color:#fdba74;background:#c2410c47;border-color:#fdba7440}[data-theme=dark] .type-badge--dark{color:#c4b5fd;background:#6d28d947;border-color:#c4b5fd40}.empty-state{text-align:center;background:linear-gradient(145deg, var(--surface) 0%, var(--surface-alt) 100%);border:1px dashed var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:4rem 1.75rem}.empty-state__title{font-family:var(--font-display);color:var(--text-strong);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.empty-state__text{color:var(--text-muted);margin:0;font-size:.9375rem}.site-footer{text-align:center;color:var(--text-muted);padding:.75rem 0 2.25rem;font-size:.75rem}.site-footer p{margin:0}@media (width<=720px){.app{padding:0 1rem}.site-header{padding-top:1rem}.cover__image{height:180px}.cover{min-height:180px}.cover__content{max-width:62%;padding:1.125rem 1.25rem}.pal-list__header{display:none}.pal-row{grid-template-columns:1fr;gap:.45rem;padding:1rem 1.125rem}.pal-row__types{order:2}.pal-row__trait{order:3}.pal-row__work{order:4;align-self:flex-start}.theme-toggle__label{display:none}}