:root{--bg: #0b1d2a;--bg-deep: #071521;--surface: #10293a;--surface-2: #16344a;--border: #1f4258;--text: #e8f1f6;--text-dim: #8fadbf;--accent: #f59e0b;--accent-soft: #fbbf24;--good: #34d399;--bad: #f87171;--radius: 14px;color-scheme:dark}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);min-height:100dvh;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:640px;margin:0 auto;padding:16px 16px calc(84px + env(safe-area-inset-bottom))}h1{font-size:1.4rem;margin:8px 0 16px}h2{font-size:1.05rem;margin:20px 0 10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}a{color:var(--accent-soft);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px}label{display:block;font-size:.85rem;color:var(--text-dim);margin:12px 0 4px}input,select,textarea{width:100%;padding:11px 12px;background:var(--bg-deep);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}button,.btn{display:inline-block;width:100%;padding:12px 16px;margin-top:16px;background:var(--accent);color:#1a1205;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;transition:filter .15s}button:hover,.btn:hover{filter:brightness(1.1)}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}button.small{width:auto;padding:8px 14px;margin-top:0;font-size:.9rem}.error{background:#f871711f;border:1px solid var(--bad);color:var(--bad);border-radius:10px;padding:10px 14px;margin:12px 0;font-size:.9rem}.success{background:#34d3991f;border:1px solid var(--good);color:var(--good);border-radius:10px;padding:10px 14px;margin:12px 0;font-size:.9rem}nav.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#071521eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:50}nav.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-dim);font-size:.68rem;padding:4px 14px;border-radius:10px}nav.tabbar a .ico{font-size:1.35rem;line-height:1.2}nav.tabbar a.active{color:var(--accent-soft)}.league-row{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.league-row .rank{font-weight:800;font-size:1.1rem;width:28px;text-align:center;color:var(--text-dim)}.league-row.top .rank{color:var(--accent)}.league-row .pts{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#08131c;flex-shrink:0}.feed-item{display:flex;gap:12px;align-items:flex-start}.feed-item .meta{font-size:.78rem;color:var(--text-dim)}.feed-item .pts{margin-left:auto;font-weight:700;white-space:nowrap}.pts.plus{color:var(--good)}.pts.minus{color:var(--bad)}.stars{color:var(--accent);letter-spacing:2px}.photo-thumb{width:100%;border-radius:10px;margin-top:8px;max-height:320px;object-fit:cover}.quick-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.quick-grid button{margin-top:0;padding:14px 6px;font-size:.85rem}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.statgrid .card{text-align:center;margin:0;padding:12px 8px}.statgrid .num{font-size:1.5rem;font-weight:800;color:var(--accent-soft)}.statgrid .lbl{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:600;font-size:.78rem;text-transform:uppercase}.brand{display:flex;align-items:center;gap:10px;padding:14px 0 4px;font-weight:800;font-size:1.25rem}.brand .logo{font-size:1.6rem}.pulse-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--good);margin-left:4px;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #34d39999}to{box-shadow:0 0 0 10px #34d39900}}.progress-track{height:8px;background:var(--bg-deep);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-soft));border-radius:4px;transition:width .3s}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.achievement{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 6px;text-align:center}.achievement .emoji{font-size:1.6rem}.achievement .name{font-size:.72rem;font-weight:700;margin-top:4px}.achievement .desc{font-size:.62rem;color:var(--text-dim);margin-top:2px}.achievement.locked{opacity:.35;filter:grayscale(1)}.achievement.earned{border-color:var(--accent)}.achievement.partial{position:relative;overflow:hidden}.achievement.partial:after{content:"";position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--p, 0%));background:#0a141f8c;backdrop-filter:grayscale(1);-webkit-backdrop-filter:grayscale(1);pointer-events:none}.achievement.partial:before{content:"";position:absolute;left:0;bottom:0;height:3px;width:var(--p, 0%);background:var(--accent)}.map-wrap{position:fixed!important;inset:0 0 calc(64px + env(safe-area-inset-bottom)) 0}.angler-marker{width:38px;height:38px;border-radius:50%;border:3px solid var(--good);display:flex;align-items:center;justify-content:center;font-weight:800;color:#08131c;box-shadow:0 0 0 4px #34d39959;animation:pulse 1.6s ease-out infinite;cursor:pointer}.catch-marker{font-size:22px;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.poi-marker{font-size:18px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#071521bf;border:2px dashed rgba(245,158,11,.8);border-radius:50%;cursor:pointer}.poi-marker.found{border:2px solid var(--good);background:#072118cc}.poi-marker.undiscovered{filter:grayscale(.85) opacity(.55)}.poi-marker svg{display:block}.cp-marker{font-size:13px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#071521b3;border:1.5px solid rgba(251,191,36,.85);border-radius:50%;cursor:pointer;filter:grayscale(.6) opacity(.75)}.cp-marker.visited{border-color:var(--good);background:#072118cc;filter:none}.cp-marker.seezeichen{background:#f8fafc;border:1.5px solid #b91c1c;border-radius:4px;filter:opacity(.7)}.cp-marker.seezeichen:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:9px solid #dc2626}.cp-marker.seezeichen.visited{border-color:var(--good);background:#f8fafc;filter:none;box-shadow:0 0 0 2px #34d39966}.maplibregl-popup-content{background:var(--surface)!important;color:var(--text)!important;border-radius:10px!important;border:1px solid var(--border);font-family:inherit!important}.maplibregl-popup-tip{border-top-color:var(--surface)!important}.maplibregl-popup-close-button{color:var(--text-dim)!important;font-size:1.1rem}