:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--blau: #3b4cca;--blau-dunkel: #1f2a8c;--gelb: #ffcb05;--rot: #ee1515}*{box-sizing:border-box}body{margin:0;background:#eef1ff;color:#1b1b1b;min-height:100vh}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.container{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:16px}.navbar{background:var(--blau-dunkel);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:10}.marke{font-weight:800;font-size:1.2rem;color:var(--gelb);display:flex;align-items:center;gap:8px}.pokeball-mini{width:22px;height:22px;border-radius:50%;background:linear-gradient(var(--rot) 0 50%,#fff 50% 100%);border:3px solid #111;position:relative;flex:none}.pokeball-mini:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border:2px solid #111;border-radius:50%;transform:translate(-50%,-50%)}.nav-links{display:flex;gap:4px;flex-wrap:wrap}.nav-link{color:#fff;padding:8px 12px;border-radius:999px;font-weight:600;font-size:.95rem}.nav-link:hover{background:#ffffff26}.nav-link.aktiv{background:var(--gelb);color:var(--blau-dunkel)}.zaehler{background:var(--rot);color:#fff;border-radius:999px;padding:1px 7px;font-size:.8rem;margin-left:2px}.fuss{text-align:center;padding:16px;color:#666;font-size:.85rem}.hero{text-align:center;padding:24px 0}.pokeball{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(var(--rot) 0 50%,#fff 50% 100%);border:4px solid #222;position:relative}.pokeball:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;background:#fff;border:4px solid #222;border-radius:50%;transform:translate(-50%,-50%)}.hero h1{font-size:2.6rem;margin:0;color:var(--blau-dunkel)}.untertitel{font-weight:700;letter-spacing:1px;color:var(--blau);margin:4px 0 0}.hero-status{margin-top:12px;font-size:1.1rem}.kachel-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.kachel{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 4px 14px #1f2a8c1a;transition:transform .12s ease}.kachel:hover{transform:translateY(-4px)}.kachel-emoji{font-size:2.4rem}.kachel h3{margin:8px 0 4px;color:var(--blau-dunkel)}.kachel p{margin:0;color:#555;font-size:.92rem}.seite-inhalt h1{color:var(--blau-dunkel)}.seite-text{color:#555}.laden,.fehler{padding:16px;font-size:1.05rem}.fehler{color:var(--rot)}.treffer{color:#777;font-size:.9rem}.suchfeld{width:100%;padding:14px 18px;font-size:1.05rem;border-radius:999px;border:2px solid #cdd3ff;outline:none;margin:8px 0 16px}.suchfeld:focus{border-color:var(--blau)}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.p-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;border:3px solid transparent}.p-card.besitzt{border-color:var(--gelb)}.p-card-bild{border:none;background:#f5f7ff;cursor:pointer;padding:10px 8px 4px;display:flex;flex-direction:column;align-items:center;position:relative}.p-card-bild img{width:100%;max-width:110px;aspect-ratio:1;object-fit:contain}.p-nummer{color:#aaa;font-size:.8rem;font-weight:700;align-self:flex-start}.p-nummer.gross{font-size:1rem}.p-name{font-weight:700;color:var(--blau-dunkel);margin-top:4px}.habe-knopf{border:none;background:#eef1ff;color:var(--blau-dunkel);font-weight:700;padding:8px;cursor:pointer;font-size:.85rem}.habe-knopf:hover{background:#e0e5ff}.habe-knopf.an{background:var(--gelb)}.mini-card{background:#fff;border:3px solid var(--gelb);border-radius:14px;cursor:pointer;padding:10px 8px;display:flex;flex-direction:column;align-items:center;box-shadow:0 3px 10px #00000014}.mini-card img{width:100%;max-width:100px;aspect-ratio:1;object-fit:contain}.fortschritt-box{background:#fff;border-radius:14px;padding:16px;margin:12px 0 20px;box-shadow:0 3px 10px #00000014}.fortschritt-text{font-size:1.1rem;margin-bottom:8px}.fortschritt-balken{background:#e6e9ff;border-radius:999px;height:18px;overflow:hidden}.fortschritt-fuellung{background:linear-gradient(90deg,var(--gelb),#ffa600);height:100%;transition:width .4s ease}.leer{text-align:center;padding:32px;color:#666}.modal-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#14194699;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:18px;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;padding:20px;position:relative}.modal-schliessen{position:absolute;top:12px;right:12px;border:none;background:#eef1ff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:1rem}.modal-kopf{display:flex;gap:14px;align-items:center}.modal-kopf img{width:120px;height:120px;object-fit:contain}.modal-kopf h2{margin:2px 0 6px;color:var(--blau-dunkel)}.typ-reihe{display:flex;gap:6px;flex-wrap:wrap}.info-reihe{display:flex;gap:20px;margin:14px 0;color:#444}.modal h3{margin:14px 0 6px;color:var(--blau-dunkel)}.werte{display:flex;flex-direction:column;gap:6px}.wert-zeile{display:grid;grid-template-columns:110px 1fr 36px;align-items:center;gap:8px}.wert-name{font-size:.85rem;color:#555}.wert-balken{background:#e6e9ff;border-radius:999px;height:12px;overflow:hidden}.wert-fuellung{background:var(--blau);height:100%}.wert-zahl{text-align:right;font-weight:700;font-size:.85rem}.modal-aktionen{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.aktion{flex:1;min-width:100px;border:2px solid #cdd3ff;background:#fff;color:var(--blau-dunkel);padding:10px;border-radius:10px;font-weight:700;cursor:pointer;font-size:.9rem}.aktion.an{background:var(--gelb);border-color:var(--gelb)}.aktion.biete.an{background:#b6f0c0;border-color:#6bcf7f}.aktion.suche.an{background:#ffd4a8;border-color:#ff9d3c}.typ{color:#fff;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.typ-normal{background:#a8a77a}.typ-fire{background:#ee8130}.typ-water{background:#6390f0}.typ-electric{background:#f7d02c;color:#5a4b00}.typ-grass{background:#7ac74c}.typ-ice{background:#96d9d6;color:#15494a}.typ-fighting{background:#c22e28}.typ-poison{background:#a33ea1}.typ-ground{background:#e2bf65;color:#4d3a00}.typ-flying{background:#a98ff3}.typ-psychic{background:#f95587}.typ-bug{background:#a6b91a}.typ-rock{background:#b6a136}.typ-ghost{background:#735797}.typ-dragon{background:#6f35fc}.typ-dark{background:#705746}.typ-steel{background:#b7b7ce;color:#2c2c40}.typ-fairy{background:#d685ad}.tausch-status,.quiz-punkte{display:flex;gap:20px;font-size:1.05rem;margin:8px 0 16px}.hinweis{background:#fff4d6;border:1px solid var(--gelb);border-radius:12px;padding:12px 16px;margin-bottom:16px}.freund-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.freund-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 3px 10px #00000014;border:3px solid transparent}.freund-card.perfekt{border-color:#6bcf7f}.freund-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avatar{font-size:1.8rem}.freund-kopf h3{margin:0;color:var(--blau-dunkel)}.perfekt-tag{background:#6bcf7f;color:#fff;font-size:.75rem;padding:3px 8px;border-radius:999px;font-weight:700}.freund-block{margin-top:10px}.block-titel{font-size:.85rem;font-weight:700}.block-titel.get{color:#2a9d4a}.block-titel.give{color:#d97706}.block-leer{color:#aaa;font-size:.85rem}.mini-reihe{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.tausch-mini{display:flex;flex-direction:column;align-items:center;width:64px;font-size:.7rem;color:#555}.tausch-mini img{width:56px;height:56px;object-fit:contain;background:#f5f7ff;border-radius:8px}.tausch-knopf{margin-top:12px;width:100%;border:none;padding:10px;border-radius:10px;font-weight:700;cursor:pointer;background:var(--gelb);color:var(--blau-dunkel)}.tausch-knopf:disabled{background:#e6e9ff;color:#aaa;cursor:not-allowed}.quiz{text-align:center}.quiz-bild{margin:10px auto}.quiz-bild img{width:200px;height:200px;object-fit:contain;transition:filter .3s ease}.silhouette{filter:brightness(0)}.aufgedeckt{filter:none}.quiz-optionen{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:460px;margin:16px auto}.quiz-option{border:2px solid #cdd3ff;background:#fff;color:var(--blau-dunkel);padding:14px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer}.quiz-option:hover{border-color:var(--blau)}.quiz-option.richtig{background:#b6f0c0;border-color:#6bcf7f}.quiz-option.falsch{background:#ffc4c4;border-color:var(--rot)}.quiz-ergebnis{font-size:1.2rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:12px}.nav-link.logout{border:none;background:#ffffff1f;cursor:pointer;font-family:inherit}.nav-link.logout:hover{background:#ffffff40}.login-seite{max-width:420px}.login-form{display:flex;flex-direction:column;gap:14px;background:#fff;padding:22px;border-radius:16px;box-shadow:0 3px 10px #00000014;margin-top:12px}.login-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:var(--blau-dunkel);font-size:.9rem}.login-form input{padding:12px 14px;border:2px solid #cdd3ff;border-radius:10px;font-size:1rem}.login-form input:focus{outline:none;border-color:var(--blau)}.login-form .knopf{margin-top:4px}.login-wechsel{text-align:center;margin-top:16px;color:#555}.link-knopf{border:none;background:none;color:var(--blau);font-weight:700;cursor:pointer;text-decoration:underline;font-size:1rem}.modal-bild{display:flex;flex-direction:column;align-items:center;gap:6px}.modal-bild img{width:120px;height:120px;object-fit:contain}.shiny-knopf{border:2px solid var(--gelb);background:#fff;color:var(--blau-dunkel);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;cursor:pointer}.shiny-knopf.an{background:var(--gelb)}.filter-reihe{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0 16px}.filter-reihe .suchfeld{flex:1;min-width:180px;margin:0}.kategorie-wahl{padding:12px 14px;border-radius:12px;border:2px solid #cdd3ff;font-size:1rem;background:#fff}.item-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.item-card{background:#fff;border:2px solid #eef1ff;border-radius:12px;cursor:pointer;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 2px 6px #0000000f}.item-card:hover{border-color:var(--blau)}.item-card img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.kein-bild{width:48px;height:48px;display:grid;place-items:center;color:#bbb;font-size:1.5rem}.item-name{font-size:.8rem;font-weight:700;color:var(--blau-dunkel);text-align:center}.modal.klein{max-width:360px}.item-detail-kopf{display:flex;gap:14px;align-items:center}.item-detail-kopf img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.item-detail-kopf h2{margin:0 0 6px;color:var(--blau-dunkel)}.item-preis{font-weight:700;color:#555}.item-effekt{line-height:1.5;color:#333}.region-liste{display:flex;flex-direction:column;gap:10px}.region-card{background:#fff;border-radius:14px;box-shadow:0 2px 8px #00000012;overflow:hidden}.region-kopf{width:100%;border:none;background:none;cursor:pointer;padding:16px;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.region-name{font-weight:800;color:var(--blau-dunkel)}.region-anzahl{color:#777;font-size:.9rem}.ort-liste{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.ort{background:#eef1ff;color:var(--blau-dunkel);padding:5px 10px;border-radius:8px;font-size:.85rem}.trainer-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.trainer-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 3px 10px #00000014;display:flex;gap:14px}.trainer-avatar{font-size:2.6rem}.trainer-info h3{margin:0 0 2px;color:var(--blau-dunkel)}.trainer-rolle{font-size:.85rem;color:#777}.trainer-tags{display:flex;gap:6px;margin:6px 0}.tag{background:#eef1ff;color:var(--blau-dunkel);padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.tag.typ-tag{background:var(--gelb)}.trainer-info p{margin:4px 0 0;font-size:.9rem;color:#444;line-height:1.4}.hinweis-klein{font-size:.85rem;color:#777;margin:0}.info-meldung{background:#e3f7e8;border:1px solid #6bcf7f;border-radius:10px;padding:10px 14px;font-weight:600}.anfragen-block{margin-top:24px}.anfragen-block h2{color:var(--blau-dunkel)}.anfrage-card{background:#fff;border:3px solid var(--gelb);border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 3px 10px #00000014}.anfrage-bilder{display:flex;align-items:center;gap:12px;margin:8px 0}.anfrage-bilder img{width:64px;height:64px;object-fit:contain;background:#f5f7ff;border-radius:10px}.tausch-pfeil{font-size:1.6rem;font-weight:800;color:var(--blau-dunkel)}.anfrage-knoepfe{display:flex;gap:10px;flex-wrap:wrap}.knopf.ablehnen{background:#ffd6d6;color:#8a1f1f}.anfrage-zeile{background:#fff;border-radius:10px;padding:10px 14px;margin:6px 0;box-shadow:0 2px 6px #0000000f}.anfrage-zeile.gruen{border-left:5px solid #6bcf7f}.anfrage-zeile.grau{border-left:5px solid #ccc;color:#777}.tausch-mini.klickbar{border:2px solid #cdd3ff;border-radius:10px;padding:6px;background:#fff;cursor:pointer}.tausch-mini.klickbar:hover{border-color:var(--blau);transform:scale(1.05)}.tausch-mini.gewaehlt{border-color:var(--gelb);background:#fff8dd}.menge-badge{position:absolute;top:6px;right:6px;z-index:1;background:var(--rot);color:#fff;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:800;box-shadow:0 1px 4px #00000040}.mini-card{position:relative}.menge-zeile{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.menge-zeile span{font-size:.9rem;color:#555}.menge-knopf{width:36px;height:36px;border-radius:50%;border:2px solid var(--blau);background:#fff;color:var(--blau-dunkel);font-size:1.3rem;font-weight:800;cursor:pointer;line-height:1}.menge-knopf:hover{background:#eef1ff}.menge-zahl{font-size:1.2rem;min-width:28px;text-align:center}.zustand-zeile{margin-top:16px}.zustand-zeile>span{font-size:.9rem;color:#555}.zustand-knoepfe{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.zustand-knopf{border:2px solid #cdd3ff;background:#fff;color:var(--blau-dunkel);padding:8px 12px;border-radius:999px;font-weight:700;font-size:.85rem;cursor:pointer}.zustand-knopf:hover{border-color:var(--blau)}.zustand-knopf.an{background:var(--gelb);border-color:var(--gelb)}.zustand-tag{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:999px;font-size:.7rem;font-weight:800}.zustand-tag.z-neu{background:#d9f5e0;color:#1d7a3a}.zustand-tag.z-gut{background:#e3eaff;color:#2c3fa3}.zustand-tag.z-gebraucht{background:#ffe9d6;color:#9a5b16}.knopf{background:var(--gelb);color:var(--blau-dunkel);border:none;padding:12px 22px;font-size:1rem;font-weight:700;border-radius:999px;cursor:pointer}.knopf:hover{filter:brightness(1.05)}