@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789%20.,!-";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}:root{--bg-base: #0B1120;--bg-card: #111827;--bg-card-hover: #162033;--bg-elevated: #1A2540;--bg-input: #1E2D45;--accent: #FF7A00;--accent-dim: rgba(255, 122, 0, .15);--accent-glow: 0 0 20px rgba(255, 122, 0, .35);--primary: #1E4D7B;--primary-bright: #2E6FBB;--green: #10B981;--green-dim: rgba(16, 185, 129, .12);--red: #EF4444;--red-dim: rgba(239, 68, 68, .12);--blue-soft: #3B82F6;--text-primary: #F1F5FF;--text-secondary: #8BA0C0;--text-muted: #4D6380;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.13);--border-accent: rgba(255, 122, 0, .4);--blauw: #1E4D7B;--blauw-licht: rgba(30, 77, 123, .25);--blauw-mid: #2E6FBB;--oranje: #FF7A00;--oranje-licht: rgba(255, 122, 0, .15);--groen: #10B981;--groen-licht: rgba(16, 185, 129, .12);--groen-donker: #059669;--paars: #8B5CF6;--paars-licht: rgba(139, 92, 246, .15);--rood: #EF4444;--rood-licht: rgba(239, 68, 68, .12);--tekst: #F1F5FF;--tekst-sub: #8BA0C0;--tekst-muted: #4D6380;--rand: rgba(255,255,255,.07);--rand-blauw: rgba(46, 111, 187, .3);--achtergrond: #0B1120;--wit: #111827;--shadow-accent: 0 4px 20px rgba(255, 122, 0, .3);--shadow-card: 0 2px 12px rgba(0,0,0,.4);--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t-normal: .22s cubic-bezier(.4, 0, .2, 1);--t-spring: .35s cubic-bezier(.34, 1.56, .64, 1);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px}html{min-height:calc(100% + env(safe-area-inset-top));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html,body,#root{height:100%;height:100dvh;overflow:hidden}body{background:#050810;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}.app-shell{width:390px;height:844px;max-height:100vh;max-height:100dvh;border-radius:40px;overflow:clip;border:.5px solid rgba(255,255,255,.08);background:var(--bg-base);box-shadow:0 20px 80px #000000b3,0 0 0 .5px #ffffff0a;display:flex;flex-direction:column;position:relative}@media (max-width: 430px),(max-height: 720px){html,body{height:100%;overflow:hidden}body{touch-action:pan-y;overflow:hidden;align-items:flex-start;background:var(--bg-base)}#root{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.app-shell{width:100%;height:100%;max-height:100%;border-radius:0;border:none;box-shadow:none;overflow:clip;touch-action:pan-y}}.topbar{background:#0b1120f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 16px 0;padding-top:max(14px,env(safe-area-inset-top));flex-shrink:0;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border)}.logo{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px}.logo span{color:var(--accent)}.tabs{display:none}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#090e1af7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:flex-start;z-index:20}.bottom-nav__dot{position:absolute;top:8px;right:calc(50% - 16px);width:6px;height:6px;border-radius:50%;background:var(--red);border:1.5px solid var(--bg-base)}.pagina-container{flex:1;overflow:hidden;position:relative}.pagina{display:none;padding:12px 12px calc(68px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;height:100%;-webkit-overflow-scrolling:touch}.kaart{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);padding:12px;margin-bottom:10px}.avatar-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border:1.5px solid rgba(255,255,255,.15);cursor:pointer;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-full);font-size:10px;font-weight:600}.match-feed{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px 12px calc(68px + env(safe-area-inset-bottom))}.match-card{background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border);padding:14px;margin-bottom:10px;cursor:pointer;transition:var(--t-normal);position:relative;overflow:hidden}.match-card:active{transform:scale(.987);background:var(--bg-card-hover)}.player-slots{display:flex;align-items:center;gap:6px;margin:10px 0}.live-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--r-full);font-size:10px;font-weight:600;letter-spacing:.2px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.join-btn{padding:8px 16px;border-radius:var(--r-full);font-size:12px;font-weight:700;border:none;cursor:pointer;transition:var(--t-spring);letter-spacing:.3px;text-transform:uppercase}.rating-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--r-full);font-size:10px;font-weight:700;letter-spacing:.3px}.rating-badge--elite{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.rating-badge--pro{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.rating-badge--expert{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.rating-badge--advanced{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.rating-badge--intermediate{background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.3)}.rating-badge--recreational{background:#9ca3af1f;color:#9ca3af;border:1px solid rgba(156,163,175,.2)}.type-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-full);font-size:10px;font-weight:700;letter-spacing:.5px}.filterpills{display:flex;gap:6px;overflow-x:scroll;padding:0 12px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:50;display:flex;flex-direction:column;justify-content:flex-end}.spinner__dot{width:6px;height:6px;border-radius:50%;animation:bounce .6s ease-in-out infinite alternate;background:var(--accent)}@keyframes bounce{0%{transform:translateY(0);opacity:.5}to{transform:translateY(-5px);opacity:1}}.profiel-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px 12px calc(68px + env(safe-area-inset-bottom))}.stat-card{background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);padding:14px;flex:1;min-width:0}.leaderboard-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--border);margin-bottom:6px;cursor:pointer;transition:var(--t-normal)}@media (min-width: 1024px){body{background:#050810}.app-shell{width:100vw;height:100vh;max-height:none;border-radius:0;border:none;box-shadow:none;display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr}.bottom-nav{display:none}.pagina-container{padding-bottom:0}.topbar{grid-column:2;grid-row:1;padding:16px 24px;display:flex;align-items:center;gap:12px}.topbar__row{margin-bottom:0;flex:1}}.desktop-sidebar{grid-column:1;grid-row:1 / 3;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 12px;overflow-y:auto}.desktop-sidebar__logo{padding:0 8px 24px;border-bottom:1px solid var(--border);margin-bottom:20px}.desktop-sidebar__wordmark{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.desktop-sidebar__wordmark span{color:var(--accent)}.desktop-sidebar__sub{font-size:11px;color:var(--text-muted);margin-top:2px}.desktop-sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.desktop-sidebar__section{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:12px 8px 4px}.desktop-nav-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r-md);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:none;transition:var(--t-normal);text-align:left;width:100%}.desktop-nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.desktop-nav-item--actief{background:var(--accent-dim);color:var(--accent);font-weight:600}.desktop-nav-icon{width:16px;height:16px;flex-shrink:0}.desktop-nav-badge{margin-left:auto;background:var(--red);color:#fff;border-radius:10px;min-width:16px;height:16px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.desktop-sidebar__user{display:flex;align-items:center;gap:8px;padding:12px 8px;border-top:1px solid var(--border);margin-top:8px}.desktop-sidebar__user-naam{font-size:12px;font-weight:600;color:var(--text-primary)}.desktop-sidebar__user-club{font-size:10px;color:var(--text-muted)}.desktop-sidebar__user-rating{margin-left:auto;font-size:11px;font-weight:700;color:var(--accent)}.desktop-topbar-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.desktop-topbar-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.desktop-topbar-spacer{flex:1}.desktop-topbar-search{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-full);padding:8px 14px}.desktop-topbar-search input{background:none;border:none;font-size:12px;color:var(--text-primary);outline:none;width:160px}.desktop-topbar-search input::placeholder{color:var(--text-muted)}.desktop-topbar-btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:var(--t-normal);box-shadow:var(--shadow-accent)}.desktop-topbar-btn:hover{filter:brightness(1.1)}@media (min-width: 1024px){.wedstrijden-grid{grid-template-columns:repeat(2,1fr)}}.desktop-lb-layout{display:grid;grid-template-columns:1fr 260px;height:100%;overflow:hidden}.typebadge-hd{background:#1e4d7b4d;color:#60a5fa}.filterpills::-webkit-scrollbar,.match-feed::-webkit-scrollbar{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardGlowPulse{0%,to{box-shadow:0 0 #ff7a0000,0 4px 20px #0006}50%{box-shadow:0 0 0 3px #ff7a002e,0 4px 20px #0006}}@keyframes slotPopIn{0%{transform:scale(0) rotate(-10deg);opacity:0}70%{transform:scale(1.15) rotate(3deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes joinPulse{0%,to{box-shadow:0 0 #ff7a0080,0 4px 16px #ff7a004d}50%{box-shadow:0 0 0 6px #ff7a0000,0 4px 16px #ff7a004d}}@keyframes urgentPulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 5px #ef444400}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes checkPop{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.4}}@keyframes bgPan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.match-card-live{background:var(--bg-card);border-radius:18px;border:1px solid var(--border);margin-bottom:12px;cursor:pointer;position:relative;overflow:hidden;transform-origin:center;transition:transform .18s cubic-bezier(.4,0,.2,1),border-color .18s,box-shadow .18s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;animation:cardSlideIn .38s cubic-bezier(.34,1.2,.64,1) both}.match-card-live--urgent{border-color:#ef444459;animation:cardSlideIn .38s cubic-bezier(.34,1.2,.64,1) both,urgentPulse 2.5s ease-in-out .5s infinite}.match-card-live--bijna-vol{border-color:#ff7a0066;animation:cardSlideIn .38s cubic-bezier(.34,1.2,.64,1) both,cardGlowPulse 2.8s ease-in-out .5s infinite}.match-card-live--snel{border-color:#fbbf244d}.match-card-live--mine{border-color:#ff7a004d;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(255,122,0,.04) 100%)}.match-card-live--joined{border-color:#10b9814d}.match-card-live__swipe-hint-join{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,122,0,.12) 0%,transparent 60%);border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .15s}.card-accent-stripe{height:2px;width:100%;background:linear-gradient(90deg,var(--accent),#ff4500);opacity:0;transition:opacity .2s}.match-card-live__body{padding:13px 14px 12px}.player-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;border:2px solid rgba(255,255,255,.12);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.teams-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0}.join-cta{padding:10px 20px;border-radius:999px;font-size:12px;font-weight:800;border:none;cursor:pointer;letter-spacing:.4px;text-transform:uppercase;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.urgency-label{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.2px}.viewers-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;color:var(--text-muted);font-weight:500}.feed-header{padding:14px 14px 4px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.skeleton-card{background:var(--bg-card);border-radius:18px;border:1px solid var(--border);padding:14px;margin-bottom:12px;overflow:hidden;position:relative}.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.04) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line{height:10px;border-radius:5px;background:#ffffff0f;margin-bottom:8px}.join-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--green);color:#fff;padding:7px 16px;border-radius:999px;font-size:12px;font-weight:700;pointer-events:none;white-space:nowrap;z-index:20;animation:floatUp .3s ease both,checkPop .3s ease .1s both}.swipe-label{position:absolute;top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .1s;white-space:nowrap}.feed-section{padding:2px 14px 6px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px}.match-topbar{padding:12px 14px 8px;padding-top:max(12px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;background:#0b1120f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:10}.chip-row{display:flex;gap:6px;overflow-x:scroll;padding:0 14px 8px;scrollbar-width:none}.live-feed{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:6px 14px calc(62px + env(safe-area-inset-bottom))}.fab{position:absolute;bottom:calc(56px + env(safe-area-inset-bottom));right:16px;width:52px;height:52px;border-radius:16px;background:var(--accent);box-shadow:0 6px 24px #ff7a0073,0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:15;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;-webkit-tap-highlight-color:transparent}.fab:active{transform:scale(.9);box-shadow:0 3px 12px #ff7a0059}.empty-feed{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;text-align:center}.confirm-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#070c19e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:18px;display:flex;align-items:center;justify-content:center;z-index:10;animation:floatUp .2s ease both}.match-card-live:nth-child(1){animation-delay:0ms}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heroEntrance{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glowPulseOrange{0%,to{box-shadow:0 0 20px #ff7a0066,0 0 40px #ff7a0026}50%{box-shadow:0 0 32px #ff7a0099,0 0 60px #ff7a0040}}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes badgeGlowPulse{0%,to{filter:drop-shadow(0 0 6px var(--badge-glow-color, #FF7A00)) drop-shadow(0 0 12px var(--badge-glow-color, #FF7A00))}50%{filter:drop-shadow(0 0 12px var(--badge-glow-color, #FF7A00)) drop-shadow(0 0 24px var(--badge-glow-color, #FF7A00)) brightness(1.1)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lineGrow{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes winRingFill{0%{stroke-dashoffset:251}to{stroke-dashoffset:var(--ring-offset, 80)}}@keyframes ratingLineIn{0%{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:1;transform:scaleX(1)}}.hero-card{background:linear-gradient(135deg,#1a2540fa,#141e37f2,#1a2540fa);border-radius:22px;border:1px solid rgba(255,122,0,.25);padding:18px;position:relative;overflow:hidden;animation:heroEntrance .5s cubic-bezier(.34,1.2,.64,1) both;box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff0f}.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% -20%,rgba(255,122,0,.12) 0%,transparent 60%);pointer-events:none}.hero-card:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,0,.08) 0%,transparent 70%);right:-60px;bottom:-60px;pointer-events:none}.avatar-glow-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.stat-card-premium{background:linear-gradient(145deg,#1a2540e6,#121c32f2);border-radius:18px;border:1px solid rgba(255,255,255,.07);padding:14px 12px;flex:1;min-width:0;position:relative;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.2,.64,1),border-color .2s;animation:cardSlideIn .4s cubic-bezier(.34,1.2,.64,1) both;box-shadow:0 4px 20px #0000004d}.stat-card-premium:active{transform:scale(.95)}.stat-card-premium:before{content:"";position:absolute;top:-40px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.08;pointer-events:none}.stat-card-premium--matches:before{background:var(--accent)}.stat-card-premium--winrate:before{background:#10b981}.stat-card-premium--streak:before{background:#f59e0b}.badge-card-premium{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:16px;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;min-width:0;-webkit-tap-highlight-color:transparent}.badge-card-premium:active{transform:scale(.9)}.badge-card-premium--earned{background:linear-gradient(145deg,#1a2540e6,#121c32f2);border:1px solid rgba(255,122,0,.25);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d;animation:badgeFloat 3s ease-in-out infinite}.badge-card-premium--locked{background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.winrate-ring-wrap{position:relative;width:72px;height:72px;flex-shrink:0}.winrate-ring-svg{width:72px;height:72px;transform:rotate(-90deg)}.winrate-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.rating-chart-path{stroke-dasharray:1000;stroke-dashoffset:1000;animation:lineGrow 1.2s cubic-bezier(.4,0,.2,1) .3s forwards}.match-row-premium{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#1a2540b3,#121c32cc);border:1px solid rgba(255,255,255,.06);cursor:pointer;margin-bottom:8px;transition:all .15s;animation:cardSlideIn .35s ease both;box-shadow:0 2px 10px #0003}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 2px}.section-hdr__title{font-size:16px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.section-hdr__action{font-size:12px;color:var(--accent);font-weight:600;background:none;border:none;cursor:pointer;padding:0}.match-card-v5{background:linear-gradient(135deg,#162038fa,#10182cfa);border-radius:20px;border:1px solid rgba(255,255,255,.07);margin-bottom:12px;cursor:pointer;position:relative;overflow:hidden;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s;-webkit-tap-highlight-color:transparent;animation:cardSlideIn .38s cubic-bezier(.34,1.2,.64,1) both;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0a}.match-card-v5:active{transform:scale(.972);box-shadow:0 2px 12px #0006}.match-card-v5--urgent{border-color:#ef444466;box-shadow:0 4px 24px #ef444426,0 0 0 1px #ef444433}.match-card-v5--bijna{border-color:#ff7a0066;box-shadow:0 4px 24px #ff7a0026,0 0 0 1px #ff7a0033;animation:cardSlideIn .38s cubic-bezier(.34,1.2,.64,1) both,cardGlowPulse 3s ease-in-out .5s infinite}.match-card-v5--mine{border-color:#ff7a0059;background:linear-gradient(135deg,#1e2846fa,#ff7a000f)}.match-card-v5--joined{border-color:#10b98159;box-shadow:0 4px 24px #10b9811a}.pav5{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;border:2px solid rgba(255,255,255,.1);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.pav5--new{animation:slotPopIn .45s cubic-bezier(.34,1.56,.64,1) both}.pav5--empty{background:#ffffff08;border:2px dashed rgba(255,255,255,.1)}.pav5--joinable{background:#ff7a0012;border:2px dashed rgba(255,122,0,.5);cursor:pointer;animation:joinPulse 2.5s ease-in-out infinite}.pav5--joinable:active{transform:scale(1.15)}.join-v5{padding:9px 18px;border-radius:999px;font-size:12px;font-weight:800;border:none;cursor:pointer;letter-spacing:.4px;text-transform:uppercase;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s;-webkit-tap-highlight-color:transparent}.join-v5--active{background:linear-gradient(135deg,#ff7a00,#ff4500);color:#fff;box-shadow:0 4px 20px #ff7a0080;animation:joinPulse 2s ease-in-out infinite}.join-v5--active:active{transform:scale(.92);animation:none;box-shadow:0 2px 10px #ff7a004d}.join-v5--joined{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.35);animation:none}.join-v5--afmelden{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.35);animation:none;transition:background .15s,box-shadow .15s}.join-v5--afmelden:active{background:#ef444438;box-shadow:0 0 0 2px #ef444440}.join-v5--mine{background:#ff7a001a;color:var(--accent);border:1px solid rgba(255,122,0,.3);animation:none}.join-v5--full{background:#ffffff0d;color:var(--text-muted);cursor:not-allowed;animation:none}.lb-row-v5{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:linear-gradient(135deg,#162038cc,#10182ce6);border:1px solid rgba(255,255,255,.06);cursor:pointer;margin-bottom:7px;transition:all .15s;animation:cardSlideIn .32s ease both;box-shadow:0 2px 10px #0003}.bottom-nav-v5{position:absolute;bottom:0;left:0;right:0;height:calc(45px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#080d1af7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding-top:10;z-index:20}.bnv5-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;border:none;background:none;cursor:pointer;padding:10px 0 0;position:relative;-webkit-tap-highlight-color:transparent}.bnv5-icon{width:24px;height:24px;color:#ffffff59;transition:color .15s}.bnv5-label{font-size:10px;font-weight:500;color:#ffffff59;transition:color .15s;letter-spacing:.1px}.bnv5-item--active .bnv5-icon{color:var(--accent)}.bnv5-item--active .bnv5-label{color:var(--accent);font-weight:700}.bnv5-fab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;gap:3px}.bnv5-fab-inner{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#ff7a00,#ff4500);box-shadow:0 6px 28px #ff7a008c,0 0 0 1px #ff7a004d;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;margin-top:5px}.bnv5-fab:active .bnv5-fab-inner{transform:scale(.88);box-shadow:0 3px 14px #ff7a0066}.bnv5-fab-label{font-size:10px;font-weight:700;color:var(--accent);margin-top:4px}.topbar-v5{padding:10px 16px 8px;padding-top:max(14px,env(safe-area-inset-top));display:flex;align-items:center;background:#080d1af7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;z-index:10}.topbar-v5__logo{font-size:20px;font-weight:900;color:#fff;letter-spacing:-.5px}.topbar-v5__logo span{color:var(--accent)}.topbar-v5__spacer{flex:1}.topbar-v5__bell{width:36px;height:36px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:#fff9;margin-right:8px}.topbar-v5__notif-dot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:1.5px solid rgba(8,13,26,.97);animation:glowPulseOrange 1.5s ease-in-out infinite}.topbar-v5__avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid rgba(255,122,0,.5);cursor:pointer;flex-shrink:0;box-shadow:0 0 12px #ff7a004d}.avatar-ring-fixed{position:relative;width:72px;height:72px;flex-shrink:0}.avatar-ring-fixed__circle{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:conic-gradient(#ff7a00 0deg 270deg,#ff7a0026 270deg 360deg)}.avatar-ring-fixed__circle:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--bg-base)}.avatar-ring-fixed__inner{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;z-index:1;box-shadow:0 0 20px #ff7a0040}.match-section-tabs{display:flex;gap:0;padding:0 14px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.match-v6{background:linear-gradient(145deg,#16203afa,#10182efa);border-radius:18px;border:1px solid rgba(255,255,255,.08);padding:14px 14px 12px;margin-bottom:10px;cursor:pointer;position:relative;overflow:hidden;transition:transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s;animation:cardSlideIn .35s cubic-bezier(.34,1.2,.64,1) both;box-shadow:0 4px 20px #0000004d}.hot-label{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}.match-v6__time{font-size:18px;font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1.1;margin-bottom:2px}.match-v6__meta{margin-bottom:12px}.match-v6__footer{display:flex;align-items:center;justify-content:space-between}.spots-badge{font-size:10px;font-weight:700;color:#ffffff80;margin-bottom:10px}.weekly-card{background:linear-gradient(135deg,#1a2540f2,#141e3cf2);border-radius:16px;border:1px solid rgba(255,122,0,.25);padding:14px 14px 12px;margin-bottom:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #ff7a001a;position:relative;overflow:hidden}.social-feed{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:12px 12px calc(68px + env(safe-area-inset-bottom))}.h2h-card{background:linear-gradient(135deg,#1a2540fa,#141e38fa);border-radius:16px;border:1px solid rgba(139,92,246,.25);padding:14px;margin-bottom:8px;box-shadow:0 4px 20px #8b5cf61a}.lb-v6-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 calc(68px + env(safe-area-inset-bottom))}.lb-v6-search{display:flex;align-items:center;gap:8px;margin:14px 12px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-full);padding:10px 16px;transition:border-color .18s,box-shadow .18s}.lb-v6-search:focus-within{border-color:#ff7a0066;box-shadow:0 0 0 3px #ff7a0014}.lb-v6-search input{background:none;border:none;outline:none;font-size:13px;color:#fff;flex:1;font-family:inherit}.lb-v6-search input::placeholder{color:#ffffff38}.lb-v6-tabs{display:flex;gap:6px;padding:0 12px 12px}.lb-v6-tab{flex:1;padding:8px 0;border-radius:var(--r-md);font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:#ffffff61;transition:all .18s;text-transform:uppercase}.lb-v6-tab--active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-bright) 100%);color:#fff;border-color:transparent;box-shadow:0 2px 14px #1e4d7b73,inset 0 1px #ffffff1f}.lb-v6-region-pill{display:inline-flex;align-items:center;gap:5px;background:#1e4d7b2e;border:1px solid rgba(46,111,187,.3);border-radius:var(--r-full);padding:4px 12px;font-size:11px;font-weight:700;color:var(--primary-bright);margin:0 12px 12px;letter-spacing:.2px}.lb-v6-section-label{padding:6px 14px 4px;font-size:10px;font-weight:700;letter-spacing:1px;color:#fff3;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}.lb-v6-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .12s;position:relative}.lb-v6-num{width:28px;font-size:12px;font-weight:700;color:#ffffff47;text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.lb-v6-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.lb-v6-name{font-size:13px;font-weight:600;color:#fff}.lb-v6-club{font-size:10px;color:#ffffff4d;margin-top:1px}.lb-v6-rating{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto;padding:3px 9px;border-radius:var(--r-full);background:#ffffff0f;border:1px solid rgba(255,255,255,.09);color:#fffc;letter-spacing:.2px}.btn{display:block;width:100%;padding:13px 16px;border-radius:14px;font-size:13px;font-weight:700;font-family:inherit;text-align:center;border:none;cursor:pointer;margin-bottom:8px;transition:opacity .15s,transform .12s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--oranje{background:linear-gradient(135deg,#ff7a00,#ff4500);color:#fff;box-shadow:0 4px 16px #ff7a0066}.btn--groen{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b98159}.btn--ghost{background:none;border:none;color:#ffffff59;font-size:12px;cursor:pointer;box-shadow:none;padding:10px 16px}@keyframes xpToastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes xpToastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-8px)}}input[name^=score-]::-webkit-contacts-auto-fill-button,input[name^=score-]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}