/* WYGENEROWANE przez assets/build/css.php z assets/fonts/fonts.css i style.css - nie edytuj recznie; po zmianie zrodel: php assets/build/css.php */
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-latin-ext-07ce562c.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-latin-d75069f5.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-latin-ext-b650b4eb.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-latin-9ae3d209.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-latin-ext-dc8e6f8b.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/be-vietnam-pro-latin-871510e5.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/caveat-latin-ext-60fd7fa9.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/caveat-latin-14ecf1bb.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/caveat-latin-ext-60fd7fa9.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/caveat-latin-14ecf1bb.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/caveat-latin-ext-60fd7fa9.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/caveat-latin-14ecf1bb.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spline Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/spline-sans-latin-ext-477e6030.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Spline Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/spline-sans-latin-9d865082.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--surface:#f9f9f9;--surface-dim:#dadada;--surface-lowest:#ffffff;--surface-low:#f3f3f3;--surface-container:#eeeeee;--surface-high:#e8e8e8;--surface-highest:#e2e2e2;--inverse-surface:#2f3131;--inverse-on-surface:#f1f1f1;--on-surface:#1a1c1c;--on-surface-variant:#603e39;--outline:#956d67;--outline-variant:#ebbbb4;--primary:#bc0100;--primary-container:#eb0000;--on-primary:#ffffff;--primary-fixed:#ffdad4;--on-primary-fixed-variant:#930100;--secondary:#6d5e00;--secondary-container:#fddc00;--on-secondary-container:#706000;--secondary-fixed:#ffe24a;--secondary-fixed-dim:#e3c600;--tertiary:#3c4dcb;--tertiary-container:#5768e6;--on-tertiary:#ffffff;--tertiary-fixed:#dfe0ff;--tertiary-fixed-dim:#bcc2ff;--error:#ba1a1a;--error-container:#ffdad6;--on-error-container:#93000a;--text-main:var(--on-surface);--text-muted:var(--on-surface-variant);--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--space-xs:4px;--space-sm:12px;--space-base:8px;--space-md:24px;--space-lg:48px;--space-xl:80px;--gutter:20px;--margin-mobile:16px;--margin-desktop:40px;--font-display:'Spline Sans',system-ui,-apple-system,sans-serif;--font-body:'Be Vietnam Pro',system-ui,-apple-system,sans-serif;--shadow-1:0 1px 2px rgba(26,28,28,0.06);--shadow-2:0 4px 16px rgba(26,28,28,0.08);--shadow-primary:0 4px 18px rgba(188,1,0,0.18)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface);color:var(--on-surface);font-family:var(--font-body);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);margin:0}
a{color:var(--tertiary)}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid var(--tertiary);outline-offset:2px;border-radius:var(--radius-sm)}
.skip-link{position:absolute;left:8px;top:-60px;z-index:200;padding:10px 16px;background:var(--surface);color:var(--on-surface);border:2px solid var(--tertiary);border-radius:var(--radius-md);font-family:var(--font-display);font-size:14px;text-decoration:none;transition:top 0.15s ease}
.skip-link:focus{top:8px}
#tresc:focus{outline:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.site-header{background:var(--primary);border-bottom:4px solid var(--secondary-container);position:sticky;top:0;z-index:50}
.site-header-inner{max-width:1280px;margin:0 auto;padding:12px var(--margin-desktop);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}
.site-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.site-logo-mark{display:flex;flex-shrink:0;color:var(--on-primary)}
.site-logo-text{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--on-primary);letter-spacing:-0.01em}
.site-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap;flex:1}
@media (min-width:1260px){.site-nav-szuflada{display:contents}.site-nav-szuflada>summary{display:none}.site-nav-szuflada::details-content{content-visibility:visible;block-size:auto}.site-nav-pozycje{display:flex;align-items:center;gap:2px;flex-wrap:wrap;flex:1}.site-nav-sekcje{display:none!important}}
.site-nav-link{font-family:var(--font-body);font-size:14px;font-weight:700;line-height:20px;color:rgba(255,255,255,0.92);text-decoration:none;padding:9px 10px;border-radius:var(--radius);white-space:nowrap;transition:background-color 120ms ease,color 120ms ease}
.site-nav-link:hover{background:rgba(255,255,255,0.14);color:#fff}
.site-nav-link.is-active{background:var(--secondary-container);color:var(--on-secondary-container)}
.site-nav-group{position:relative}
.site-nav-summary{display:list-item;cursor:pointer;list-style:none}
.site-nav-summary-tresc{display:inline-flex;align-items:center;gap:5px}
.site-nav-summary::-webkit-details-marker{display:none}
.site-nav-summary::marker{content:''}
.site-nav-chevron{transition:transform 0.15s ease;flex-shrink:0}
.site-nav-group[open]>.site-nav-summary .site-nav-chevron{transform:rotate(180deg)}
.site-nav-group[open]>.site-nav-summary{background:rgba(255,255,255,0.18);color:#fff}
.site-nav-group.is-active>.site-nav-summary{background:var(--secondary-container);color:var(--on-secondary-container)}
.site-nav-menu{position:absolute;top:calc(100% + 10px);right:-10px;left:auto;z-index:60;display:flex;flex-direction:column;gap:var(--space-base);padding:12px;background:var(--surface-lowest);border:2px solid var(--secondary-container);border-radius:var(--radius-md);box-shadow:0 16px 40px rgba(26,28,28,0.24)}
.site-nav-kolumna{display:flex;flex-direction:column;gap:2px;min-width:232px}
.site-nav-kolumna-tytul{margin:0;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--on-surface-variant);padding:4px 12px 8px}
@media (min-width:1160px){.site-nav-menu{right:auto;left:-10px;flex-direction:row;padding:16px}}
.site-nav-menu-link{font-family:var(--font-body);font-size:14px;font-weight:700;color:var(--text-main);text-decoration:none;padding:9px 12px;border-radius:var(--radius-sm);white-space:nowrap}
.site-nav-menu-link:hover{background:var(--surface-container)}
.site-nav-menu-link.is-active{background:var(--secondary-container);color:var(--on-secondary-container);text-decoration:none}
.site-lang-flaga{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(26,28,28,0.2);flex-shrink:0}
.site-lang-menu{min-width:200px}
.site-nav-menu.site-lang-menu{left:auto;right:0;flex-direction:column;gap:2px;padding:8px}
.site-lang-opcja{display:flex;align-items:center;gap:10px}
.site-lang-opcja.is-active::after{content:'\2713';margin-left:auto}
.site-lang-uwaga{margin-left:auto;font-size:12px;font-weight:400;color:var(--text-muted)}
.site-lang-szuflada{display:flex;gap:8px;margin-bottom:12px}
.site-lang-szuflada-opcja{flex:1 1 0;min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;padding:8px 12px;border:2px solid transparent;border-radius:var(--radius-md);background:var(--surface-low);color:var(--on-surface);font-family:var(--font-body);font-size:14px;font-weight:700;line-height:1.2;text-decoration:none}
.site-lang-szuflada-opcja.is-active{background:var(--surface-lowest);border-color:var(--on-surface)}
.site-lang-szuflada-opcja .site-lang-uwaga{margin-left:0}
@media (max-width:1259px){.site-lang{display:none}}
@media (min-width:1260px){.site-header-inner{gap:12px}.site-header-inner .site-search{flex-basis:220px}.site-nav-pozycje .site-nav-link{padding-left:8px;padding-right:8px}}
.site-search{display:flex;align-items:center;gap:8px;flex:0 1 280px;min-width:0;height:40px;padding:4px 4px 4px 14px;background:rgba(255,255,255,0.96);border-radius:var(--radius-full)}
.site-search-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:#8a8a8a}
.site-search input{flex:1;min-width:0;border:none;background:transparent;font:inherit;font-size:14px;color:var(--on-surface)}
.site-search input::placeholder{color:#8a8a8a}
.site-search input:focus-visible{outline:none}
.site-search button{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-full);border:none;background:var(--secondary-container);color:var(--on-secondary-container);cursor:pointer;line-height:1}
.site-search button:hover{background:var(--secondary-fixed-dim)}
.site-search:has(input:focus-visible){outline:3px solid var(--on-primary);outline-offset:2px}
.pokedex-shell{max-width:1280px;margin:0 auto;padding:var(--space-md) var(--margin-desktop) var(--space-lg)}
.pokedex-top-bar{display:flex;align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}
.pokedex-logo-light,.pokedex-indicators,.indicator-dot{display:none}
.pokedex-title-area{display:flex;flex-direction:column-reverse;gap:2px}
.pokedex-title{font-size:48px;font-weight:800;line-height:56px;letter-spacing:-0.02em;color:var(--primary)}
.pokedex-subtitle{font-size:14px;font-weight:700;color:var(--on-surface-variant);margin:0;text-transform:uppercase;letter-spacing:0.08em}
.screen{background:var(--surface-lowest);border:1px solid #e0e0e0;border-radius:var(--radius-xl);box-shadow:var(--shadow-1);overflow:hidden}
.screen-label{padding:14px var(--space-md) 0;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--on-surface)}
.screen-inner{padding:var(--space-sm) var(--space-md) var(--space-md)}
.screen-shadow-bar{display:none}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:5px 12px;border-radius:var(--radius-full);background:var(--surface-container);color:var(--on-surface-variant)}
.badge-small{font-size:12px;font-weight:500;color:var(--on-surface-variant)}
.type-badge{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:0.04em;padding:4px 12px;border-radius:var(--radius-full);color:#fff;text-transform:uppercase;line-height:1.4}
.type-badges{display:flex;flex-wrap:wrap;gap:5px}
.type-badge.normal{background:#9a9a82;color:#292920}
.type-badge.fire{background:#f48a45;color:#5a2502}
.type-badge.water{background:#3b82f6;color:#01132f}
.type-badge.electric{background:#facc15;color:#3d2f00}
.type-badge.grass{background:#5dbb63;color:#163e19}
.type-badge.ice{background:#4fd1c5;color:#10403c}
.type-badge.fighting{background:#c53030}
.type-badge.poison{background:#9f7aea;color:#250960}
.type-badge.ground{background:#d97757;color:#40170a}
.type-badge.flying{background:#8452f5}
.type-badge.psychic{background:#fb7185;color:#630311}
.type-badge.bug{background:#84cc16;color:#1f2d05}
.type-badge.rock{background:#a16207}
.type-badge.ghost{background:#6b21a8}
.type-badge.dragon{background:#4c1d95}
.type-badge.dark{background:#111827}
.type-badge.steel{background:#9ca3af;color:#1f2937}
.type-badge.fairy{background:#ec4899;color:#36021c}
.type-badge-lg{font-size:14px;padding:7px 20px}
.filter-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block;margin-right:5px}
.filter-dot.normal{background:#9a9a82}
.filter-dot.fire{background:#f48a45}
.filter-dot.water{background:#3b82f6}
.filter-dot.electric{background:#facc15}
.filter-dot.grass{background:#5dbb63}
.filter-dot.ice{background:#4fd1c5}
.filter-dot.fighting{background:#c53030}
.filter-dot.poison{background:#9f7aea}
.filter-dot.ground{background:#d97757}
.filter-dot.flying{background:#8b5cf6}
.filter-dot.psychic{background:#fb7185}
.filter-dot.bug{background:#84cc16}
.filter-dot.rock{background:#a16207}
.filter-dot.ghost{background:#6b21a8}
.filter-dot.dragon{background:#4c1d95}
.filter-dot.dark{background:#111827}
.filter-dot.steel{background:#9ca3af}
.filter-dot.fairy{background:#ec4899}
.nav-button,.search-button{font-family:var(--font-body);font-size:14px;font-weight:700;padding:10px 20px;border-radius:var(--radius);border:none;background:var(--primary);color:var(--on-primary);cursor:pointer;text-align:center;transition:transform 0.12s ease,background 0.12s ease;box-shadow:var(--shadow-primary)}
.nav-button:hover,.search-button:hover{background:var(--on-primary-fixed-variant);transform:scale(1.02)}
.nav-button.secondary{background:transparent;color:var(--tertiary);border:2px solid var(--tertiary);box-shadow:none}
.nav-button.secondary:hover{background:var(--tertiary-fixed);transform:none}
.nav-controls{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}
.nav-controls>a,.nav-controls>span{flex:1}
.filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-sm)}
.filters-meta{align-items:center;gap:8px}
.filter-pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-body);font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius-full);border:1px solid #e0e0e0;background:var(--surface-lowest);color:var(--on-surface);cursor:pointer;text-decoration:none;transition:border-color 0.12s ease,background 0.12s ease}
.filter-pill:hover{border-color:var(--tertiary)}
.filter-pill.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:700}
.filter-pill-special{font-weight:700}
.filter-pill-clear{border-style:dashed;color:var(--on-surface-variant)}
.search-form{margin-bottom:var(--space-sm)}
.search-header{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.search-field{flex:1 1 240px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-low);border:none;border-bottom:2px solid var(--surface-dim);border-radius:var(--radius) var(--radius) 0 0}
.search-field:focus-within{border-bottom-color:var(--tertiary)}
.search-field:has(input:focus-visible),.hero-search:has(input:focus-visible){outline:3px solid var(--tertiary);outline-offset:2px;border-radius:var(--radius-sm)}
.site-header :focus-visible,.site-header .search-field:has(input:focus-visible){outline-color:var(--on-primary)}
.search-field input{flex:1;min-width:0;border:none;background:transparent;font:inherit;font-size:16px;color:var(--on-surface)}
.search-field input:focus{outline:none}
.search-icon{color:var(--on-surface-variant)}
.sort-label{font-size:12px;font-weight:700;color:var(--on-surface-variant)}
.sort-select{font:inherit;font-size:13px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid #e0e0e0;background:var(--surface-lowest);color:var(--on-surface);cursor:pointer}
.pokemon-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}
.pokemon-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 16px;background:var(--surface-lowest);border:1px solid #e0e0e0;border-top:5px solid var(--surface-dim);border-radius:var(--radius-lg);text-decoration:none;color:var(--on-surface);position:relative;transition:transform 0.14s ease,box-shadow 0.14s ease,border-color 0.14s ease}
.pokemon-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--primary)}
.pokemon-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(45deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.55) 50%,rgba(255,255,255,0) 60%);opacity:0;transition:opacity 0.2s ease;pointer-events:none}
.pokemon-card:hover::after{opacity:1}
.pokemon-id{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--on-surface-variant);align-self:flex-start}
.pokemon-sprite-wrapper{width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#ffffff,var(--surface-low));border-radius:var(--radius-lg)}
.pokemon-sprite{image-rendering:pixelated}
.pokemon-name{font-family:var(--font-display);font-size:15px;font-weight:700;text-align:center;line-height:1.25}
.pokemon-stat-total{font-size:12px;font-weight:500;color:var(--on-surface-variant)}
.card-mark{color:var(--secondary-fixed-dim)}
.empty-state{padding:var(--space-md);text-align:center;color:var(--on-surface-variant);background:var(--surface-low);border-radius:var(--radius-lg)}
.detail-layout{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--space-md);align-items:start}
.detail-image-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--surface-lowest);border:1px solid #e0e0e0;border-top:5px solid var(--secondary-container);border-radius:var(--radius-xl)}
.detail-physical{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;width:100%;font-size:13px}
.detail-physical span{padding:10px 8px;background:var(--surface-low);border-radius:var(--radius-md);text-align:center;color:var(--on-surface-variant)}
.detail-stats-panel{display:flex;flex-direction:column;gap:var(--space-sm)}
.stats-grid{padding:var(--space-sm) var(--space-md);background:var(--surface-lowest);border:1px solid #e0e0e0;border-radius:var(--radius-xl)}
.stat-row{display:grid;grid-template-columns:52px 1fr 40px;align-items:center;gap:10px;padding:5px 0}
.stat-name{font-size:12px;font-weight:700;color:var(--on-surface-variant);text-transform:uppercase}
.stat-bar-container{height:10px;background:var(--surface-highest);border-radius:var(--radius-full);overflow:hidden}
.stat-bar{height:100%;border-radius:var(--radius-full);background:var(--primary)}
.stat-row:nth-child(1) .stat-bar{background:#c00100}
.stat-row:nth-child(2) .stat-bar{background:var(--secondary-fixed-dim)}
.stat-row:nth-child(3) .stat-bar{background:#f0c400}
.stat-row:nth-child(4) .stat-bar{background:var(--tertiary)}
.stat-row:nth-child(5) .stat-bar{background:var(--tertiary-fixed-dim)}
.stat-row:nth-child(6) .stat-bar{background:var(--primary-container)}
.stat-value{font-family:var(--font-display);font-size:14px;font-weight:700;text-align:right}
.stat-row-z-tlem{grid-template-columns:52px 1fr 40px 42px}
.stat-percentyl{font-size:11px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--on-surface-variant);cursor:help}
.stat-percentyl-znak{font-size:9px;opacity:0.6;margin-left:1px}
.stat-percentyl-wysoki{color:#14532d}
.stat-percentyl-niski{color:var(--error)}
.compare-percentyl{margin-top:3px;font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;color:var(--on-surface-variant);cursor:help}
.compare-percentyl.stat-percentyl-wysoki{color:#14532d}
.compare-percentyl.stat-percentyl-niski{color:var(--error)}
.stats-legenda{margin:8px 0 0;font-size:11px;line-height:15px;color:var(--on-surface-variant)}
.stat-row-total{margin-top:6px;padding-top:10px;border-top:1px solid var(--surface-highest)}
.stat-row-total .stat-name,.stat-row-total .stat-value{font-size:16px;color:var(--on-surface)}
.detail-meta{display:flex;flex-wrap:wrap;gap:6px}
.abilities-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.abilities-list li{padding:12px 14px;background:var(--surface-low);border-radius:var(--radius-md)}
.ability-name{display:block;font-family:var(--font-display);font-size:15px;font-weight:700;text-transform:capitalize}
.ability-effect{display:block;font-size:14px;line-height:22px;color:var(--on-surface-variant);margin-top:2px}
.dex-gry{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.natura-wstep{margin:6px 0 0;font-size:12px;line-height:17px;color:var(--on-surface-variant)}
.natura-lista{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.natura-lista li{padding:10px 12px;background:var(--surface-low);border-radius:var(--radius-md)}
.natura-nazwa{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--tertiary);text-decoration:none}
.natura-nazwa:hover{text-decoration:underline}
.natura-efekt{margin-left:6px;font-size:11px;letter-spacing:0.02em;color:var(--on-surface-variant);white-space:nowrap}
.natura-powod{display:block;margin-top:3px;font-size:12px;line-height:17px;color:var(--on-surface-variant)}
.chip-natura{color:var(--tertiary);text-decoration:none;font-weight:600}
.chip-natura:hover{text-decoration:underline}
.natura-stopka{margin:6px 0 0;font-size:11px;line-height:15px;color:var(--on-surface-variant)}
.natura-uwagi{list-style:none;margin:8px 0 0;padding:8px 10px;display:grid;gap:5px;border-left:3px solid var(--tertiary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-low);font-size:12px;line-height:17px;color:var(--on-surface-variant)}
.natura-uwagi li::before{content:"Uwaga: ";font-weight:700;color:var(--on-surface)}
.evo-section{margin-top:var(--space-md)}
.evo-chain{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:8px}
.evo-card{width:132px;padding:10px 8px 12px;border-radius:var(--radius-lg);background:var(--surface-lowest);border:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:inherit;transition:transform 0.12s ease,border-color 0.12s ease}
.evo-card:hover{transform:translateY(-2px);border-color:var(--tertiary)}
.evo-card-current{border-color:var(--primary);border-width:2px}
.evo-card-id{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--on-surface-variant)}
.evo-card-sprite{width:76px;height:76px;border-radius:var(--radius-lg);background:radial-gradient(circle at top,#ffffff,var(--surface-low));display:flex;align-items:center;justify-content:center}
.evo-card-sprite img{max-width:64px;max-height:64px;image-rendering:pixelated}
.evo-card-name{font-family:var(--font-display);font-size:13px;font-weight:700;text-align:center}
.evo-card-cond{font-size:11px;line-height:1.4;color:var(--on-surface-variant);text-align:center}
.evo-card-more{display:block;color:var(--tertiary);font-weight:700}
.evo-cala-linia{margin-left:6px;font-size:11px;font-weight:700;color:var(--tertiary);text-decoration:none;white-space:nowrap}
.evo-cala-linia:hover,.evo-cala-linia:focus-visible{text-decoration:underline}
.evo-tree{display:grid;gap:var(--space-md);margin-top:var(--space-md)}
.evo-tree-stage-name{margin:0 0 8px;font:700 13px/18px var(--font-display);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:0.05em}
.evo-tree-level{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:var(--space-sm)}
.evo-tree-node{min-width:0;display:flex;flex-direction:column;align-items:center}
.evo-tree-card{width:100%;max-width:180px;flex:1 1 auto}
.evo-tree-path{min-height:74px;margin-bottom:6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;font-size:11px;line-height:15px;color:var(--on-surface-variant);text-align:center}
@media (max-width:480px){.evo-tree-level{grid-template-columns:repeat(2,minmax(0,1fr))}.evo-tree-path{min-height:0}}
.move-table-wrapper,.chart-wrapper,.compare-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}
.tabela-przewijalna{position:relative;margin-top:8px}
.tabela-przewijalna .move-table-wrapper{margin-top:0}
.tabela-podpowiedz{margin:0 0 6px;font-size:12.5px;line-height:1.4;color:var(--on-surface-variant);transition:opacity 160ms ease-out}
.tabela-przewijalna.na-koncu .tabela-podpowiedz,.tabela-przewijalna.bez-nadmiaru .tabela-podpowiedz{opacity:0}
.tabela-cien{position:absolute;top:auto;bottom:0;height:calc(100% - 24px);width:26px;pointer-events:none;opacity:1;transition:opacity 160ms ease-out}
.tabela-cien-lewy{left:0;background:linear-gradient(to right,rgba(26,28,28,0.14),rgba(26,28,28,0))}
.tabela-cien-prawy{right:0;background:linear-gradient(to left,rgba(26,28,28,0.14),rgba(26,28,28,0))}
.tabela-przewijalna.na-poczatku .tabela-cien-lewy,.tabela-przewijalna.na-koncu .tabela-cien-prawy,.tabela-przewijalna.bez-nadmiaru .tabela-cien{opacity:0}
.tabela-przewijalna .move-table-wrapper:focus-visible{outline:3px solid var(--tertiary);outline-offset:-3px;border-radius:var(--radius-sm)}
.move-table{width:100%;min-width:460px;border-collapse:collapse;font-size:14px;background:var(--surface-lowest);border-radius:var(--radius-md);overflow:hidden}
.move-table th,.move-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--surface-high);white-space:nowrap}
.move-table thead th{background:var(--surface-low);font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--on-surface-variant)}
.move-table tbody tr:hover{background:var(--tertiary-fixed)}
.move-table-list{min-width:560px}
.move-table-list .move-table-name{white-space:normal;min-width:200px;max-width:340px}
.move-table-name a{color:var(--on-surface);text-decoration:none;font-weight:700}
.move-table-effect{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--on-surface-variant);text-wrap:pretty}
.move-table-name a:hover{color:var(--tertiary);text-decoration:underline}
.move-table-class{font-size:13px;color:var(--on-surface-variant)}
.move-level{font-family:var(--font-display);font-weight:700;color:var(--primary);width:46px}
.move-table-compact th,.move-table-compact td{padding:7px 10px;font-size:13px}
.moves-section{margin-top:var(--space-md)}
.moves-hint{font-size:13px;color:var(--on-surface-variant);margin:6px 0 10px;line-height:21px}
.moves-group{margin-bottom:8px;border:1px solid #e0e0e0;border-radius:var(--radius-lg);background:var(--surface-lowest);overflow:hidden}
.moves-group-summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;font-size:14px;list-style:none}
.moves-group-summary::-webkit-details-marker{display:none}
.moves-group-summary::before{content:"▸";font-size:11px;color:var(--on-surface-variant);transition:transform 0.15s ease}
.moves-group[open] .moves-group-summary::before{transform:rotate(90deg)}
.moves-group-name{font-family:var(--font-display);font-weight:700}
.moves-group-count{font-size:11px;font-weight:700;padding:2px 9px;border-radius:var(--radius-full);background:var(--secondary-container);color:var(--on-secondary-container)}
.moves-group-hint{font-size:12px;color:var(--on-surface-variant)}
.dex-numbers{margin-top:6px;border:1px solid #e0e0e0;border-radius:var(--radius-md);background:var(--surface-low);overflow:hidden}
.dex-numbers>summary{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;list-style:none;font-size:13px}
.dex-numbers>summary::-webkit-details-marker{display:none}
.dex-numbers>summary::before{content:"▸";font-size:10px;color:var(--on-surface-variant);transition:transform 0.15s ease}
.dex-numbers[open]>summary::before{transform:rotate(90deg)}
.dex-numbers-title{font-family:var(--font-display);font-weight:700}
.dex-numbers-count{font-size:11px;font-weight:700;padding:1px 8px;border-radius:var(--radius-full);background:var(--secondary-container);color:var(--on-secondary-container)}
.dex-numbers-hint{margin:0;padding:0 12px 8px;font-size:11px;line-height:17px;color:var(--on-surface-variant)}
.dex-numbers-table{width:100%;border-collapse:collapse;font-size:12px}
.dex-numbers-table th,.dex-numbers-table td{padding:5px 12px;text-align:left;vertical-align:baseline;border-top:1px solid #ececec}
.dex-numbers-table th{font-weight:700;white-space:nowrap}
.dex-numbers-num{font-family:var(--font-mono,ui-monospace,"SFMono-Regular",Menlo,monospace);font-weight:700;white-space:nowrap;width:1%}
.dex-numbers-games{color:var(--on-surface-variant);line-height:24px}
.dex-numbers-table td.dex-numbers-games{padding-top:2px;padding-bottom:2px}
.dex-numbers-games a{padding:4.5px 3px}
.dex-numbers-table .dex-numbers-home{background:var(--surface-low)}
.dex-numbers-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--on-surface-variant);color:#fff;font-size:11px;font-weight:700;letter-spacing:0.02em;white-space:nowrap;vertical-align:1px}
.moves-owner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-sm);border-radius:var(--radius-xl);background:var(--surface-lowest);border:1px solid #e0e0e0}
.moves-owner img{image-rendering:pixelated}
.moves-owner-name{display:block;font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--on-surface);text-decoration:none;margin-bottom:4px}
.moves-owner-name:hover{color:var(--primary)}
.move-hero{display:flex;gap:8px;align-items:center;margin-bottom:var(--space-sm)}
.move-class{font-size:12px;font-weight:700;padding:5px 14px;border-radius:var(--radius-full);border:2px solid;background:var(--surface-lowest)}
.move-class-physical{color:#a1450a;border-color:#f0a05a}
.move-class-special{color:var(--tertiary);border-color:var(--tertiary-fixed-dim)}
.move-class-status{color:#047857;border-color:#6ee7b7}
.move-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;margin-bottom:var(--space-sm)}
.move-stat{padding:14px 12px;border-radius:var(--radius-lg);background:var(--surface-lowest);border:1px solid #e0e0e0;text-align:center}
.move-stat-label{display:block;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--on-surface-variant)}
.move-stat-value{display:block;font-family:var(--font-display);font-size:24px;font-weight:700;margin-top:2px}
.move-effect{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-lowest);border:1px solid #e0e0e0}
.move-effect p{margin:6px 0 0;font-size:16px;line-height:24px}
.usage-block{margin-top:10px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-lowest);border:1px solid #e0e0e0}
.usage-source,.usage-note{margin:4px 0 0;font-size:11px;line-height:16px;color:var(--text-muted);font-style:italic}
.usage-headline{margin:8px 0 4px;font-size:13px;line-height:19px}
.usage-formats{margin:6px 0 2px;gap:4px}
.usage-formats .filter-pill{font-size:11px;padding:3px 8px}
.usage-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:6px}
.usage-label{flex:0 0 auto;min-width:78px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em}
.usage-items{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 200px}
.move-flag-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:16px;line-height:24px}
.move-flag-list strong{white-space:nowrap}
.move-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-sm)}
.machine-block{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-lowest);border:1px solid #e0e0e0}
.machine-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.machine-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}
.machine-number{flex:0 0 auto;min-width:62px;text-align:center;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono,ui-monospace,"SFMono-Regular",Menlo,monospace);font-size:13px;font-weight:700;letter-spacing:0.04em;color:#fff;background:var(--on-surface-variant)}
.machine-tm{background:#2f6f9f}
.machine-hm{background:#4a7c59}
.machine-tr{background:#9a5b9a}
.machine-games{font-size:14px;line-height:22px;color:var(--on-surface-variant)}
.machine-note{margin:10px 0 0;font-size:12px;font-style:italic;color:var(--on-surface-variant)}
@media (max-width:480px){.machine-list li{gap:4px}.machine-games{flex:1 1 100%}}
.breadcrumbs{font-size:13px;color:var(--on-surface-variant);margin-bottom:var(--space-sm)}
.breadcrumbs a{color:var(--on-surface-variant)}
.ability-intro{font-size:16px;line-height:26px;margin:0 0 var(--space-sm);max-width:72ch}
.ability-detail{padding:var(--space-md);border-radius:var(--radius-xl);background:var(--surface-lowest);border:1px solid #e0e0e0;border-top:5px solid var(--tertiary-container)}
.ability-detail-effect{margin:0;font-size:18px;line-height:28px}
.ability-note{margin:8px 0 0;font-size:12px;font-style:italic;color:var(--on-surface-variant)}
.ability-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:8px}
.ability-index-item{display:block;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0;text-decoration:none;color:var(--on-surface);transition:border-color 0.12s ease}
.ability-index-item:hover{border-color:var(--tertiary)}
.ability-index-name{display:block;font-family:var(--font-display);font-weight:700;font-size:14px}
.ability-index-effect{display:block;font-size:12px;color:var(--on-surface-variant);line-height:18px;margin-top:3px}
.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:var(--space-sm)}
.type-card{display:block;padding:14px 16px;border-radius:var(--radius-lg);text-decoration:none;color:#fff;box-shadow:var(--shadow-1);transition:transform 0.12s ease,box-shadow 0.12s ease}
.type-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.type-card-name{display:block;font-family:var(--font-display);font-weight:800;font-size:17px;text-shadow:0 1px 3px rgba(0,0,0,0.28)}
.type-card-counts{display:block;font-size:11px;margin-top:3px;opacity:0.95;text-shadow:0 1px 3px rgba(0,0,0,0.28)}
.type-card.normal{background:#9a9a82;color:#292920}
.type-card.fire{background:#f48a45;color:#5a2502}
.type-card.water{background:#3b82f6;color:#01132f}
.type-card.electric{background:#facc15;color:#3d2f00}
.type-card.grass{background:#5dbb63;color:#163e19}
.type-card.ice{background:#4fd1c5;color:#10403c}
.type-card.fighting{background:#c53030}
.type-card.poison{background:#9f7aea;color:#250960}
.type-card.ground{background:#d97757;color:#40170a}
.type-card.flying{background:#8b5cf6}
.type-card.psychic{background:#fb7185;color:#630311}
.type-card.bug{background:#84cc16;color:#1f2d05}
.type-card.rock{background:#a16207}
.type-card.ghost{background:#6b21a8}
.type-card.dragon{background:#4c1d95}
.type-card.dark{background:#111827}
.type-card.steel{background:#9ca3af;color:#1f2937}
.type-card.fairy{background:#ec4899;color:#36021c}
.type-card.normal .type-card-name,.type-card.normal .type-card-counts,.type-card.fire .type-card-name,.type-card.fire .type-card-counts,.type-card.water .type-card-name,.type-card.water .type-card-counts,.type-card.electric .type-card-name,.type-card.electric .type-card-counts,.type-card.grass .type-card-name,.type-card.grass .type-card-counts,.type-card.ice .type-card-name,.type-card.ice .type-card-counts,.type-card.poison .type-card-name,.type-card.poison .type-card-counts,.type-card.ground .type-card-name,.type-card.ground .type-card-counts,.type-card.psychic .type-card-name,.type-card.psychic .type-card-counts,.type-card.bug .type-card-name,.type-card.bug .type-card-counts,.type-card.steel .type-card-name,.type-card.steel .type-card-counts,.type-card.fairy .type-card-name,.type-card.fairy .type-card-counts{text-shadow:none}
.type-hero{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:var(--space-sm)}
.type-hero-counts{display:flex;gap:6px}
.matchup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-sm)}
.matchup-col{padding:var(--space-md);border-radius:var(--radius-xl);background:var(--surface-lowest);border:1px solid #e0e0e0}
.matchup-title{font-size:18px;font-weight:700;margin:0}
.matchup-hint{margin:3px 0 12px;font-size:13px;color:var(--on-surface-variant)}
.matchup-block{margin-bottom:12px;padding-left:10px;border-left:4px solid transparent}
.matchup-good{border-left-color:#16a34a}
.matchup-bad{border-left-color:var(--error)}
.matchup-none{border-left-color:#6b7280}
.matchup-label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;color:var(--on-surface-variant);margin-bottom:6px}
.matchup-types{display:flex;flex-wrap:wrap;gap:5px}
.matchup-types .type-badge{text-decoration:none}
.type-mult{font-size:11px;opacity:0.9;margin-left:3px}
.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:var(--space-md)}
.section-header .chip{margin:0}
.section-link{font-size:13px;font-weight:700;color:var(--tertiary);text-decoration:none}
.section-link:hover,.section-link:focus-visible{text-decoration:underline}
.type-chart{border-collapse:collapse;font-size:12px;background:var(--surface-lowest)}
.type-chart th,.type-chart td{border:1px solid var(--surface-high);text-align:center;padding:3px 5px}
.type-chart .chart-corner{font-size:11px;color:var(--on-surface-variant);white-space:nowrap}
.type-chart .chart-head .type-badge{font-size:11px;padding:3px 4px}
.type-chart .chart-row-head{text-align:left;white-space:nowrap}
.type-chart .chart-row-head .type-badge{text-decoration:none}
.type-chart td{min-width:28px;font-weight:700}
.cell-super{background:rgba(22,163,74,0.2);color:#14532d}
.cell-weak{background:rgba(186,26,26,0.14);color:#7f1d1d}
.cell-zero{background:var(--inverse-surface);color:#fff}
.cell-normal{background:transparent}
.compare-table{width:100%;min-width:500px;border-collapse:collapse;font-size:14px;background:var(--surface-lowest);border-radius:var(--radius-md);overflow:hidden}
.compare-table th,.compare-table td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--surface-high)}
.compare-table thead th{position:relative;vertical-align:bottom;background:var(--surface-low)}
.compare-table tbody th{text-align:left;font-weight:700;color:var(--on-surface-variant);font-size:13px;white-space:nowrap;background:var(--surface-low)}
.compare-label-col{width:132px}
.compare-head-link{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:inherit}
.compare-head-name{font-family:var(--font-display);font-size:14px;font-weight:700}
.compare-head-id{font-size:11px;color:var(--on-surface-variant)}
.compare-remove{position:absolute;top:5px;right:7px;font-size:13px;text-decoration:none;color:var(--on-surface-variant);line-height:1}
.compare-remove:hover{color:var(--error)}
.compare-stat-value{font-family:var(--font-display);font-weight:700}
.compare-stat-bar{height:6px;margin-top:4px;background:var(--surface-highest);border-radius:var(--radius-full);overflow:hidden}
.compare-stat-bar span{display:block;height:100%;background:var(--primary)}
.compare-winner{background:rgba(22,163,74,0.14)}
.compare-winner .compare-stat-value::after{content:" ▲";font-size:10px;color:#15803d}
.compare-total-row td,.compare-total-row th{border-top:2px solid var(--surface-dim);font-size:15px}
.compare-abilities{font-size:12px;text-transform:capitalize}
.compare-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.compare-suggestion{display:inline-flex;align-items:center;gap:6px;padding:5px 14px 5px 5px;border-radius:var(--radius-full);background:var(--surface-lowest);border:1px solid #e0e0e0;text-decoration:none;color:var(--on-surface);font-size:13px}
.compare-suggestion:hover{border-color:var(--primary)}
.compare-suggestion img{image-rendering:pixelated}
.compare-suggestion-add{font-weight:700;color:var(--primary)}
.search-intro{margin-top:var(--space-sm);font-size:16px}
.search-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.search-examples .filter-pill{text-decoration:none}
.search-summary{margin:var(--space-sm) 0 0;font-size:14px;color:var(--on-surface-variant)}
.search-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.search-item{display:block;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0;text-decoration:none;color:var(--on-surface)}
.search-item:hover{border-color:var(--tertiary)}
.search-item-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.search-item-name{font-family:var(--font-display);font-weight:700;font-size:15px}
.search-item-meta{font-size:12px;color:var(--on-surface-variant)}
.search-item-desc{display:block;font-size:13px;color:var(--on-surface-variant);margin-top:3px;line-height:20px}
.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-sm);margin-top:var(--space-sm)}
.article-card{display:flex;flex-direction:column;padding:var(--space-md);border-radius:var(--radius-xl);background:var(--surface-lowest);border:1px solid #e0e0e0;border-top:5px solid var(--tertiary-container);text-decoration:none;color:var(--on-surface);transition:transform 0.12s ease,box-shadow 0.12s ease}
.article-card:hover,.article-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.article-card-meta{font-size:12px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:8px}
.article-card-title{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:28px;margin-bottom:8px}
.article-card-excerpt{font-size:14px;color:var(--on-surface-variant);line-height:22px}
.article-body h2{font-size:24px;line-height:32px;margin:28px 0 10px}
.article-body h3{font-size:18px;margin:22px 0 8px}
.article-body p,.article-body li{font-size:18px;line-height:28px}
.article-body ul,.article-body ol{padding-left:24px;margin:10px 0}
.article-body table{width:100%;border-collapse:collapse;font-size:15px;margin:16px 0}
.article-body th,.article-body td{padding:9px 12px;border-bottom:1px solid var(--surface-high);text-align:left}
.article-body thead th{background:var(--surface-low);font-size:13px;text-transform:uppercase;letter-spacing:0.05em}
.article-body blockquote{margin:16px 0;padding:12px 18px;border-left:4px solid var(--tertiary);background:var(--tertiary-fixed);border-radius:0 var(--radius) var(--radius) 0;font-size:16px}
.article-disclaimer{font-size:12px;line-height:19px;color:var(--on-surface-variant);padding:12px 16px;border-radius:var(--radius-md);background:var(--surface-low);margin:0 0 var(--space-sm)}
.site-footer{background:var(--surface-container);border-top:1px solid var(--surface-dim);margin-top:var(--space-lg)}
.site-footer-inner{max-width:1280px;margin:0 auto;padding:var(--space-md) var(--margin-desktop)}
.site-footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:10px}
.site-footer-nav a{font-size:14px;font-weight:700;color:var(--on-surface);text-decoration:none}
.site-footer-nav a:hover{color:var(--primary)}
.site-footer-text{font-size:14px;font-weight:700;color:var(--primary);display:block;margin-bottom:6px}
.site-footer-zgoda{appearance:none;padding:0;border:0;background:none;font:inherit;color:var(--tertiary);text-decoration:underline;cursor:pointer}
.site-footer-disclaimer{margin:0;font-size:12px;line-height:19px;color:var(--on-surface-variant);max-width:80ch}
.site-footer-disclaimer a{color:var(--on-surface-variant)}
.site-footer-polecamy{margin:0 0 8px;font-size:13px;line-height:22px;color:var(--on-surface-variant)}
.site-footer-polecamy-etykieta{display:inline-block;margin-right:6px;padding:0 8px;border-radius:999px;background:var(--tertiary);color:#fff;font-size:11px;font-weight:700;line-height:18px;letter-spacing:0.04em;text-transform:uppercase;vertical-align:1px}
.site-footer-polecamy a{color:var(--tertiary);font-weight:700}
@media (max-width:900px){.detail-layout{grid-template-columns:1fr}}
@media (max-width:1259px){.site-header-inner,.pokedex-shell,.site-footer-inner{padding-left:var(--margin-mobile);padding-right:var(--margin-mobile)}.site-header-inner{gap:10px}.site-search{order:2;flex:1 1 0px;min-width:0}.site-nav{order:1;flex:0 0 auto;padding-bottom:0}.site-nav-szuflada-przycisk{display:flex;align-items:center;gap:6px;width:44px;min-height:44px;padding:0;justify-content:center;border-radius:var(--radius-full);border:none;background:rgba(255,255,255,0.16);color:var(--on-primary);cursor:pointer;list-style:none;user-select:none}.site-nav-szuflada-przycisk::-webkit-details-marker{display:none}.site-nav-szuflada[open]>.site-nav-szuflada-przycisk{background:var(--secondary-container);color:var(--on-secondary-container)}.site-nav-szuflada-etykieta{display:none}.site-nav-szuflada-zamknij{display:none}.site-nav-szuflada[open] .site-nav-szuflada-otworz{display:none}.site-nav-szuflada[open] .site-nav-szuflada-zamknij{display:block}.site-nav-szuflada[open]>.site-nav-pozycje,.site-nav-szuflada>.site-nav-pozycje{display:none}.site-nav-sekcje{display:none}.site-nav-szuflada[open]>.site-nav-sekcje{position:absolute;top:100%;left:0;right:0;height:calc(100dvh - 68px);z-index:55;display:block;width:100%;margin:0;padding:14px 16px 28px;background:var(--surface-lowest);overflow-y:auto;-webkit-overflow-scrolling:touch}.site-sekcja-kafel{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border-radius:var(--radius-md);background:var(--surface-low);font-size:15px;font-weight:700;color:var(--on-surface);text-decoration:none}.site-sekcja-kafel:hover{background:var(--surface-container);color:var(--on-surface)}.site-sekcja-kafel.is-active{background:var(--secondary-container);color:var(--on-secondary-container)}.site-sekcja-kafel-glowny{width:100%}.site-sekcja-kafel-znak{display:flex;flex-shrink:0;color:var(--primary)}.site-sekcja-siatka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.site-sekcja-lista{display:flex;flex-direction:column;gap:2px}.site-sekcja-wiersz{display:flex;align-items:center;min-height:48px;padding:0 14px;border-radius:var(--radius-md);font-size:15px;font-weight:700;color:var(--on-surface);text-decoration:none}.site-sekcja-wiersz:hover{background:var(--surface-container);color:var(--on-surface)}.site-sekcja-wiersz.is-active{background:var(--secondary-container);color:var(--on-secondary-container)}.site-sekcja-naglowek{font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--on-surface-variant);margin:18px 0 6px;padding:0 4px}.site-sekcja-siatka + .site-sekcja-naglowek{margin-top:4px}.site-nav-link{padding:12px 4px}.site-header{max-height:none;overflow-x:clip;overflow-y:visible;transition:transform 180ms ease-out}.site-header.naglowek-schowany{transform:translateY(-100%)}}
@media (max-width:1259px) and (prefers-reduced-motion:reduce){.site-header{transition:none}}
@media (max-width:1259px){.site-logo{flex:0 1 auto;min-width:0}@media (max-width:480px){.site-logo-text{display:none}.site-logo{min-width:44px;min-height:44px;justify-content:center}}}
@media (max-width:720px){.site-search{height:44px;padding-top:0;padding-right:0;padding-bottom:0}.site-search input,.site-search button{height:44px}.site-search button{width:44px}a.filter-pill,button.filter-pill,.site-footer-nav a{min-height:44px;align-items:center}.pokedex-title{font-size:28px;line-height:36px}.moves-group-hint{display:none}.article-body p,.article-body li{font-size:16px;line-height:26px}.pokemon-grid-inner{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.pokedex-title-num{font-size:0.5em;font-weight:700;color:var(--on-surface-variant);margin-left:10px;vertical-align:middle}
:root{--paper:#fdfbf7;--paper-warm:#fcf9f2;--paper-line:#d9d2c5;--ink:#3d3126;--font-hand:'Caveat',cursive}
.paper-texture{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}
body{background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%233d3126' stroke-width='2' opacity='0.10'%3E%3Ccircle cx='52' cy='48' r='26'/%3E%3Cpath d='M26 48h52'/%3E%3Ccircle cx='52' cy='48' r='8'/%3E%3Ccircle cx='172' cy='150' r='26'/%3E%3Cpath d='M146 150h52'/%3E%3Ccircle cx='172' cy='150' r='8'/%3E%3Cpath d='M168 34l-14 26h12l-8 22 22-30h-13l9-18z' stroke-linejoin='round'/%3E%3Cpath d='M60 176l-14 26h12l-8 22 22-30h-13l9-18z' stroke-linejoin='round'/%3E%3Cpath d='M212 74c0 8 4 12 12 12-8 0-12 4-12 12 0-8-4-12-12-12 8 0 12-4 12-12z'/%3E%3Cpath d='M112 108c0 8 4 12 12 12-8 0-12 4-12 12 0-8-4-12-12-12 8 0 12-4 12-12z'/%3E%3Cpath d='M18 122c0 6 3 9 9 9-6 0-9 3-9 9 0-6-3-9-9-9 6 0 9-3 9-9z'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat,repeat}
body.body-tekst{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}
.screen{background-color:var(--paper-warm);border:1px solid #e5ded0;border-radius:var(--radius-sm);box-shadow:2px 3px 8px rgba(0,0,0,0.06)}
.screen-label{font-family:var(--font-hand);font-size:26px;font-weight:700;color:var(--ink)}
.pokemon-card{background-color:var(--paper);border-radius:var(--radius-sm);border:1px solid #e5ded0;border-top-width:8px;box-shadow:2px 3px 6px rgba(0,0,0,0.05);overflow:visible}
.pokemon-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 10px 25px -5px rgba(0,0,0,0.12)}
.pokemon-card::after{display:none}
.pokemon-grid-inner>.pokemon-card:nth-child(3n){transform:rotate(0.5deg)}
.pokemon-grid-inner>.pokemon-card:nth-child(4n+1){transform:rotate(-0.6deg)}
.pokemon-grid-inner>.pokemon-card:nth-child(3n):hover,.pokemon-grid-inner>.pokemon-card:nth-child(4n+1):hover{transform:translateY(-4px) rotate(-1deg)}
.pokemon-name{font-family:var(--font-display)}
.pokemon-id{font-family:var(--font-hand);font-size:17px;color:var(--ink)}
.pokemon-stat-total{font-family:var(--font-hand);font-size:15px}
.filter-pill{background:var(--paper);border:1px solid #ddd5c6;border-radius:var(--radius-sm)}
.filter-pill.active{background:var(--primary);border-color:var(--primary)}
.search-field{background:var(--paper);border-bottom:2px solid var(--paper-line);border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.search-field input{font-family:var(--font-hand);font-size:20px}
.search-field input::placeholder{font-family:var(--font-body);font-size:15px}
.chip{background:var(--surface-container);border-radius:var(--radius-sm)}
.badge-small{font-family:var(--font-hand);font-size:15px;color:var(--ink)}
.pokedex-subtitle{font-family:var(--font-hand);font-size:18px;text-transform:none;letter-spacing:0;color:var(--ink)}
.moves-group,.move-stat,.move-effect,.matchup-col,.ability-detail,.ability-index-item,.search-item,.error-link,.location-card,.item-evo,.dmg-mods-side,.iv-row,.wersja-kafel,.item-kafel,.article-card,.moves-owner,.stats-grid,.detail-image-panel,.evo-card,.compare-table,.move-table{background-color:var(--paper);border-color:#e5ded0}
.article-card,.ability-detail,.detail-image-panel,.matchup-col,.moves-owner{border-radius:var(--radius-sm)}
.move-table thead th,.compare-table thead th,.compare-table tbody th{background:#f4efe4}
.move-table tbody tr:hover{background:#f7f2e6}
.empty-state{background:var(--paper-warm);border:1px dashed var(--paper-line);border-radius:var(--radius-sm);font-family:var(--font-hand);font-size:20px}
.type-card{border-radius:var(--radius-sm)}
.site-footer{background:#f2ece0;border-top:1px solid var(--paper-line)}
.pokemon-card.normal{border-top-color:#9a9a82}
.pokemon-card.fire{border-top-color:#f48a45}
.pokemon-card.water{border-top-color:#3b82f6}
.pokemon-card.electric{border-top-color:#facc15}
.pokemon-card.grass{border-top-color:#5dbb63}
.pokemon-card.ice{border-top-color:#4fd1c5}
.pokemon-card.fighting{border-top-color:#c53030}
.pokemon-card.poison{border-top-color:#9f7aea}
.pokemon-card.ground{border-top-color:#d97757}
.pokemon-card.flying{border-top-color:#8b5cf6}
.pokemon-card.psychic{border-top-color:#fb7185}
.pokemon-card.bug{border-top-color:#84cc16}
.pokemon-card.rock{border-top-color:#a16207}
.pokemon-card.ghost{border-top-color:#6b21a8}
.pokemon-card.dragon{border-top-color:#4c1d95}
.pokemon-card.dark{border-top-color:#111827}
.pokemon-card.steel{border-top-color:#9ca3af}
.pokemon-card.fairy{border-top-color:#ec4899}
.journal{position:relative;background-color:var(--paper-warm);border:1px solid #e6dfd1;border-radius:var(--radius-sm);box-shadow:0 10px 30px -12px rgba(61,49,38,0.28);padding:var(--space-md);margin-top:var(--space-md)}
.journal-tape{position:absolute;top:-11px;width:88px;height:24px;background:rgba(255,255,255,0.55);box-shadow:0 1px 4px rgba(0,0,0,0.14);backdrop-filter:blur(2px);border-radius:2px}
.journal-tape-l{left:34px;transform:rotate(-3deg)}
.journal-tape-r{right:34px;transform:rotate(2.5deg)}
.journal-rings{position:absolute;top:12%;bottom:12%;left:50%;width:16px;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:space-around;align-items:center;pointer-events:none}
.journal-rings span{width:14px;height:14px;border-radius:var(--radius-full);background:var(--surface-container);box-shadow:inset 0 1px 2px rgba(0,0,0,0.22)}
.journal-inner{position:relative}
.journal-spread{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);position:relative}
.journal-spread::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--paper-line) 12%,var(--paper-line) 88%,transparent)}
.journal-page{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}
.journal-photo{position:relative;background:#fff;padding:12px 12px 26px;border:1px solid #e8e0d2;box-shadow:2px 3px 10px rgba(0,0,0,0.1);transform:rotate(-1.2deg);align-self:center;max-width:300px}
.journal-photo::before{content:"";position:absolute;top:-10px;left:50%;transform:translateX(-50%) rotate(-2deg);width:62px;height:18px;background:rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.15)}
.journal-photo img{display:block;width:100%;image-rendering:pixelated;background:radial-gradient(circle at 50% 45%,#ffffff,#f4efe4)}
.journal-heading{font-family:var(--font-hand);font-size:26px;font-weight:700;color:var(--ink);margin:0 0 2px;display:flex;align-items:center;gap:8px}
.journal-heading::before{content:"";width:16px;height:3px;background:var(--primary);border-radius:var(--radius-full)}
.journal-right>div:has(>.journal-heading) p{font-family:var(--font-hand);font-size:20px;line-height:32px;color:var(--ink);background:repeating-linear-gradient(180deg,transparent 0 31px,var(--paper-line) 31px 32px);padding:2px 4px;margin:4px 0 0}
.detail-physical{border-top:1px dashed var(--paper-line);border-bottom:1px dashed var(--paper-line);padding:10px 0;background:none}
.detail-physical span{background:none;font-family:var(--font-hand);font-size:19px;color:var(--ink);padding:0}
.journal-right .abilities-list li{background:#fff;border:1px solid #ece4d6;border-radius:var(--radius-sm);position:relative;padding-left:38px}
.journal-right .abilities-list li::before{content:"✓";position:absolute;left:13px;top:13px;width:17px;height:17px;border:2px solid var(--primary);border-radius:2px;color:var(--primary);font-family:var(--font-body);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.journal-page .stats-grid{background:#fff;border:1px solid #ece4d6;border-radius:var(--radius-sm)}
@media (max-width:900px){.journal-spread{grid-template-columns:1fr;gap:var(--space-md)}.journal-spread::before,.journal-rings{display:none}.journal-tape-l{left:50%;transform:translateX(-50%) rotate(-3deg)}.journal-tape-r{display:none}}
.game-cover{width:100%;max-width:240px;aspect-ratio:5 / 7;background:#fff;padding:10px 10px 22px;border:1px solid #e8e0d2;box-shadow:2px 3px 10px rgba(0,0,0,0.12);transform:rotate(-1deg);position:relative;align-self:center}
.game-cover::before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(-2deg);width:56px;height:16px;background:rgba(255,255,255,0.6);box-shadow:0 1px 3px rgba(0,0,0,0.15)}
.game-cover img{width:100%;height:100%;object-fit:contain;display:block}
.game-cover-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-low);color:var(--on-surface-variant);font-family:var(--font-hand);font-size:18px}
.game-about p{font-size:17px;line-height:28px;margin:6px 0 0;max-width:70ch}
.game-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px 16px;background:var(--paper);border:1px solid #e5ded0;border-top:8px solid var(--primary);border-radius:var(--radius-sm);box-shadow:2px 3px 6px rgba(0,0,0,0.05);text-decoration:none;color:var(--on-surface);transition:transform 0.14s ease,box-shadow 0.14s ease}
.game-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 10px 25px -5px rgba(0,0,0,0.12)}
.game-card img{width:100%;max-width:150px;aspect-ratio:4 / 5;object-fit:contain;border:1px solid #e8e0d2;background:#fff}
.game-card-platform{font-family:var(--font-hand);font-size:16px;color:var(--ink)}
.game-card-name{font-family:var(--font-display);font-size:15px;font-weight:700;text-align:center}
.game-card-meta{font-size:12px;color:var(--on-surface-variant);text-align:center}
.games-gen{margin-bottom:var(--space-md)}
.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--space-sm);margin-top:10px}
.calc-result{margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-md);background:var(--paper);border:1px solid #e5ded0;border-radius:var(--radius-sm)}
.calc-examples{margin-top:var(--space-md)}
.calc-layout{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:var(--space-md);align-items:start;margin-top:var(--space-sm)}
.calc-controls,.calc-output{min-width:0}
.calc-owner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);margin-bottom:var(--space-sm);background:var(--paper);border:1px solid #e5ded0;border-radius:var(--radius-sm)}
.calc-owner img{image-rendering:pixelated}
.calc-natures{max-height:190px;overflow-y:auto;padding:4px;border:1px dashed var(--paper-line);border-radius:var(--radius-sm)}
.calc-value{font-family:var(--font-display);font-size:16px;font-weight:700}
.calc-up .calc-value{color:#15803d}
.calc-down .calc-value{color:var(--error)}
.calc-badge-up,.calc-badge-down{font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}
.calc-badge-up{background:rgba(22,163,74,0.16);color:#15803d}
.calc-badge-down{background:rgba(186,26,26,0.14);color:var(--error)}
.calc-formula{padding:12px 16px;font-size:14px;line-height:22px}
.calc-formula p{margin:0 0 10px}
@media (max-width:900px){.calc-layout{grid-template-columns:1fr}}
.hero{background:linear-gradient(180deg,rgba(188,1,0,0.06),transparent 70%),var(--paper-warm);border-bottom:1px solid #e8e0d2;padding:var(--space-lg) 0}
.hero-inner{max-width:1280px;margin:0 auto;padding:0 var(--margin-desktop);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-lg);align-items:center}
.hero-title{font-size:48px;font-weight:800;line-height:56px;letter-spacing:-0.02em;color:var(--primary);margin:0 0 var(--space-sm)}
.hero-lead{font-size:18px;line-height:28px;color:var(--on-surface);margin:0 0 var(--space-md);max-width:52ch}
.hero-search{display:flex;gap:8px;margin-bottom:var(--space-sm)}
.hero-search input{flex:1;min-width:0;font:inherit;font-size:16px;padding:12px 18px;border-radius:var(--radius-sm);border:1px solid #ddd5c6;border-bottom-width:2px;background:var(--paper);color:var(--on-surface)}
.hero-search input:focus{outline:none;border-bottom-color:var(--tertiary)}
.hero-links{display:flex;flex-wrap:wrap;gap:6px}
.hero-links .filter-pill{text-decoration:none}
.hero-card{position:relative;background:var(--paper);border:1px solid #e5ded0;border-top:8px solid var(--secondary-container);border-radius:var(--radius-sm);box-shadow:2px 4px 14px rgba(0,0,0,0.08);padding:var(--space-md)}
.hero-card-badge{position:absolute;top:-14px;left:var(--space-md);background:var(--secondary-container);color:var(--on-secondary-container);font-size:12px;font-weight:700;padding:4px 14px;border-radius:var(--radius-full)}
.hero-card-body{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--space-sm);align-items:start;margin-top:6px}
.hero-card-sprite{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#ffffff,var(--surface-low));border-radius:var(--radius-sm);padding:6px}
.hero-card-sprite img{image-rendering:pixelated}
.hero-card-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.hero-card-name{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--on-surface);margin:0}
.hero-card-id{font-family:var(--font-hand);font-size:18px;color:var(--on-surface-variant)}
.hero-card-desc{font-size:14px;line-height:22px;color:var(--on-surface-variant);margin:8px 0}
.hero-card-stats{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-sm)}
.hero-stat{display:grid;grid-template-columns:42px 1fr 32px;align-items:center;gap:8px}
.hero-stat-label{font-size:11px;font-weight:700;color:var(--on-surface-variant);margin:0}
.hero-stat-value{font-family:var(--font-display);font-size:13px;font-weight:700;text-align:right;margin:0}
.hero-card-cta{display:inline-block;text-decoration:none}
.home-section{margin-top:var(--space-lg)}
.home-section-title{font-family:var(--font-display);font-size:28px;font-weight:700;margin:0}
.article-card-news{border-top-color:var(--primary)}
.article-card-archiwum{border-color:#e6dfd1;border-top-color:var(--secondary-container);border-radius:var(--radius);background-color:var(--paper-warm);color:var(--ink);box-shadow:inset 0 0 26px rgba(140,110,55,0.1)}
.article-card-archiwum:hover{box-shadow:var(--shadow-2),inset 0 0 26px rgba(140,110,55,0.1)}
.article-card-archiwum-stopka{margin-top:auto;border-top:1px dashed var(--paper-line);padding-top:8px;font-size:12px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--on-surface-variant)}
.article-card-sprites{display:flex;flex-direction:row-reverse;justify-content:flex-start;margin-top:auto;padding-top:10px}
.article-card-sprites img{width:48px;height:48px;margin-right:-14px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 0.18))}
.article-card-sprites img:first-child{margin-right:0}
.home-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-sm);margin-top:var(--space-sm)}
.home-tile{display:flex;flex-direction:column;padding:var(--space-md);background:var(--paper);border:1px solid #e5ded0;border-radius:var(--radius-sm);text-decoration:none;color:var(--on-surface);transition:transform 0.14s ease,box-shadow 0.14s ease}
.home-tile:hover,.home-tile:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-2)}
.home-tile-num{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1;color:var(--primary)}
.home-tile-name{font-family:var(--font-hand);font-size:21px;color:var(--ink);margin:2px 0 6px}
.home-tile-desc{font-size:13px;line-height:20px;color:var(--on-surface-variant)}
@media (max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}.hero-title{font-size:32px;line-height:40px}.hero-card-body{grid-template-columns:110px minmax(0,1fr)}}
@media (max-width:720px){.hero-inner{padding:0 var(--margin-mobile)}.hero{padding:var(--space-md) 0}}
@media (max-width:320px){.hero-search{flex-direction:column}.hero-search .nav-button{width:100%}.hero-card{padding:16px}.hero-card-body{grid-template-columns:minmax(0,1fr)}.hero-card-sprite{width:100%;max-width:150px;margin:0 auto}.article-card{padding:16px}.section-header{align-items:flex-start;flex-direction:column;gap:4px}}
.news-list{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-md)}
.news-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:start;padding:14px 12px;border-bottom:1px solid var(--paper-line);text-decoration:none;color:inherit;transition:background 0.15s ease}
.news-item:hover{background:var(--paper-warm)}
.news-item-date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 0;background:var(--paper-warm);border:1px solid var(--paper-line);border-radius:var(--radius-sm);line-height:1.1}
.news-item-day{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--primary)}
.news-item-month{font-size:11px;color:var(--text-muted)}
.news-list-kalendarium .news-item{grid-template-columns:78px 1fr auto}
.news-item-text{display:flex;flex-direction:column;gap:4px}
.news-item-title{font-weight:700;font-size:16px;line-height:22px}
.news-item:hover .news-item-title{color:var(--primary)}
.news-item-excerpt{font-size:14px;line-height:21px;color:var(--text-muted)}
.news-badge{display:inline-block;vertical-align:2px;margin-right:6px;padding:1px 7px;border-radius:999px;background:var(--primary);color:#fff;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase}
.news-badge-archiwum{background:var(--secondary-container);color:var(--on-secondary-container)}
.news-item-sprites{display:flex;align-self:center;flex-direction:row-reverse;padding-left:12px}
.news-item-sprites img{width:56px;height:56px;margin-left:-18px;image-rendering:pixelated;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 0.18))}
.news-item-sprites img:first-child{margin-left:0}
.news-item:hover .news-item-sprites img:first-child{transform:translateY(-2px);transition:transform 0.15s ease}
@media (max-width:560px){.news-item{grid-template-columns:72px 1fr;gap:10px;padding:12px 4px}.news-item-day{font-size:18px}.news-item-sprites{grid-column:2;align-self:start;justify-content:flex-end;padding:4px 0 0}.news-item-sprites img{width:44px;height:44px;margin-left:-14px}}
.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:var(--space-md)}
.duel-side{display:flex;flex-direction:column;align-items:center;gap:8px}
.duel-label{font-size:11px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-muted)}
.duel-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;width:100%;background:var(--paper-warm);border:1px solid var(--paper-line);border-radius:var(--radius-md);text-decoration:none;color:inherit}
.duel-card img{image-rendering:pixelated}
.duel-name{font-family:var(--font-display);font-weight:700;font-size:16px;text-align:center}
.duel-vs{font-family:var(--font-hand,var(--font-display));font-size:24px;color:var(--text-muted)}
.dmg-result{padding:16px;background:var(--paper-warm);border:1px solid var(--paper-line);border-radius:var(--radius-md);scroll-margin-top:88px}
.dmg-result:target{animation:dmg-wynik-blysk 1.6s ease-out 1}
@keyframes dmg-wynik-blysk{from{background:var(--secondary-container);border-color:var(--primary)}to{background:var(--paper-warm);border-color:var(--paper-line)}}
@media (prefers-reduced-motion:reduce){.dmg-result:target{animation:none;border-color:var(--primary)}}
.dmg-werdykt{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;padding:10px 14px;border-left:4px solid currentColor;border-radius:var(--radius-sm);background:rgba(0,0,0,0.04)}
.dmg-werdykt-etykieta{font-family:var(--font-display);font-size:22px;font-weight:800;line-height:26px}
.dmg-werdykt-opis{font-size:13px;line-height:18px;color:var(--text-muted)}
.dmg-werdykt-ohko{color:#14532d}
.dmg-werdykt-ryzyko{color:#92400e}
.dmg-werdykt-ciosy{color:var(--tertiary)}
.dmg-werdykt-zero{color:var(--text-muted)}
.dmg-headline{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px}
.dmg-range{font-family:var(--font-display);font-size:34px;font-weight:800;color:var(--primary);line-height:1}
.dmg-unit{font-size:14px;color:var(--text-muted)}
.dmg-percent{flex-basis:100%;font-size:14px;color:var(--text-muted)}
.dmg-bar{position:relative;height:14px;background:rgba(0,0,0,0.07);border-radius:var(--radius-full);overflow:hidden;margin-bottom:12px}
.dmg-bar-min,.dmg-bar-max{position:absolute;top:0;left:0;height:100%;border-radius:var(--radius-full)}
.dmg-bar-max{background:rgba(188,1,0,0.32)}
.dmg-bar-min{background:var(--primary);z-index:1}
.dmg-verdict{margin:0 0 12px;font-size:15px;line-height:22px}
.dmg-factors{display:flex;flex-wrap:wrap;gap:6px}
.dmg-factors .chip-good{background:rgba(22,163,74,0.16);color:#15803d}
.dmg-factors .chip-bad{background:rgba(186,26,26,0.14);color:var(--error)}
.dmg-note{margin:10px 0 0;font-size:14px;color:var(--text-muted)}
.dmg-row-active{background:rgba(188,1,0,0.07)}
@media (max-width:560px){.duel{grid-template-columns:1fr}.duel-vs{justify-self:center}.dmg-range{font-size:28px}}
.error-lead{margin-top:var(--space-sm)}
.error-lead-text{margin:0;font-size:16px;line-height:24px;color:var(--on-surface-variant);max-width:62ch}
.error-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:8px}
.error-link{display:block;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0;text-decoration:none;color:var(--on-surface)}
.error-link:hover{border-color:var(--tertiary)}
.error-link-name{display:block;font-family:var(--font-display);font-weight:700;font-size:15px}
.error-link-desc{display:block;font-size:13px;line-height:19px;color:var(--on-surface-variant);margin-top:3px}
.suggest-wrap{position:relative;flex:1;min-width:0}
.suggest-wrap>input{width:100%}
.suggest-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;margin:0;padding:4px;list-style:none;background:var(--surface-lowest);border-radius:var(--radius-md);box-shadow:0 12px 28px rgba(0,0,0,0.22);max-height:min(64vh,420px);overflow-y:auto;min-width:300px}
.suggest-list[hidden]{display:none}
.suggest-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius);cursor:pointer;color:var(--on-surface)}
.suggest-item.is-active{background:var(--surface-container)}
.suggest-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--on-surface-variant)}
.suggest-icon img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}
.suggest-text{min-width:0;display:flex;flex-direction:column}
.suggest-label{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-sublabel{font-size:12px;line-height:16px;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-item-all{margin-top:4px;border-top:1px solid var(--surface-high);border-radius:0 0 var(--radius) var(--radius);padding-top:10px;font-size:13px;color:var(--tertiary);font-weight:500}
@media (max-width:720px){.suggest-list{min-width:0}}
.location-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;margin-top:8px}
.location-card{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0;text-decoration:none;color:var(--on-surface)}
.location-card:hover{border-color:var(--tertiary)}
.location-card-name{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:19px}
.location-card-meta{font-size:12px;color:var(--on-surface-variant)}
.trainer-region + .trainer-region{margin-top:28px}
.trainer-region-title{margin:0;padding-bottom:6px;border-bottom:2px solid var(--outline-variant);font-size:20px;letter-spacing:0.02em}
.trainer-region-intro{margin:10px 0 0;max-width:760px;font-size:14px;line-height:1.6;color:var(--on-surface-variant)}
.trainer-role-title{margin:22px 0 0;font-size:16px;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;color:var(--on-surface-variant)}
.trainer-role-intro{margin:8px 0 0;max-width:760px;font-size:14px;line-height:1.6;color:var(--on-surface-variant)}
.trainer-other-roles{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--primary);background:var(--surface-low);border-radius:0 var(--radius-md) var(--radius-md) 0}
.trainer-other-roles-lead{margin:0;font-size:14px;line-height:1.6;color:var(--on-surface-variant)}
.trainer-other-roles-list{margin:6px 0 0;padding-left:20px;font-size:14px;line-height:1.7}
.trainer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:16px}
.trainer-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:7px;padding:14px;color:var(--on-surface);text-align:center;text-decoration:none;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);transition:transform 0.12s ease,border-color 0.12s ease,box-shadow 0.12s ease}
.trainer-card:hover,.trainer-card:focus-within{transform:translateY(-2px);border-color:var(--tertiary);box-shadow:var(--shadow-1)}
.trainer-card-profile{display:flex;min-width:0;flex-direction:column;align-items:center;gap:7px;color:inherit;text-decoration:none}
.trainer-card-profile:focus-visible,.trainer-card-city:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.trainer-card-sprite{display:grid;width:176px;height:176px;place-items:end center}
.trainer-card-sprite img{display:block;width:176px;height:176px;object-fit:contain;image-rendering:pixelated}
.trainer-card-name{font-family:var(--font-display);font-size:19px;font-weight:800;line-height:1.2}
.trainer-card-title,.trainer-card-meta{font-size:12px;line-height:17px;color:var(--on-surface-variant)}
.trainer-card-title{min-height:34px}
.trainer-card-city{font-size:13px;font-weight:700;color:var(--primary)}
.trainer-profile{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:24px;align-items:start;margin-top:14px}
.trainer-portrait{display:grid;min-height:226px;place-items:end center;padding:12px;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg)}
.trainer-portrait img{display:block;width:176px;height:176px;object-fit:contain;image-rendering:pixelated}
.trainer-profile-main{min-width:0}
.trainer-profile-title{margin:0 0 12px;font-family:var(--font-display);font-size:20px;line-height:1.3}
.trainer-facts,.location-lore-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.trainer-fact,.location-lore-fact{min-width:0;padding:9px 11px;background:var(--surface-low);border-radius:var(--radius-md)}
.trainer-fact dt,.location-lore-fact dt{margin-bottom:2px;font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--on-surface-variant)}
.trainer-fact dd,.location-lore-fact dd{margin:0;overflow-wrap:anywhere;font-size:14px;line-height:19px}
.trainer-copy,.location-lore-copy{margin:14px 0 0;line-height:1.65}
.location-lore{margin:18px 0;padding:14px;background:var(--tertiary-container);border:1px solid color-mix(in srgb,var(--tertiary) 35%,transparent);border-radius:var(--radius-lg)}
.location-lore .section-header{margin-top:0}
.location-leader-card{display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;color:var(--on-surface);text-decoration:none;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md)}
.location-leader-card:hover,.location-leader-card:focus-visible{border-color:var(--tertiary)}
.location-leader-card img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}
.location-leader-name{display:block;font-family:var(--font-display);font-size:17px;font-weight:800}
.location-leader-meta{display:block;margin-top:2px;font-size:12px;color:var(--on-surface-variant)}
@media (max-width:600px){.trainer-profile{grid-template-columns:1fr}.trainer-portrait{min-height:196px}.trainer-facts,.location-lore-facts{grid-template-columns:1fr}}
.mapa-note{margin:8px 0 0;font-size:13px;line-height:19px;color:var(--on-surface-variant)}
.mapa-ramka{margin-top:12px;padding:8px;overflow-x:auto;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md)}
.mapa-regionu{display:block;width:100%;height:auto}
.mapa-krawedz{stroke:var(--outline);stroke-width:2;stroke-linecap:round;opacity:0.5}
.mapa-krawedz-woda{stroke:var(--tertiary);stroke-dasharray:5 4;opacity:0.7}
.mapa-wezel .mapa-punkt{fill:var(--surface-lowest);stroke:var(--on-surface-variant);stroke-width:2}
.mapa-wezel-miasto .mapa-punkt,.mapa-wezel-liga .mapa-punkt{fill:var(--secondary-container);stroke:var(--on-surface)}
.mapa-wezel-miejsce .mapa-punkt{fill:var(--surface-container);stroke:var(--on-surface-variant)}
.mapa-wezel-wnetrze .mapa-punkt{fill:var(--surface-dim);stroke:var(--on-surface);stroke-dasharray:3 2}
.mapa-krawedz-wejscie{stroke:var(--on-surface-variant);stroke-width:1.5;stroke-dasharray:2 3;opacity:0.55}
.mapa-wezel-woda .mapa-punkt{fill:var(--tertiary-fixed);stroke:var(--tertiary)}
.mapa-wezel-aktywny .mapa-punkt{fill:var(--primary);stroke:var(--primary)}
.mapa-wezel:hover .mapa-punkt,.mapa-wezel:focus .mapa-punkt{fill:var(--tertiary-container);stroke:var(--tertiary)}
.mapa-numer,.mapa-etykieta{text-anchor:middle;fill:var(--on-surface);font-family:var(--font-display)}
.mapa-numer{font-size:12px;font-weight:700}
.mapa-etykieta{font-size:12px;font-weight:700;letter-spacing:0.01em}
.mapa-wezel-aktywny .mapa-numer{fill:var(--on-primary)}
.mapa-wezel:hover .mapa-numer{fill:var(--on-tertiary)}
.exit-note{margin:8px 0 0;font-size:13px;line-height:19px;color:var(--on-surface-variant)}
.exit-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.exit-label{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:0.04em;text-transform:uppercase;color:var(--on-surface-variant)}
.exit-arrow{font-size:16px;line-height:1;color:var(--tertiary)}
.encounter-method{margin:12px 0 0;font-size:13px;font-style:italic;color:var(--on-surface-variant)}
.encounter-versions{font-size:11px;color:var(--on-surface-variant);margin-top:2px}
.encounter-warunki-znak{display:block;margin-top:1px;font-weight:700;color:var(--on-surface-variant)}
.encounter-warunki{margin-top:10px}
.crumb-link{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}
.crumb-link:hover{color:var(--tertiary)}
.filter-count{font-size:11px;font-weight:700;opacity:0.65}
.game-card-count{display:block;margin-top:4px;font-size:11px;line-height:15px;color:var(--on-surface-variant)}
.game-card-desc{display:block;margin-top:6px;font-size:12px;line-height:17px;color:var(--on-surface-variant);text-align:left}
.item-evo-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.item-evo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0}
.item-evo-side{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--on-surface);font-family:var(--font-display);font-weight:700;font-size:14px}
.item-evo-side:hover{color:var(--tertiary)}
.item-evo-side img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}
.item-evo-arrow{color:var(--on-surface-variant);font-size:18px}
.item-evo-cond{margin-left:auto;font-size:12px;color:var(--on-surface-variant);text-align:right}
@media (max-width:560px){.item-evo-cond{margin-left:0;flex-basis:100%;text-align:left}}
.evo-items{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}
.evo-items-label{font-size:12px;color:var(--on-surface-variant)}
.chip-link{text-decoration:none;color:var(--tertiary);border:1px solid currentColor}
.chip-link:hover{background:var(--tertiary);color:var(--on-tertiary)}
.chip-wyroznik{background:var(--secondary-container);color:var(--on-secondary-container);border-color:var(--on-secondary-container);font-weight:700;letter-spacing:0.4px}
.odpornosci{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.odpornosci-grupa{display:grid;grid-template-columns:116px 1fr;align-items:start;gap:10px;padding:6px 0;border-top:1px solid var(--paper-line)}
.odpornosci-grupa:first-child{border-top:none}
.odpornosci-etykieta{font-size:11px;font-weight:700;line-height:20px;text-transform:uppercase;letter-spacing:0.5px;color:var(--on-surface-variant)}
.odpornosci-slaby .odpornosci-etykieta{color:var(--error)}
.odpornosci-niewrazliwy .odpornosci-etykieta{color:var(--tertiary)}
.odpornosci-typy{display:flex;flex-wrap:wrap;gap:6px}
.odpornosci-mnoznik{margin-left:5px;padding-left:5px;border-left:1px solid currentColor;opacity:0.85;font-variant-numeric:tabular-nums}
@media (max-width:560px){.odpornosci-grupa{grid-template-columns:1fr;gap:4px}}
.dmg-mods{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px}
.dmg-mods-side{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0}
.dmg-mods-title{font-family:var(--font-display);font-size:14px;font-weight:700;margin:0}
.dmg-mods label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--on-surface-variant)}
.dmg-mods-hint{color:var(--outline)}
.field-picker{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-sm)}
.field-picker-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.field-picker-label{flex:0 0 auto;min-width:58px;font-size:12px;font-weight:700;color:var(--on-surface-variant)}
@media (max-width:480px){.field-picker-label{flex:1 1 100%}}
.dmg-item-note{margin:-2px 0 0;font-size:12px;line-height:18px}
.dmg-item-note strong{color:var(--on-surface)}
.dmg-mods select,.dmg-mods input{font:inherit;font-size:14px;padding:6px 8px;border-radius:var(--radius);border:1px solid #d5d5d5;background:var(--surface-lowest);color:var(--on-surface)}
@media (max-width:720px){.dmg-mods select,.dmg-mods input:not([type="hidden"]){min-height:44px;font-size:16px}.dmg-mods .dmg-mods-actions .search-button{min-height:44px}}
.dmg-mods-actions{display:flex;align-items:center;gap:8px;grid-column:1 / -1}
.dmg-crit{margin:8px 0 0;padding:8px 12px;border-radius:var(--radius);background:var(--secondary-fixed);color:var(--on-surface);font-size:13px;line-height:19px}
.iv-grid{display:grid;gap:6px;margin-top:8px}
.iv-row{display:grid;grid-template-columns:1fr 110px 90px;align-items:end;gap:10px;padding:8px 12px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0}
.iv-row-name{font-family:var(--font-display);font-weight:700;font-size:14px}
.iv-row-base{display:block;font-family:var(--font-body);font-weight:400;font-size:11px;color:var(--on-surface-variant)}
.iv-row label,.iv-nature{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--on-surface-variant)}
.iv-row input,.iv-nature select{font:inherit;font-size:14px;padding:6px 8px;border-radius:var(--radius);border:1px solid #d5d5d5;background:var(--surface-lowest);color:var(--on-surface);width:100%}
.iv-nature{max-width:320px;margin-top:6px}
.iv-current{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:14px}
.iv-current img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}
.iv-count{font-size:11px;color:var(--on-surface-variant)}
.iv-none{color:var(--error);font-size:13px}
@media (max-width:560px){.iv-row{grid-template-columns:1fr 1fr}.iv-row-name{grid-column:1 / -1}}
.rank-place{font-family:var(--font-display);font-weight:700;color:var(--on-surface-variant);text-align:right;width:2.5em}
.rank-name{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--on-surface);white-space:nowrap}
.rank-name img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.rank-name:hover{color:var(--tertiary)}
.rank-tag{color:var(--secondary);font-size:11px}
.rank-value{font-family:var(--font-display);font-weight:700}
.shiny-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background:var(--surface-lowest);color:var(--on-surface-variant);font-family:var(--font-body);font-size:12px;text-decoration:none;cursor:pointer}
.shiny-toggle:hover{border-color:var(--secondary-fixed-dim);color:var(--on-surface)}
.shiny-toggle.is-shiny{background:var(--secondary-fixed);border-color:var(--secondary-fixed-dim);color:var(--on-secondary-container);font-weight:700}
.cry-button{display:inline-flex;align-items:center;gap:6px;margin-top:6px;margin-left:6px;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background:var(--surface-lowest);color:var(--on-surface-variant);font-family:var(--font-body);font-size:12px;cursor:pointer}
.cry-button:hover{border-color:var(--tertiary);color:var(--on-surface)}
@media (max-width:720px){.cry-button{min-height:44px;padding:4px 16px}}
.wersje-os{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.wersje-generacja{display:grid;grid-template-columns:96px 1fr;align-items:start;gap:12px;padding:8px 0;border-top:1px solid var(--paper-line)}
.wersje-generacja:first-child{border-top:none}
.wersje-generacja-naglowek{display:flex;flex-direction:column;padding-top:6px}
.wersje-gen-numer{font-family:var(--font-display);font-weight:700;font-size:13px}
.wersje-gen-rok{font-size:12px;color:var(--on-surface-variant)}
.wersje-pasek{display:flex;flex-wrap:wrap;gap:10px}
.wersja-kafel{flex:0 0 auto;margin:0;width:104px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0}
.wersja-kafel img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}
.wersja-kafel figcaption{font-size:11px;line-height:14px;text-align:center;color:var(--on-surface-variant);min-height:42px;display:flex;align-items:center;justify-content:center}
@media (max-width:560px){.wersje-generacja{grid-template-columns:1fr;gap:4px}.wersje-generacja-naglowek{flex-direction:row;align-items:baseline;gap:8px;padding-top:0}}
.warianty-galeria{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.wariant-kafel{flex:0 0 auto;margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0;min-width:120px;min-height:44px}
.wariant-kafel img{display:block;max-width:132px;height:auto;object-fit:contain}
.wariant-kafel figcaption{font-size:11px;line-height:14px;text-align:center;color:var(--on-surface-variant);min-height:14px}
.wariant-kafel:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}
.sprite-epoki{image-rendering:pixelated;object-fit:contain}
.item-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:8px}
.item-kafel{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0;text-decoration:none;color:var(--on-surface)}
.item-kafel:hover{border-color:var(--tertiary)}
.item-kafel img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.item-kafel-brak{width:40px;text-align:center;color:var(--outline-variant);flex-shrink:0}
.item-kafel-tresc{min-width:0;display:flex;flex-direction:column}
.item-kafel-nazwa{font-family:var(--font-display);font-weight:700;font-size:14px}
.item-kafel-opis{font-size:11px;line-height:15px;color:var(--on-surface-variant);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-glowna{display:flex;align-items:center;gap:14px;margin-top:10px}
.item-glowna img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}
.zgadnij{display:flex;flex-direction:column;align-items:center;text-align:center}
.zgadnij-scena{position:relative;display:flex;justify-content:center;padding:var(--space-sm) 0 var(--space-md);width:100%}
.zgadnij-scena::before{content:"";position:absolute;top:50%;left:50%;width:min(460px,96%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--secondary-fixed) 0%,rgba(255,226,74,0.35) 42%,rgba(255,226,74,0) 68%);z-index:0}
.zgadnij-scena .journal-photo{position:relative;z-index:1;max-width:320px;width:100%}
.journal-photo img.silhouette{filter:brightness(0);background:none}
.journal-photo img.ujawniony{animation:zgadnij-odslona 620ms ease-out both}
@keyframes zgadnij-odslona{0%{filter:brightness(0);transform:scale(0.97)}55%{filter:brightness(1.35) saturate(1.4)}100%{filter:brightness(1);transform:scale(1)}}
.jest-ujawniona::before{animation:zgadnij-blysk 620ms ease-out both}
@keyframes zgadnij-blysk{0%{opacity:0.35;transform:translate(-50%,-50%) scale(0.8)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.zgadnij-form{display:flex;gap:8px;width:100%;max-width:420px;margin:0 auto}
.zgadnij-pole{flex:1;min-width:0;padding:12px 16px;font-family:var(--font-body);font-size:16px;color:var(--on-surface);background:var(--surface-lowest);border:2px solid var(--outline-variant);border-radius:var(--radius-full);text-align:center}
.zgadnij-pole:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-fixed)}
.zgadnij-glowny{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-family:var(--font-display);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:background 0.14s ease,transform 0.14s ease}
.zgadnij-glowny:hover{background:var(--primary-container);transform:translateY(-1px)}
.zgadnij-proby{display:flex;align-items:center;justify-content:center;gap:7px;min-height:22px;margin-top:12px}
.zgadnij-kropka{width:9px;height:9px;border-radius:50%;background:var(--surface-high)}
.zgadnij-kropka.jest-pudlem{background:var(--primary)}
.zgadnij-proby-liczba{font-size:13px;color:var(--text-muted)}
.guess-hint{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%;max-width:420px}
.guess-hint li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 14px;border-radius:var(--radius-full);background:var(--surface-low);text-align:left}
.guess-hint-etykieta{font-family:var(--font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--text-muted)}
.guess-hint-wartosc{display:flex;align-items:center;gap:6px;font-size:15px;letter-spacing:0.08em}
.guess-hint-liczba{font-size:12px;letter-spacing:0;color:var(--text-muted)}
.guess-feedback{display:flex;align-items:center;justify-content:center;gap:8px;min-height:26px;margin:0 0 10px;color:var(--error);font-weight:600}
.guess-feedback-znak,.guess-result-znak{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:50%;background:var(--error-container);color:var(--on-error-container);font-size:12px}
.guess-result{display:flex;align-items:center;gap:10px;max-width:460px;margin:var(--space-sm) auto 0;font-size:16px;line-height:26px;text-align:left}
.guess-result-ok{color:#14532d}
.guess-result-ok .guess-result-znak{background:#dff2e6;color:#1c5133}
.guess-result a{color:inherit}
.zgadnij-akcje{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:var(--space-sm)}
.zgadnij-generacje{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%;max-width:560px;margin:0 auto var(--space-sm);padding-top:var(--space-sm)}
.zgadnij-gen{position:relative;display:inline-flex;align-items:baseline;gap:5px;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background:var(--surface-lowest);color:var(--on-surface-variant);font-family:var(--font-body);font-size:12px;line-height:18px;text-decoration:none}
.zgadnij-gen:hover{border-color:var(--primary);color:var(--on-surface)}
.zgadnij-gen-nazwa{font-weight:600}
.zgadnij-gen-numer{font-size:11px;letter-spacing:0.04em;color:var(--text-muted)}
.zgadnij-gen-liczba{font-size:11px;font-variant-numeric:tabular-nums;padding-left:5px;border-left:1px solid var(--outline-variant);align-self:center}
.zgadnij-gen.jest-aktywna{background:var(--primary-fixed);border-color:var(--primary);color:var(--on-surface)}
.zgadnij-gen-wszystkie{margin-left:6px;border-style:dashed}
.zgadnij-gen-wszystkie .zgadnij-gen-liczba{border-left:none;padding-left:0}
@media (max-width:480px){.zgadnij-gen-numer{display:none}}
.zgadnij-akcje-drobne{margin-top:var(--space-md)}
.zgadnij-zasady{width:100%;max-width:520px;margin:var(--space-md) auto 0;padding-top:var(--space-sm);border-top:1px dashed var(--outline-variant);text-align:left}
.zgadnij-zasady summary{cursor:pointer;font-family:var(--font-display);font-size:14px;color:var(--text-muted)}
.zgadnij-zasady p{margin:10px 0 0;font-size:14px;line-height:22px;color:var(--text-muted)}
@media (max-width:480px){.zgadnij-form{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.journal-photo img.ujawniony,.jest-ujawniona::before{animation:none}}
.kafel-z-trackerem{position:relative;display:flex}
.kafel-z-trackerem>.pokemon-card{flex:1}
.tracker-znacznik{position:absolute;top:6px;right:6px;z-index:2;width:26px;height:26px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:var(--surface-lowest);color:var(--surface-dim);font-size:14px;line-height:1;cursor:pointer;transition:background 0.14s ease,color 0.14s ease,border-color 0.14s ease}
.tracker-znacznik:hover{border-color:#2f7d4f;color:#2f7d4f}
.tracker-znacznik.jest-zlapany{background:#2f7d4f;border-color:#2f7d4f;color:#ffffff}
.kafel-z-trackerem.kafel-zlapany>.pokemon-card{border-color:#2f7d4f;box-shadow:inset 0 0 0 1px rgba(47,125,79,0.28)}
.tracker-przycisk{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--outline-variant);background:var(--surface-lowest);color:var(--on-surface-variant);font-family:var(--font-body);font-size:12px;cursor:pointer}
.tracker-przycisk:hover{border-color:#2f7d4f;color:var(--on-surface)}
.tracker-przycisk.jest-zlapany{background:#dff2e6;border-color:#2f7d4f;color:#1c5133;font-weight:700}
.tracker-pigulka{border-color:#2f7d4f;color:#1c5133}
.tracker-ogolem{font-family:var(--font-display);font-size:22px;margin:0 0 var(--space-xs)}
.tracker-pasek{height:8px;border-radius:var(--radius-full);background:var(--surface-high);overflow:hidden}
.tracker-pasek-duzy{height:14px;margin-bottom:var(--space-sm)}
.tracker-pasek>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#3f9c63,#2f7d4f);transition:width 0.25s ease}
.tracker-generacje{list-style:none;margin:0 0 var(--space-sm);padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-sm)}
.tracker-generacja{padding:10px 12px;border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-lowest)}
.tracker-generacja.gen-komplet{border-color:#2f7d4f;background:#f2fbf5}
.tracker-generacja-naglowek{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.tracker-generacja-nazwa{font-family:var(--font-display);font-weight:700}
.tracker-generacja-zakres{margin:6px 0 0;font-size:12px;color:var(--text-muted)}
.tracker-narzedzia{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px dashed var(--outline-variant)}
.tracker-import-etykieta{position:relative;overflow:hidden;cursor:pointer}
.tracker-import-etykieta input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}
.tracker-komunikat{margin:var(--space-sm) 0 0;padding:8px 12px;border-radius:var(--radius);background:#f2fbf5;color:#1c5133;font-size:14px}
.tracker-komunikat-blad{background:var(--error-container);color:var(--on-error-container)}
.charakterystyka{margin:0 0 var(--space-sm);padding-left:14px;border-left:3px solid var(--outline-variant);color:var(--on-surface)}
.charakterystyka strong{color:var(--on-primary-fixed-variant)}
.news-cast{display:flex;flex-wrap:wrap;gap:8px}
.news-cast-item{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 6px;border-radius:var(--radius-full);background:var(--surface-lowest);border:1px solid #e0e0e0;text-decoration:none;color:var(--on-surface);font-family:var(--font-display);font-weight:700;font-size:14px}
.news-cast-item:hover{border-color:var(--primary)}
.news-cast-item img{image-rendering:pixelated}
.move-rachunek{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.move-rachunek li{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:2px 12px;align-items:baseline}
.move-rachunek-etykieta{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--on-surface-variant)}
.move-rachunek-wartosc{font-size:15px}
.move-rachunek-opis{grid-column:1 / -1;font-size:13px;line-height:20px;color:var(--text-muted)}
@media (max-width:520px){.move-rachunek li{grid-template-columns:1fr}}
.move-historia .move-table-wrapper{margin-top:10px}
.move-historia-wydanie{font-weight:600}
.move-historia-biezace{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:15px}
.move-historia-biezace li{display:flex;align-items:baseline;gap:6px}
.move-historia-etykieta{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--on-surface-variant)}
.move-historia-teraz{font-size:13px;color:var(--text-muted)}
.move-historia-instrukcja{margin:10px 0 0;font-size:13px;line-height:20px;color:var(--text-muted)}
.move-historia-przyklad{display:block;margin-top:4px;color:var(--on-surface-variant)}
@media (max-width:520px){.move-historia-tabela{min-width:0;table-layout:fixed}.move-historia-tabela th,.move-historia-tabela td{white-space:normal;padding:8px 4px}.move-historia-tabela td{overflow-wrap:break-word}.move-historia-tabela thead th{text-transform:none;letter-spacing:0;font-size:11px;overflow-wrap:normal}.move-historia-tabela th:first-child,.move-historia-tabela td:first-child{width:32%}.move-historia-tabela th:nth-child(2),.move-historia-tabela td:nth-child(2){width:38%}.move-historia-tabela th:last-child,.move-historia-tabela td:last-child{width:30%}}
@media (max-width:374px){.move-historia-tabela th,.move-historia-tabela td{padding:8px 3px;font-size:11px}.move-historia-tabela th:first-child,.move-historia-tabela td:first-child{width:34%}.move-historia-tabela th:nth-child(2),.move-historia-tabela td:nth-child(2){width:30%}.move-historia-tabela th:last-child,.move-historia-tabela td:last-child{width:36%}}
.dmg-bilans{margin:12px 0 0;padding:10px 14px 12px;border-radius:var(--radius);background:rgba(0,0,0,0.04)}
.dmg-bilans-tytul{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted)}
.dmg-bilans-poz{margin:6px 0 0;padding:8px 12px;border-radius:var(--radius);font-size:14px;line-height:21px}
.dmg-bilans-koszt{background:var(--error-container);color:var(--on-error-container)}
.dmg-bilans-zysk,.dmg-bilans-zniesiony{background:var(--secondary-fixed);color:var(--on-surface)}
.dmg-bilans-netto{margin:8px 0 0;padding:0 12px;font-size:14px;line-height:21px}
.dmg-bilans-uwaga{margin:6px 0 0;padding:0 12px;font-size:13px;line-height:19px;color:var(--text-muted)}
.zgadnij-seria{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 18px;width:100%;padding:8px 14px;border-radius:var(--radius-full);background:var(--surface-low)}
.zgadnij-seria-pozycja{display:inline-flex;align-items:baseline;gap:6px}
.zgadnij-seria-etykieta{font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--text-muted)}
.zgadnij-seria-liczba{font-family:var(--font-display);font-size:17px;color:var(--on-surface)}
.zgadnij-seria-pozycja.jest-swieza .zgadnij-seria-liczba{color:var(--primary);animation:zgadnij-seria-skok 520ms ease-out both}
@keyframes zgadnij-seria-skok{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.zgadnij-seria-przerwana{font-size:12px;padding:2px 10px;border-radius:var(--radius-full);background:var(--error-container);color:var(--on-error-container)}
.zgadnij-reset{margin-top:10px}
@media (prefers-reduced-motion:reduce){.zgadnij-seria-pozycja.jest-swieza .zgadnij-seria-liczba{animation:none}}
.lego-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-sm);margin-top:10px}
a.lego-card{text-decoration:none;color:var(--on-surface);transition:transform 0.14s ease,box-shadow 0.14s ease}
a.lego-card:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:0 10px 25px -5px rgba(0,0,0,0.12)}
.lego-card{display:flex;flex-direction:column;gap:6px;padding:12px 12px 14px;background:var(--paper);border:1px solid #e5ded0;border-top:8px solid var(--primary);border-radius:var(--radius-sm);box-shadow:2px 3px 6px rgba(0,0,0,0.05)}
.lego-card-photo{width:100%;height:170px;object-fit:contain;background:#fff;border:1px solid #e8e0d2;border-radius:var(--radius-sm)}
.lego-card-photo-empty{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--ink);font-family:var(--font-hand)}
.lego-card-name{margin:4px 0 0;font-family:var(--font-display);font-size:15px;font-weight:700;line-height:1.25;color:var(--on-surface)}
.lego-card-meta{margin:0;font-size:12px;color:var(--ink)}
.lego-card-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;padding:1px 6px;border-radius:var(--radius-full);background:var(--surface-high)}
.lego-card-pokemony{margin:2px 0 0;font-size:13px;line-height:1.5}
.lego-species{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.lego-species-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;background:var(--paper);border:1px solid #e5ded0;border-radius:var(--radius-full);text-decoration:none;color:var(--on-surface);font-size:13px;transition:transform 0.14s ease,box-shadow 0.14s ease}
.lego-species-chip:hover{transform:translateY(-2px);box-shadow:0 6px 14px -6px rgba(0,0,0,0.18)}
.lego-species-chip .pokemon-sprite{width:40px;height:40px}
.lego-zrodlo{margin-top:var(--space-md)}
.lego-detail-photo{display:block;width:100%;max-width:420px;height:320px;object-fit:contain;background:#fff;border:1px solid #e8e0d2;border-radius:var(--radius-sm);margin:10px auto 0}
.mapa-legenda{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;list-style:none;font-size:13px;color:var(--text-muted)}
.mapa-legenda li{display:flex;align-items:center;gap:7px}
.mapa-probka{width:26px;height:14px;flex:none}
.kalendarz-rok{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 20px;margin:18px 0 0}
.kalendarz-miesiac-nazwa{margin:0 0 8px;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;color:var(--text-muted)}
.kalendarz-dni{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:0;padding:0;list-style:none}
.kalendarz-dzien{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--paper-line);border-radius:var(--radius-sm);font-size:11px;font-variant-numeric:tabular-nums;line-height:1;text-decoration:none;color:var(--ink);transition:transform 0.12s ease,box-shadow 0.12s ease}
.kalendarz-dzien:hover,.kalendarz-dzien:focus-visible{transform:scale(1.18);box-shadow:0 2px 6px rgba(61,49,38,0.28);position:relative;z-index:1}
.kalendarz-poziom-1{background:#fdfaec}
.kalendarz-poziom-2{background:#fdf0b8}
.kalendarz-poziom-3{background:#fce27a}
.kalendarz-poziom-4{background:#f5cf1e}
.kalendarz-premiera{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:700}
.kalendarz-dzis{outline:2px solid var(--ink);outline-offset:1px}
.kalendarz-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 4px;font-size:12px;color:var(--text-muted)}
.kalendarz-legenda-opis{margin-right:4px}
.kalendarz-probka{width:16px;height:16px;flex:none;border:1px solid var(--paper-line);border-radius:var(--radius-sm)}
.nostalgia-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--secondary-container);color:var(--on-secondary-container);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase}
.nostalgia-frozen-note{max-width:760px;margin:0 auto 16px;padding:10px 14px;border:1px dashed var(--outline);border-radius:10px;background:var(--surface-container);color:var(--on-surface-variant);font-size:13px}
.nostalgia-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;max-width:900px;margin:0 auto}
.nostalgia-hub-card{display:block;padding:16px;border-radius:12px;background:var(--surface-container);border:1px solid var(--surface-highest);text-decoration:none;color:inherit}
.nostalgia-hub-card:hover{border-color:var(--outline)}
.nostalgia-hub-card-title{display:block;font-family:var(--font-display);font-weight:700;margin-bottom:4px;color:var(--on-surface)}
.nostalgia-hub-card-meta{display:block;font-size:13px;color:var(--text-muted)}
.nostalgia-hub-card.is-soon{opacity:0.6}
.comment-list{max-width:760px;margin:20px auto 0;display:flex;flex-direction:column;gap:12px}
.comment-item{padding:12px 14px;border-radius:10px;background:var(--surface-container);border:1px solid var(--surface-highest)}
.comment-item-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13px}
.comment-item-author{font-weight:700;color:var(--on-surface)}
.comment-item-date{color:var(--text-muted);white-space:nowrap}
.comment-item-body{font-size:14px;color:var(--on-surface);line-height:1.5;overflow-wrap:break-word}
.comment-item-body img{max-width:100%;height:auto}
.comment-item-body blockquote{margin:8px 0;padding:6px 10px;border-left:3px solid var(--outline-variant);background:var(--surface-low);font-size:13px}
.film-archiwalny{display:block;margin:14px 0}
.film-archiwalny-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--outline);border-radius:12px;background:var(--surface-container);color:var(--on-surface);text-decoration:none}
.film-archiwalny-link:hover,.film-archiwalny-link:focus-visible{border-color:var(--tertiary);background:var(--surface-high)}
.film-archiwalny-ikona{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:15px;padding-left:3px}
.film-archiwalny-tresc{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}
.film-archiwalny-tytul{font-family:var(--font-display);font-weight:700;font-size:14px}
.film-archiwalny-nota{font-size:12px;color:var(--on-surface-variant);line-height:1.4}
.film-archiwalny-ramka{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:12px;background:#000}
.nostalgia-dzialy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0 0 20px}
.nostalgia-dzial-card{display:flex;flex-direction:column;gap:3px;padding:11px 13px;border-radius:10px;background:var(--surface-container);border:1px solid var(--surface-highest);text-decoration:none;color:inherit}
.nostalgia-dzial-card:hover,.nostalgia-dzial-card:focus-visible{border-color:var(--outline)}
.nostalgia-dzial-card-title{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1.25}
.nostalgia-dzial-card-meta{font-size:12px;color:var(--on-surface-variant)}
.nostalgia-dzial-uklad{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:720px){.nostalgia-dzial-uklad{grid-template-columns:1fr}}
.nostalgia-spis{position:sticky;top:12px;padding:12px 14px;border-radius:10px;background:var(--surface-container);border:1px solid var(--surface-highest);max-height:calc(100vh - 24px);overflow-y:auto}
.nostalgia-spis-tytul{font-family:var(--font-display);font-weight:700;font-size:13px;margin:0 0 8px;color:var(--on-surface-variant)}
.nostalgia-spis-lista,.nostalgia-spis-podlista{list-style:none;margin:0;padding:0}
.nostalgia-spis-podlista{margin:3px 0 3px 12px;border-left:2px solid var(--surface-highest);padding-left:8px}
.nostalgia-spis-lista a{display:block;padding:3px 0;font-size:13px;line-height:1.35;color:var(--on-surface);text-decoration:none}
.nostalgia-spis-lista a:hover{text-decoration:underline}
.nostalgia-spis-lista a.is-active{font-weight:700;color:var(--tertiary)}
.nostalgia-tresc{max-width:100%;overflow-x:auto;line-height:1.6}
.nostalgia-tresc img{max-width:100%;height:auto}
.nostalgia-tresc table{border-collapse:collapse;margin:12px 0;font-size:13px}
.nostalgia-tresc td,.nostalgia-tresc th{border:1px solid var(--outline-variant);padding:6px 8px;vertical-align:top}
.nostalgia-tresc th{background:var(--surface-container)}
.nostalgia-tresc h2,.nostalgia-tresc h3,.nostalgia-tresc h4{font-family:var(--font-display);margin:18px 0 8px}
.nostalgia-tresc blockquote{margin:10px 0;padding:6px 12px;border-left:3px solid var(--outline-variant);background:var(--surface-low)}
.nostalgia-bohaterowie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin:0 0 20px}
.nostalgia-bohater-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-container);border:1px solid var(--surface-highest);text-decoration:none;color:inherit}
.nostalgia-bohater-card:hover,.nostalgia-bohater-card:focus-visible{border-color:var(--outline)}
.nostalgia-bohater-sprite{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center}
.nostalgia-bohater-tresc{display:flex;flex-direction:column;gap:2px;min-width:0}
.nostalgia-bohater-name{font-family:var(--font-display);font-weight:700;font-size:14px}
.nostalgia-bohater-meta{font-size:12px;color:var(--on-surface-variant);line-height:1.35}
.nostalgia-metryka{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 16px;margin:0 0 18px;padding:12px 14px;border-radius:10px;background:var(--surface-container)}
.nostalgia-metryka-wiersz{display:flex;gap:8px;font-size:13px;line-height:1.4}
.nostalgia-metryka dt{flex-shrink:0;color:var(--on-surface-variant)}
.nostalgia-metryka dd{margin:0;font-weight:500}
.nostalgia-lista-wyjasnienie{margin:0 0 10px;font-size:12px;color:var(--on-surface-variant)}
.nostalgia-info-blok{margin:0 0 14px;padding:10px 12px;border-left:3px solid var(--outline-variant);background:var(--surface-low);font-size:13px}
.nostalgia-pokemony{display:flex;flex-direction:column;gap:10px;margin:0 0 20px}
.nostalgia-pokemon{padding:10px 12px;border-radius:10px;border:1px solid var(--surface-highest);background:var(--surface-lowest)}
.nostalgia-pokemon-glowka{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.nostalgia-pokemon-glowka:hover .nostalgia-pokemon-nazwa{text-decoration:underline}
.nostalgia-pokemon-nazwa{font-family:var(--font-display);font-weight:700;font-size:14px}
.nostalgia-pokemon-numer{margin-left:6px;font-weight:400;font-size:12px;color:var(--on-surface-variant)}
.nostalgia-pokemon-opis{margin-top:6px;font-size:13px;line-height:1.5;color:var(--on-surface)}
.nostalgia-manga-lista{display:flex;flex-direction:column;gap:4px;margin:0 0 18px}
.nostalgia-manga-wiersz{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:var(--surface-container);text-decoration:none;color:inherit}
.nostalgia-manga-wiersz:hover,.nostalgia-manga-wiersz:focus-visible{background:var(--surface-high)}
.nostalgia-manga-numer{flex-shrink:0;min-width:30px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--on-surface-variant);text-align:right}
.nostalgia-manga-tytuly{display:flex;flex-direction:column;min-width:0;flex:1}
.nostalgia-manga-pl{font-weight:600;font-size:14px;line-height:1.25}
.nostalgia-manga-en{font-size:12px;color:var(--on-surface-variant);line-height:1.3}
.nostalgia-manga-meta{flex-shrink:0;font-size:12px;color:var(--on-surface-variant)}
@media (max-width:560px){.nostalgia-manga-meta{display:none}}
.nostalgia-wydarzenia{margin:0 0 18px;padding-left:20px;font-size:14px;line-height:1.55}
.nostalgia-wydarzenia li{margin-bottom:4px}
.nostalgia-wystepy{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.nostalgia-wystep{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--surface-highest);background:var(--surface-container);text-decoration:none;color:inherit;font-size:13px}
a.nostalgia-wystep:hover,a.nostalgia-wystep:focus-visible{border-color:var(--outline)}
.nostalgia-wystep.is-bez-karty{border-style:dashed;color:var(--on-surface-variant)}
.nostalgia-wystep-nazwa{font-weight:500}
.nostalgia-wystep-dopisek{color:var(--on-surface-variant);font-size:12px}
.article-journal{background-color:var(--paper);max-width:900px;margin-left:auto;margin-right:auto;padding:36px 52px}
.article-journal .journal-rings{left:22px;transform:none}
.article-journal .article-body{max-width:none}
.article-journal .article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:700px){.article-journal{padding:28px 26px}.article-journal .journal-rings{left:5px;opacity:0.55}.article-journal .journal-tape-l{left:14px}.article-journal .journal-tape-r{right:14px}}
.aktualnosci-filtry{margin-bottom:var(--space-md)}
.aktualnosci-rss-kat{display:inline-block;margin-bottom:var(--space-sm)}
.article-breadcrumbs,.article-title-block,.article-footer,.article-related{max-width:900px;margin-left:auto;margin-right:auto}
.article-breadcrumbs{margin-bottom:14px}
.article-title-block{margin-bottom:20px}
.article-title-area{flex-direction:column;gap:4px}
.article-footer,.article-related{margin-top:24px}
.article-footer .nav-controls a{text-decoration:none}
.news-journal-inner{display:flex;flex-direction:column}
.news-meta{order:1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px dashed var(--paper-line)}
.news-meta time{font-family:var(--font-hand);font-size:26px;line-height:1.2;font-weight:700;color:var(--ink)}
.news-meta-dot{width:4px;height:4px;border-radius:var(--radius-full);background:var(--paper-line);align-self:center}
.news-reading-time{font-size:13px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--on-surface-variant)}
.news-meta-spacer{flex:1}
.news-category{font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--on-secondary-container);background:var(--secondary-container);border-radius:var(--radius-full);padding:5px 12px}
.news-journal .news-cast{order:2;align-items:center;gap:10px;margin-top:18px}
.news-cast-label{font-family:var(--font-hand);font-size:22px;line-height:28px;color:var(--ink)}
.news-cast-items{display:flex;flex-wrap:wrap;gap:8px}
.news-hero{order:3;display:flex;justify-content:center;margin:30px 0 0}
.journal-photo--news{width:100%;max-width:520px}
.journal-photo--news img{image-rendering:auto;background:none}
.journal-photo--news figcaption,.news-article-body figure figcaption{font-family:var(--font-hand);font-size:20px;line-height:24px;color:var(--ink);text-align:center;margin-top:10px}
.news-lead{order:4;margin-top:34px}
.news-lead p{margin:0;font-size:21px;line-height:33px;font-weight:500}
.news-facts{order:5;margin-top:28px;background:#fff;border:1px solid #e6dfd1;border-left:4px solid var(--primary);border-radius:var(--radius-sm);padding:20px 24px 22px}
.news-facts h2{margin:0 0 14px;font-family:var(--font-hand);font-size:26px;line-height:32px;font-weight:700;color:var(--ink)}
.news-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.news-fact{display:flex;flex-direction:column;gap:4px;min-width:0}
.news-fact-label{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--on-surface-variant)}
.news-fact-value{font-family:var(--font-display);font-size:20px;line-height:27px;color:var(--on-surface)}
.news-fact-note{font-size:13px;line-height:19px;color:var(--on-surface-variant)}
.news-article-body{order:6;margin-top:26px;color:var(--text-main)}
.news-journal .article-body h2{display:flex;align-items:center;gap:10px;margin:30px 0 10px}
.news-journal .article-body h2::before{content:"";width:16px;height:3px;flex-shrink:0;border-radius:var(--radius-full);background:var(--primary)}
.news-journal .article-body ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:14px 0 0}
.news-journal .article-body ul li{position:relative;background:#fff;border:1px solid #ece4d6;border-radius:var(--radius-sm);padding:12px 14px 12px 44px}
.news-journal .article-body ul li::before{content:"";position:absolute;left:14px;top:16px;width:18px;height:18px;background:center / contain no-repeat url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23bc0100' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M8 12.5l2.6 2.6L16.5 9'/%3E%3C/svg%3E")}
.news-article-body figure{margin:22px 0 0;padding:22px 24px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border:1px dashed var(--paper-line);border-radius:var(--radius-sm)}
.news-article-body figure svg{display:block;max-width:100%;height:auto}
.news-source{order:7;display:flex;align-items:flex-start;gap:12px;margin-top:28px;padding-top:16px;border-top:1px dashed var(--paper-line);color:var(--on-surface-variant)}
.news-source svg{flex-shrink:0;margin-top:4px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.news-source p{margin:0;font-size:15px;line-height:24px}
.news-related-tools{order:8;margin-top:22px;padding-top:14px;border-top:1px dashed var(--paper-line)}
.news-related-tools-title{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--on-surface-variant)}
.news-related-tools-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 14px}
.news-related-tools-list a{display:inline-block;padding:5px 12px;border:1px solid var(--paper-line);border-radius:999px;font-size:14px;line-height:20px;color:var(--on-surface);text-decoration:none}
.news-related-tools-list a:hover,.news-related-tools-list a:focus-visible{border-color:var(--primary,#2c6e49);color:var(--primary,#2c6e49)}
@media (max-width:700px){.news-meta{gap:10px;padding-bottom:10px}.news-meta time{width:100%;font-size:24px}.news-meta-dot,.news-meta-spacer{display:none}.news-category{padding:4px 10px}.news-hero{order:2;margin-top:22px}.journal-photo--news{max-width:100%;padding:10px 10px 22px}.news-lead{order:3;margin-top:26px}.news-lead p{font-size:19px;line-height:30px}.news-facts{order:4;margin-top:22px;padding:16px 18px 18px}.news-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.news-fact-value{font-size:19px;line-height:26px}.news-fact-note{display:none}.news-journal .news-cast{order:5;align-items:flex-start;flex-direction:column;gap:8px;margin-top:22px}.news-cast-item{min-height:44px;padding-top:4px;padding-bottom:4px}.news-article-body{order:6;margin-top:22px}.news-journal .article-body h2{margin-top:26px}.news-journal .article-body ul{grid-template-columns:1fr;gap:8px;margin-top:12px}.news-journal .article-body ul li{padding:10px 12px 10px 40px}.news-journal .article-body ul li::before{left:12px;top:14px;width:17px;height:17px}.news-article-body figure{margin-top:18px;padding:16px 14px 14px;gap:8px}.news-source{margin-top:22px;padding-top:14px;gap:10px}.news-source p{font-size:14px;line-height:22px}.article-footer .nav-controls{flex-direction:column}.article-footer .nav-button{width:100%;min-height:44px}}
@media print{.article-journal{background-color:var(--paper)!important}}
.tcg-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.tcg-subnav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--paper-line);border-radius:var(--radius-sm);color:var(--primary);font-weight:700;text-decoration:none}
.tcg-subnav a[aria-current="page"]{background:var(--primary);color:var(--paper)}
.tcg-subnav a:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}
.tcg-hub{margin:0 0 32px}
.tcg-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin-top:16px}
.tcg-hub-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--paper-line);border-radius:var(--radius-sm);background:var(--surface-container);color:inherit;text-decoration:none}
.tcg-hub-card:hover{border-color:var(--primary)}
.tcg-hub-card:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}
.tcg-hub-card-badge{align-self:flex-start;padding:2px 10px;border-radius:999px;background:var(--surface-highest);color:var(--on-surface-variant);font-size:12px;letter-spacing:0.04em;text-transform:uppercase}
.tcg-hub-card-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--primary)}
.tcg-hub-card-meta{color:var(--on-surface-variant);font-size:14px;line-height:1.5}
.tcg-cross-section-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));column-gap:32px}
.tcg-cross-section-list .tcg-set-row{flex-wrap:wrap;row-gap:2px;padding:6px 2px}
.tcg-cross-section-list .tcg-set-name{flex-shrink:0;max-width:100%}
.tcg-cross-section-list .tcg-set-count{white-space:nowrap}
.tcg-bez-rzadkosci{margin-top:18px;color:var(--on-surface-variant)}
.tcg-series-links{display:flex;flex-wrap:wrap;gap:10px 18px}
.tcg-sort-switch{display:flex;flex-wrap:wrap;gap:8px 12px;margin:18px 0 6px}
.tcg-sort-switch a{padding:6px 14px;border:1px solid var(--outline-variant);border-radius:999px;font-size:0.9rem;text-decoration:none;color:var(--on-surface-variant)}
.tcg-sort-switch a[aria-current="true"]{background:var(--secondary-container);color:var(--on-secondary-container);border-color:transparent;font-weight:600}
.tcg-sort-switch a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.tcg-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:16px;margin-bottom:8px}
.tcg-artist-card{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid var(--outline-variant);border-radius:12px;background:var(--surface-lowest);text-decoration:none;color:inherit}
.tcg-artist-card:hover{border-color:var(--primary)}
.tcg-artist-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.tcg-artist-thumb{width:100%;height:auto;border-radius:8px}
.tcg-artist-name{font-weight:600;line-height:1.3}
.tcg-artist-meta{font-size:0.85rem;color:var(--on-surface-variant)}
.tcg-artist-letter{margin:22px 0 6px;font-size:1.05rem;color:var(--on-surface-variant);border-bottom:1px solid var(--outline-variant)}
.tcg-artist-rarities{margin-top:6px}
.tcg-page-header{margin-bottom:18px}
.tcg-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;color:var(--on-surface-variant);font-size:14px}
.tcg-breadcrumbs a,.tcg-card-tile a,.tcg-pagination a,.tcg-filter-actions a,.tcg-card-facts a{color:var(--primary)}
.tcg-intro-journal{margin-top:0;padding:24px}
.tcg-intro{max-width:80ch;margin:8px 0 0}
.tcg-tally{display:flex;margin:20px 0 24px}
.tcg-tally div{padding:0 26px;border-left:1px solid var(--paper-line)}
.tcg-tally div:first-child{padding-left:0;border-left:0}
.tcg-tally strong{display:block;color:var(--primary);font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-0.02em;line-height:1}
.tcg-tally span,.tcg-ribbon-caption{color:var(--ink);font-family:var(--font-hand);font-size:17px}
.tcg-tally span{display:block;margin-top:6px}
.tcg-era-ribbon{display:flex;height:12px;overflow:hidden;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px rgba(61,49,38,0.08)}
.tcg-era-ribbon-segment.type-badge{flex:var(--tcg-era-size,1) 1 0;min-width:2px;height:100%;padding:0;border-radius:0}
.tcg-ribbon-caption{margin:10px 0 0}
.tcg-era-catalog{margin-top:36px}
.tcg-era-timeline{display:flex;flex-direction:column;gap:26px;margin-top:18px}
.tcg-era{display:grid;grid-template-columns:118px minmax(0,1fr)}
.tcg-era-gutter{position:relative;padding-top:6px}
.tcg-era-gutter::before{content:"";position:absolute;top:22px;bottom:-34px;left:4px;width:1px;background:var(--paper-line)}
.tcg-era:last-child .tcg-era-gutter::before{display:none}
.tcg-era-dot.type-badge{position:absolute;top:10px;left:0;width:9px;min-width:9px;height:9px;padding:0;border-radius:var(--radius-full)}
.tcg-era-year,.tcg-era-year-to{display:block;margin-left:22px}
.tcg-era-year{font-family:var(--font-display);font-size:24px;font-weight:800;letter-spacing:-0.02em;line-height:1}
.tcg-era-year-to{margin-top:4px;color:var(--on-surface-variant);font-size:13px;font-weight:500}
.tcg-era-panel{position:relative;padding:26px 26px 20px;border:1px solid #e5ded0;border-radius:var(--radius-sm);background:var(--paper-warm);box-shadow:2px 3px 8px rgba(0,0,0,0.06)}
.tcg-era-tab.type-badge{position:absolute;top:-13px;left:24px;min-height:25px;padding:4px 14px;border-radius:3px 3px 0 0;font-size:11px;letter-spacing:0.14em}
.tcg-era-name{font-size:25px;font-weight:800;letter-spacing:-0.015em}
.tcg-era-meta{margin:4px 0 16px;color:var(--on-surface-variant);font-size:13px;font-weight:500}
.tcg-era-sets{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));column-gap:32px}
.tcg-set-row{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;padding:2px;border-bottom:1px dotted #ddd5c6;color:var(--on-surface);text-decoration:none;transition:transform 0.14s ease}
.tcg-set-row:hover{transform:translateX(5px)}
.tcg-set-edge.type-badge{display:block;flex-shrink:0;width:6px;min-width:6px;height:17px;padding:0;border-radius:2px;opacity:0.75}
.tcg-set-row:hover .tcg-set-edge{opacity:1}
.tcg-set-name{overflow:hidden;font-family:var(--font-display);font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.tcg-set-row:hover .tcg-set-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tcg-set-leader{flex:1 1 12px;min-width:8px}
.tcg-set-date,.tcg-set-count{flex-shrink:0;color:var(--on-surface-variant);font-size:13px;font-variant-numeric:tabular-nums}
.tcg-set-date{font-weight:500}
.tcg-set-count{min-width:42px;font-weight:700;text-align:right}
.tcg-browser{margin-top:42px}
.tcg-card-grid{display:grid;gap:18px}
.tcg-card-tile,.tcg-set-facts{border:1px solid var(--paper-line);border-radius:var(--radius-sm);background:var(--paper)}
.tcg-card-tile{padding:16px}
.tcg-card-tile h3,.tcg-card-tile p{margin-top:0}
.tcg-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0 22px;padding-bottom:18px;border-bottom:1px dashed var(--paper-line)}
.tcg-filters label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--on-surface-variant);font-size:13px;font-weight:700}
.tcg-filters input,.tcg-filters select,.tcg-filter-actions button{min-height:44px;padding:8px 10px;border:1px solid var(--paper-line);border-radius:var(--radius-sm);background:var(--paper);color:var(--on-surface);font:inherit}
.tcg-filter-actions{display:flex;grid-column:1 / -1;align-items:center;gap:14px}
.tcg-filter-actions button{padding-inline:20px;border-color:var(--primary);background:var(--primary);color:var(--on-primary);cursor:pointer}
.tcg-filter-actions a{display:inline-flex;align-items:center;min-height:44px}
.tcg-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tcg-card-tile{min-width:0}
.tcg-card-image-link,.tcg-card-thumb{display:block;width:100%}
.tcg-card-thumb{height:auto;aspect-ratio:8 / 11;border-radius:var(--radius-sm);object-fit:contain}
.tcg-card-number,.tcg-card-meta{overflow-wrap:anywhere;color:var(--on-surface-variant);font-size:14px}
.tcg-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px}
.tcg-pagination a{min-height:44px;padding:10px 14px;border:1px solid var(--paper-line);border-radius:var(--radius-sm);text-decoration:none}
.tcg-help{margin-top:28px;padding:14px 16px;border:1px solid var(--paper-line);border-radius:var(--radius-sm)}
.tcg-help summary{min-height:44px;cursor:pointer;font-weight:700}
.tcg-set-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:18px 0;overflow:hidden}
.tcg-set-facts div{padding:12px}
.tcg-set-facts dt{color:var(--on-surface-variant);font-size:12px;font-weight:700;text-transform:uppercase}
.tcg-set-facts dd{margin:4px 0 0}
.tcg-card-journal{margin-top:0;padding:28px}
.tcg-card-spread{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:40px}
.tcg-card-spread::before{left:320px}
.tcg-card-photo{max-width:300px}
.tcg-card-photo::after{content:"";position:absolute;inset:12px 12px 64px;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,0.52) 48%,rgba(255,214,170,0.24) 52%,transparent 58%);transform:translateX(-72%) rotate(9deg);animation:tcg-sheen 7s ease-in-out infinite;pointer-events:none}
.tcg-card-photo img{height:auto;image-rendering:auto}
.tcg-card-photo figcaption{margin-top:12px;color:var(--ink);font-family:var(--font-hand);font-size:19px;text-align:center}
.tcg-rarity-stamp{position:absolute;right:-14px;bottom:44px;z-index:2;padding:6px 13px;transform:rotate(-8deg);border:2px solid rgba(188,1,0,0.5);border-radius:3px;background:rgba(253,251,247,0.82);color:rgba(188,1,0,0.82);font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase}
@keyframes tcg-sheen{0%,100%{transform:translateX(-72%) rotate(9deg)}50%{transform:translateX(72%) rotate(9deg)}}
.tcg-card-vitals{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:12px 0;border-top:1px dashed var(--paper-line);border-bottom:1px dashed var(--paper-line)}
.tcg-card-hp{color:var(--ink);font-family:var(--font-hand);font-size:19px}
.tcg-card-hp strong{margin-right:4px;color:var(--primary);font-family:var(--font-display);font-size:26px;font-weight:800}
.tcg-card-facts{display:grid;gap:0;margin:0}
.tcg-card-facts div{display:flex;align-items:baseline;gap:12px;min-height:44px;padding:10px 0;border-bottom:1px dotted var(--paper-line)}
.tcg-card-facts dt{flex-shrink:0;color:var(--on-surface-variant);font-size:13px;font-weight:500}
.tcg-card-facts dt::after{content:""}
.tcg-card-facts dd{flex:1;margin:0;overflow-wrap:anywhere;font-family:var(--font-display);font-size:17px;font-weight:700;text-align:right}
.tcg-rarity-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:var(--radius-full);background:var(--secondary-container);color:#6b5c00;font-size:13px}
.tcg-card-position{margin-top:26px}
.tcg-position-ticks{position:relative;height:22px;background-image:linear-gradient(to right,#cfc6b5 0 1.5px,transparent 1.5px);background-repeat:repeat-x;background-size:calc(100% / var(--tcg-set-total,1)) 100%}
.tcg-position-ticks i{position:absolute;top:-5px;left:calc(100% * (var(--tcg-card-position,1) - 0.5) / var(--tcg-set-total,1));width:3px;height:32px;border-radius:2px;background:var(--primary);box-shadow:0 0 0 3px rgba(188,1,0,0.16)}
.tcg-card-position p{margin:12px 0 0;color:var(--ink);font-family:var(--font-hand);font-size:18px}
.tcg-price-sheet,.tcg-neighbours{max-width:1080px;margin-inline:auto}
.tcg-price-sheet{padding-top:40px}
.tcg-prices{display:grid;gap:12px}
.tcg-price-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:16px 20px;border:1px solid #e5ded0;border-radius:var(--radius-sm);background:var(--paper-warm)}
.tcg-price-market{font-family:var(--font-display);font-size:16px}
.tcg-price-variant{display:block;color:var(--on-surface-variant);font-size:13px}
.tcg-price-value{font-family:var(--font-display);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}
.tcg-price-value em{margin-left:6px;color:var(--on-surface-variant);font-size:15px;font-style:normal;font-weight:700}
.tcg-price-date{color:var(--ink);font-family:var(--font-hand);font-size:18px;white-space:nowrap}
.tcg-price-status{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:var(--radius-full);background:#e4efe3;color:#35663e;font-size:12px;font-weight:700;white-space:nowrap}
.tcg-price-status i{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}
.tcg-price-row.is-outdated{background:var(--paper)}
.tcg-price-row.is-outdated .tcg-price-value{color:#8a7558;text-decoration:line-through;text-decoration-color:rgba(138,117,88,0.5);text-decoration-thickness:1.5px}
.tcg-price-row.is-outdated .tcg-price-market,.tcg-price-row.is-outdated .tcg-price-variant,.tcg-price-row.is-outdated .tcg-price-date{color:#8a7558}
.tcg-price-row.is-outdated .tcg-price-status{background:#f0ebe2;color:#796548}
.tcg-price-note{max-width:74ch;margin:14px 0 0}
.tcg-neighbours{padding-top:38px}
.tcg-neighbour-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tcg-neighbour{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 20px;border:1px solid #e5ded0;border-radius:var(--radius-sm);background:var(--paper-warm);color:var(--on-surface);text-decoration:none;transition:transform 0.14s ease}
.tcg-neighbour:hover{transform:translateY(-2px)}
.tcg-neighbour.is-next{grid-column:2;justify-content:flex-end;text-align:right}
.tcg-neighbour strong,.tcg-neighbour small{display:block}
.tcg-neighbour strong{font-family:var(--font-display);font-size:18px}
.tcg-neighbour small{color:var(--on-surface-variant);font-size:13px}
.tcg-filters :focus-visible,.tcg-pagination a:focus-visible,.tcg-card-tile a:focus-visible,.tcg-set-row:focus-visible,.tcg-neighbour:focus-visible,.tcg-mini-card:focus-visible,.tcg-card-facts a:focus-visible{outline:3px solid var(--focus-ring,#ffcb05);outline-offset:2px}
.tcg-card-grid-mini{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:12px}
.tcg-mini-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}
.tcg-mini-card-img{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--paper-line);aspect-ratio:245 / 342;object-fit:cover;background:var(--surface-lowest,#fff)}
.tcg-mini-card-set{font-size:12px;line-height:1.3;color:var(--on-surface-variant)}
.tcg-mini-card:hover .tcg-mini-card-img{border-color:var(--primary)}
@media (max-width:900px){.tcg-card-grid-mini{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.tcg-card-grid-mini{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tcg-price-ranking{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px;counter-reset:notowanie}
.tcg-price-ranking .tcg-price-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto auto}
.tcg-price-ranking .tcg-price-row::before{counter-increment:notowanie;content:counter(notowanie) ".";color:var(--on-surface-variant);font-size:13px}
.tcg-table-wrap{margin-top:12px;overflow-x:auto}
.tcg-price-sources,.tcg-price-spread{width:100%;border-collapse:collapse;font-size:14px}
.tcg-price-sources caption,.tcg-price-spread caption{caption-side:top;text-align:left;padding-bottom:8px;color:var(--on-surface-variant);font-size:13px}
.tcg-price-sources th,.tcg-price-sources td,.tcg-price-spread th,.tcg-price-spread td{padding:8px 12px;border-bottom:1px solid var(--paper-line);text-align:right;white-space:nowrap}
.tcg-price-sources thead th,.tcg-price-spread thead th,.tcg-price-sources tbody th,.tcg-price-spread tbody th{text-align:left}
.tcg-price-status-block{margin-top:24px}
.tcg-tresc{max-width:68ch}
.tcg-tresc-sekcja{margin-top:28px}
.tcg-tresc-sekcja p{line-height:1.65;margin:10px 0}
.tcg-tresc-lista{margin:10px 0;padding-left:22px;line-height:1.65}
.tcg-typy-energii .tcg-typ-nazwa{font-weight:600}
.tcg-slownik-spis{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px;padding:0;list-style:none}
.tcg-slownik-spis a{display:inline-block;padding:4px 10px;border:1px solid var(--paper-line);border-radius:999px;font-size:13px;text-decoration:none;color:inherit}
.tcg-slownik-spis a:hover{border-color:var(--primary)}
.tcg-slownik-grupa{margin-top:30px}
.tcg-slownik-lista{margin:12px 0 0}
.tcg-slownik-haslo{padding:12px 0;border-bottom:1px solid var(--paper-line);scroll-margin-top:88px}
.tcg-slownik-haslo dt{font-weight:700;margin-bottom:4px}
.tcg-slownik-haslo dd{margin:0;line-height:1.6}
.tcg-slownik-link{display:inline-block;margin-top:4px;font-size:13px}
.tcg-slownik-spis a:focus-visible,.tcg-slownik-link:focus-visible{outline:3px solid var(--focus-ring,#ffcb05);outline-offset:2px}
@media (max-width:900px){.tcg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tcg-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.tcg-price-row{grid-template-columns:1fr auto}}
@media (max-width:700px){.tcg-era{grid-template-columns:1fr}.tcg-era-gutter{min-height:58px}.tcg-era-gutter::before{top:22px;bottom:-92px}.tcg-era-panel{margin-left:22px;padding:26px 16px 16px}.tcg-era-sets,.tcg-set-facts,.tcg-filters,.tcg-card-spread,.tcg-price-row,.tcg-neighbour-grid{grid-template-columns:1fr}.tcg-card-spread::before{display:none}.tcg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tcg-filter-actions{align-items:flex-start;flex-direction:column}.tcg-neighbour.is-next{grid-column:1}}
@media (max-width:480px){.tcg-intro-journal,.tcg-card-journal,.tcg-browser{padding:20px 14px}.tcg-tally div{padding:0 12px}.tcg-tally strong{font-size:30px}.tcg-rarity-stamp{right:-5px}}
@media (prefers-reduced-motion:reduce){.tcg-card-photo::after{animation:none;display:none}.tcg-set-row,.tcg-neighbour{transition:none}.tcg-set-row:hover,.tcg-neighbour:hover{transform:none}}
.anime-lista{display:flex;flex-direction:column;gap:4px;margin:0 0 18px}
.anime-wiersz{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:var(--surface-container);text-decoration:none;color:inherit}
.anime-wiersz:hover,.anime-wiersz:focus-visible{background:var(--surface-high)}
.anime-wiersz-kod{flex-shrink:0;min-width:46px;font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--on-surface-variant)}
.anime-wiersz-tytuly{display:flex;flex-direction:column;min-width:0;flex:1}
.anime-wiersz-pl{font-weight:600;font-size:14px;line-height:1.25}
.anime-wiersz-en{font-size:12px;color:var(--on-surface-variant);line-height:1.3}
.anime-wiersz-meta{flex-shrink:0;font-size:12px;color:var(--on-surface-variant);text-align:right}
.anime-podsumowanie{display:flex;align-items:baseline;gap:8px;margin:0 0 16px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0}
.anime-podsumowanie-liczba{font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1}
.anime-podsumowanie-etykieta{font-size:13px;color:var(--on-surface-variant)}
.anime-brak{color:var(--on-surface-variant);font-style:italic}
.anime-nota{max-width:760px;margin:0 auto 14px;font-size:13px;line-height:1.5;color:var(--on-surface-variant)}
.anime-nota-brak{padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-lowest);border:1px solid #e0e0e0}
.anime-pokrycie{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px;margin-bottom:18px}
.anime-pokrycie-pozycja{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:6px;background:var(--surface-lowest);border:1px solid #e0e0e0}
.anime-pokrycie-etykieta{font-size:12px;color:var(--on-surface-variant)}
.anime-pokrycie-liczba{flex-shrink:0;font-family:var(--font-display);font-weight:700;font-size:12px}
.anime-pokrycie-pelne{color:var(--tertiary)}
.anime-tabela{width:100%;border-collapse:collapse;margin:0 auto 18px;max-width:760px}
.anime-tabela-tytul{text-align:left;font-family:var(--font-display);font-weight:700;font-size:14px;padding-bottom:6px}
.anime-tabela th,.anime-tabela td{padding:7px 10px;border-bottom:1px solid #e0e0e0;text-align:left;vertical-align:top;font-size:13px;line-height:1.4}
.anime-tabela th[scope="row"]{width:40%;font-weight:600;color:var(--on-surface-variant)}
.anime-postacie{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.anime-chip{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--surface-container);font-size:12px}
.anime-braki{max-width:760px;margin:0 auto 18px;padding-left:20px;font-size:12px;line-height:1.6;color:var(--on-surface-variant)}
.anime-tresc{text-align:left}
.manga-kadr{margin:0 auto 20px;max-width:520px;text-align:center}
.manga-kadr img{display:block;width:100%;height:auto;background:#fff;border:2px solid #2b2b3d;border-radius:4px}
.manga-kadr figcaption{margin-top:6px;font-size:0.85rem;color:#5a5a70;text-align:center}
@media (max-width:600px){.manga-kadr{max-width:100%}}
.anime-nawigacja{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px}
.anime-nawigacja-link{text-decoration:none}
@media (max-width:720px){.anime-wiersz{flex-wrap:wrap}.anime-wiersz-meta{width:100%;text-align:left}.anime-tabela th[scope="row"]{width:45%}}
@media (prefers-reduced-motion:reduce){.anime-wiersz:hover,.anime-wiersz:focus-visible{transition:none}}