:root{--brand-900: #0B090A;--brand-800: #161A1D;--brand-700: #660708;--brand-600: #A4161A;--brand-500: #BA181B;--brand-400: #E5383B;--gray-400: #B1A7A6;--gray-300: #D3D3D3;--bg-gray: #F5F3F4;--white: #FFFFFF;--clr-accent: var(--brand-400);--clr-accent-2: var(--brand-500);--clr-deep: var(--brand-900);--clr-caramel: var(--brand-700);--text-on-dark: #FFFFFF;--text-on-light:#0B090A;--border: rgba(0,0,0,.12);--bg: var(--bg-gray);--surface: var(--white);--surface-2: #FAFAFB;--radius: 14px;--radius-sm: 10px;--shadow: 0 8px 24px rgba(11, 9, 10, .1);--shadow-1: 0 6px 18px rgba(11, 9, 10, .1);--shadow-2: 0 12px 30px rgba(11, 9, 10, .16);--ring: 0 0 0 3px color-mix(in srgb, var(--clr-accent) 35%, white)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text-on-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.surface,.card,.dashboard-content,.matches-container,.my-events-container,.modal-content,.create-event-container{color:var(--text-on-light);background:var(--surface)}button{border-radius:999px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:700;background:linear-gradient(180deg,var(--clr-accent),color-mix(in srgb,var(--clr-accent) 75%,#4d0c0e));color:#fff;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,opacity .2s;box-shadow:var(--shadow)}button:hover{opacity:.95}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:var(--ring)}a{color:var(--clr-accent);text-decoration:none;font-weight:600}a:hover{opacity:.9}html,body,#root{height:100%;width:100%;font-family:Poppins,serif;background-color:#fff0e6;margin:0}.logo{filter:drop-shadow(0 0 2em #f00f0faa);max-width:100%;height:auto}.split-screen{display:flex;height:100vh;width:100vw}.left-side{flex:1;background-color:#fff0e6;display:flex;justify-content:center;align-items:center;padding:2rem}.right-side{flex:1;background-color:#fff;padding:4rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.formular{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:300px;margin:0 auto;width:100%}.formular input{width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:1rem}.formular button{background-color:#f60;color:#fff;border:none;padding:10px;border-radius:6px;font-weight:700;cursor:pointer;width:100%}.formular button:hover{background-color:#ff4500}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.read-the-docs{color:#888}@media (max-width: 768px){.split-screen{flex-direction:column;height:auto}.left-side{padding:1rem}.right-side{padding:2rem;align-items:center;text-align:center}.formular{max-width:90%}}@media (max-width: 480px){.right-side{padding:1rem}.formular input,.formular button{font-size:.9rem;padding:8px}.logo{max-width:80%}}.dashboard-container{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.dashboard-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 16px;background:#0b090a59;background:color-mix(in srgb,var(--clr-deep, #0B090A) 40%,transparent);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);box-shadow:0 6px 20px #00000029;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-on-dark, #fff)}.dashboard-logo{height:44px;justify-self:center}.user-info{display:flex;align-items:center;gap:10px;justify-self:end;background:#fff;padding:6px 10px;border-radius:999px;border:1px solid var(--border)}.username{font-size:14px;color:#555}.username-value{color:var(--clr-caramel);font-weight:700}.logout-button-small{background:transparent;border:1px solid var(--clr-caramel);color:var(--clr-caramel);padding:6px 10px;border-radius:999px;font-size:13px}.logout-button-small:hover{background:var(--clr-caramel);color:#fff}.nav-toggle{display:none;background:var(--clr-deep, #3B1C32);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 12px;line-height:1;box-shadow:0 2px 10px #0000001f}.nav-toggle:hover{opacity:.95}.nav-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--clr-accent, #CA054D) 40%,white);outline-offset:2px}.dashboard-body{display:flex;flex-direction:column;flex:1}.dashboard-sidebar{background:#281625;background:color-mix(in srgb,var(--clr-deep, #3B1C32) 82%,black);color:var(--text-on-dark, #fff);backdrop-filter:saturate(140%) blur(6px);-webkit-backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:10px;padding:12px 16px}.dashboard-sidebar .nav-link{color:var(--text-on-dark, #fff);background:transparent;border:1px solid rgba(255,255,255,.14);padding:10px 14px;border-radius:12px;font-size:.95rem;transition:transform .05s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;box-shadow:0 2px 10px #0000002e;text-align:left;display:flex;align-items:center;gap:10px}.dashboard-sidebar .nav-link:hover{background:#ffffff0f;border-color:#ffffff38}@keyframes navPulse{0%{box-shadow:0 0 #ff5050cc}60%{box-shadow:0 0 0 16px #ff505000}to{box-shadow:0 0 #ff505000}}.dashboard-sidebar .nav-link:focus-visible{outline:3px solid color-mix(in srgb,var(--clr-accent, #CA054D) 40%,white);outline-offset:2px}.dashboard-sidebar .nav-link.active{background:var(--clr-accent, #CA054D);border-color:transparent;color:#fff;box-shadow:0 6px 16px #ca054d59}.nav-icon{width:50px;height:50px;display:block;object-fit:contain}.profile-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;position:relative}.profile-search input{border:none;outline:none;font-size:.95rem;min-width:120px;width:100%;background:transparent;color:#fff}.profile-search input::placeholder{color:#ffffffb3}.suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;background:#fff;color:#111;border:1px solid var(--border);border-radius:8px;margin-top:6px;box-shadow:var(--shadow-2, 0 10px 30px rgba(0,0,0,.15));max-height:260px;overflow:auto}.suggestions--dark{background:#1c1620;color:#fff;border-color:#ffffff24}.suggestion-item{padding:8px 10px;cursor:pointer;display:flex;align-items:center;gap:8px}.suggestion-item:hover{background:#0000000f}.suggestions--dark .suggestion-item:hover{background:#ffffff14}.suggestion-avatar{width:22px;height:22px;border-radius:999px;object-fit:cover;background:#eee}.dashboard-content{flex:1;padding:24px;background:var(--surface);border-top:1px solid var(--border)}@media (min-width: 901px){.dashboard-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100dvh;padding:16px;border-right:1px solid rgba(255,255,255,.1);border-bottom:none;display:flex;flex-direction:column;align-items:stretch;gap:10px;box-shadow:6px 0 20px #0000000f;z-index:60}.dashboard-header{position:sticky;top:0;z-index:50;left:280px;width:calc(100% - 280px);grid-template-columns:auto 1fr auto;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-body{margin-left:280px;display:block}.dashboard-content{padding:24px;background:var(--surface);border-top:1px solid var(--border)}.dashboard-sidebar .nav-link{width:100%;display:flex;align-items:center;gap:10px;font-size:1rem}.dashboard-sidebar .nav-link.live-pulse{background:#ff484847;border:1px solid rgba(255,120,120,.7);color:#fff;box-shadow:0 0 #ff5050cc,0 10px 24px #0000002e;animation:navPulse .95s ease-in-out infinite}.dashboard-sidebar .nav-link.active.live-pulse{background:#ff484852;border-color:#ff7878bf;animation:navPulse .95s ease-in-out infinite}.dashboard-sidebar .nav-link.live-static{background:#ff484842;border:1px solid rgba(255,120,120,.7);color:#fff;box-shadow:0 8px 18px #00000029}.dashboard-sidebar .nav-link.active.live-static{background:#ff484852;border-color:#ff7878bf}.profile-search{width:100%}.profile-search input{min-width:0}}@media (max-width: 900px){.dashboard-content{padding:16px 16px 90px}.nav-toggle,.nav-backdrop,.profile-search{display:none!important}.dashboard-sidebar{position:fixed;inset:auto 0 0;height:72px;width:100%;padding:8px 12px;border:0;border-top:1px solid rgba(255,255,255,.12);background:#0b090a4d;background:color-mix(in srgb,var(--clr-deep, #0B090A) 32%,transparent);backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);box-shadow:0 -6px 20px #0003;z-index:70;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:8px;transform:none!important;transition:none!important;color:var(--text-on-dark, #fff)}.dashboard-sidebar .nav-link{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;box-shadow:none;padding:6px 4px;border-radius:10px;font-size:11px;text-align:center;min-width:0}.dashboard-sidebar .nav-link.live-pulse{background:#ff484857;border:none;color:#fff;box-shadow:0 0 #ff5050cc,inset 0 0 0 1px #ffffff24;animation:navPulse .9s ease-in-out infinite}.dashboard-sidebar .nav-link.live-static{background:#ff484847;border:none;color:#fff;box-shadow:inset 0 0 0 1px #ffffff24}.dashboard-sidebar .nav-link .nav-label{display:none!important}.nav-icon{width:28px;height:28px}.dashboard-sidebar .nav-link.active{background:#ffffff14;border:none;box-shadow:inset 0 0 0 1px #ffffff1f;color:#fff}.dashboard-sidebar .nav-link.active.live-pulse{background:#ff48485c;box-shadow:0 0 #ff5050cc,inset 0 0 0 1px #ffffff24;animation:navPulse .9s ease-in-out infinite}.dashboard-sidebar .nav-link.active.live-static{background:#ff484857;box-shadow:inset 0 0 0 1px #ffffff24}.nav-link-with-badge{position:relative;padding-right:0}.nav-badge{position:absolute;top:6px;right:calc(50% - 6px);transform:translate(12px);min-width:18px;height:18px;line-height:18px;font-size:11px;padding:0 5px;box-shadow:0 2px 6px #0000004d}}@media (max-width: 420px){.dashboard-content{padding:12px}}.dashboard-sidebar .nav-link:focus-visible,.profile-search input:focus-visible{outline:3px solid color-mix(in srgb,var(--clr-accent) 40%,white);outline-offset:2px}.nav-link-with-badge{position:relative;padding-right:36px}.nav-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ca054d;color:#fff;border-radius:999px;min-width:20px;height:20px;line-height:20px;font-size:12px;text-align:center;padding:0 6px;pointer-events:none}:root{--bottom-nav-h: 72px}@media (max-width: 900px){.dashboard-content{padding-bottom:calc(var(--bottom-nav-h) + 24px + env(safe-area-inset-bottom))}.dashboard-content:after{content:"";display:block;height:calc(var(--bottom-nav-h) + 8px + env(safe-area-inset-bottom))}}.header-search-btn{display:none;background:transparent;border:none;padding:0;line-height:0;cursor:pointer}.header-search-btn{color:#555}.header-search-btn:hover{color:var(--clr-caramel)}@media (max-width: 900px){.header-search-btn{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:8px}}@media (max-width: 560px){.modal-overlay .modal{width:94vw;max-height:75dvh;padding:14px}.modal .search-row{display:flex;flex-direction:column;align-items:stretch;gap:10px}.modal .search-row input,.modal .search-row .wt-btn{width:100%}}.modal .search-row{display:flex;align-items:center;gap:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.suggestions .spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.suggestions--dark .spinner{border-color:#ffffff40;border-top-color:currentColor}.modal .suggestions{position:static;margin-top:8px}.matches-container,.my-events-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:24px;border-radius:var(--radius);background:var(--surface);color:var(--text-on-light);border:1px solid var(--border);box-shadow:var(--shadow)}.matches-container .Uber,.my-events-container .Uber{color:var(--text-on-light);font-size:1.6rem;font-weight:800;margin-bottom:.75rem;border-left:5px solid var(--clr-accent);padding-left:12px;letter-spacing:.2px}.match-card{background:var(--surface);color:var(--text-on-light);padding:16px;border-radius:16px;border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 18px #0000000f;position:relative;cursor:pointer}.match-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.match-card.ranked,.my-events-list li.ranked{border:2px solid color-mix(in srgb,var(--clr-accent) 55%,var(--border));background:linear-gradient(180deg,color-mix(in srgb,var(--clr-accent) 8%,var(--surface)),var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--clr-accent) 12%,white),0 12px 28px #e5383b2e;position:relative}.match-header{font-size:1.05rem;font-weight:800;border-bottom:2px solid color-mix(in srgb,var(--clr-accent) 25%,#eee);margin-bottom:10px;padding-bottom:6px;letter-spacing:.2px}.match-info{font-size:.95rem;margin:6px 0;line-height:1.35}.match-time{color:var(--clr-accent);font-weight:700}.match-description{margin-top:10px;font-style:italic;color:#6b6b6b}.match-info a,.modal-content a{color:var(--clr-accent);text-decoration:none;font-weight:700}.match-info a:hover,.modal-content a:hover{opacity:.9}.match-filters{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px;padding:10px 12px;background:var(--surface-2);color:var(--text-on-light);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 10px #0000000a;align-items:center}.match-filters select,.match-filters input[type=text],.match-filters input[type=date]{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;outline:none;min-width:150px;background:#fff;color:var(--text-on-light);transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}.match-filters select:focus,.match-filters input:focus{border-color:color-mix(in srgb,var(--clr-accent) 60%,white);box-shadow:var(--ring);background:#fff}.match-filters label input[type=checkbox]{transform:scale(1.1);accent-color:var(--clr-accent)}.modal-content{width:min(720px,96vw);max-height:min(84vh,900px);background:var(--surface);color:var(--text-on-light);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 18px #0000000f;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;animation:fadeIn .22s ease}.modal-content.ranked{border:2px solid color-mix(in srgb,var(--clr-accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--clr-accent) 12%,white),0 12px 28px #e5383b2e}.modal-content.ranked .modal-header{background:color-mix(in srgb,var(--clr-accent) 8%,#fff);border-bottom:2px solid color-mix(in srgb,var(--clr-accent) 35%,#eee)}.modal-content.ranked .modal-title:after{content:"Rangliste";margin-left:8px;font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:999px;color:#fff;background:color-mix(in srgb,var(--clr-accent) 85%,black);vertical-align:middle}.modal-title,.modal-header .Uber{font-size:1.1rem;font-weight:800;color:var(--text-on-light);border-left:5px solid var(--clr-accent);padding-left:10px;margin:0}.modal-close{background:#fff;color:var(--text-on-light);border:1px solid var(--border);border-radius:10px;padding:6px 10px;cursor:pointer;transition:background .15s ease,opacity .15s ease}.modal-close:hover{background:#f9f9f9}.modal-body p strong{color:color-mix(in srgb,var(--text-on-light) 85%,black)}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.modal-button.secondary{background:#fff;color:var(--text-on-light);border:1px solid var(--border)}@media (max-width: 600px){.modal-content{width:96vw;max-height:86vh}.modal-actions{justify-content:stretch}.modal-button{width:100%;text-align:center}}.participants-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.user-chip{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border, #ddd);border-radius:10px;background:var(--bg, #fafafa);cursor:pointer}.match-card.disabled{opacity:.6;pointer-events:none;background-color:#f0f0f0}.my-events-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:24px;border-radius:var(--radius);background:var(--surface);color:var(--text-on-light, #222);border:1px solid var(--border);box-shadow:var(--shadow)}.Uber{grid-column:1 / -1;color:var(--text-on-light, #222);font-size:1.6rem;font-weight:800;margin:0 0 .75rem;border-left:5px solid var(--clr-accent);padding-left:12px;letter-spacing:.2px}.my-events-list{display:contents;list-style:none;margin:0;padding:0}.my-events-list li{position:relative;background:var(--surface);color:var(--text-on-light, #222);padding:16px;border-radius:16px;border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 6px 18px #0000000f;cursor:pointer}.my-events-list li:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000001f}.my-events-list li.ranked{border:1px solid color-mix(in srgb,var(--clr-accent) 28%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--clr-accent) 12%,white),0 12px 28px #0000001a}.my-events-list li.live{border-color:#ff7878d9;box-shadow:0 0 #ff505099,0 12px 28px #0000001a;animation:cardPulse 1.05s ease-in-out infinite}.my-events-list li.live:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(60% 60% at 50% 30%,#ff787847,#ff50501f 60%,#ff505000 70%);opacity:0;animation:liveGlow 1.6s ease-in-out infinite;pointer-events:none}.my-events-list li.live:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(45deg,#ff8c8c14 0 14px,#ff56561f 14px 28px);opacity:0;mix-blend-mode:overlay;animation:livePattern 2.2s ease-in-out infinite;pointer-events:none}@keyframes cardPulse{0%{box-shadow:0 0 #ff505099,0 12px 28px #0000001a}55%{box-shadow:0 0 0 14px #ff505000,0 16px 34px #00000024}to{box-shadow:0 0 #ff505000,0 12px 28px #0000001a}}@keyframes liveGlow{0%{opacity:.1}45%{opacity:.35}to{opacity:.1}}@keyframes livePattern{0%{opacity:0;background-position:0 0}40%{opacity:.16;background-position:18px 18px}to{opacity:0;background-position:36px 36px}}@media (prefers-reduced-motion: reduce){.my-events-list li.live{animation:none}.my-events-list li.live:before,.my-events-list li.live:after{animation:none;opacity:.14}}.my-events-list li .match-header{font-size:1.05rem;font-weight:800;border-bottom:2px solid color-mix(in srgb,var(--clr-accent) 25%,#eee);margin-bottom:10px;padding-bottom:6px;letter-spacing:.2px}.my-events-list li .match-info{font-size:.95rem;margin:6px 0;line-height:1.35}.my-events-list li .match-time{color:var(--clr-accent);font-weight:700}.my-events-list li .match-description{margin-top:10px;font-style:italic;color:#6b6b6b}.my-events-list a{color:var(--clr-accent);text-decoration:none;font-weight:700}.my-events-list a:hover{opacity:.9}.card-chat-indicator{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;background:#fff;color:var(--text-on-light, #222);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-2, 0 12px 30px rgba(0, 0, 0, .14));line-height:1;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s}.card-chat-indicator:hover{transform:translateY(-1px);opacity:.95}.card-chat-indicator.has-unread{border-color:color-mix(in srgb,var(--clr-accent) 35%,var(--border))}.card-chat-indicator .count{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--clr-accent);color:#fff;font-size:.75rem;line-height:18px;text-align:center}.modal-overlay{position:fixed;inset:0;display:grid;place-items:center;padding:16px;background:#0006;z-index:1000}.modal-content{width:min(720px,96vw);max-height:min(84vh,900px);background:var(--surface);color:var(--text-on-light, #222);border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 18px #0000000f;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;animation:fadeIn .22s ease}.modal-content.ranked{border-color:color-mix(in srgb,var(--clr-accent) 28%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--clr-accent) 12%,white),0 6px 18px #0000000f}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:2px solid color-mix(in srgb,var(--clr-accent) 25%,#eee);background:var(--surface)}.modal-title{font-size:1.1rem;font-weight:800;color:var(--text-on-light, #222);border-left:5px solid var(--clr-accent);padding-left:10px;margin:0}.modal-close{background:#cf2424;color:#fff;border:1px solid #cf2424;border-radius:8px;padding:6px 10px;cursor:pointer}.modal-close:hover{filter:brightness(.98)}.modal-body{padding:14px 16px;overflow-y:auto}.modal-body p{margin:8px 0;line-height:1.5}.modal-body p strong{color:color-mix(in srgb,var(--text-on-light, #222) 85%,black)}.modal-body a{color:var(--clr-accent);text-decoration:none;font-weight:700}.modal-body a:hover{opacity:.9}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--border);background:#fff}.modal-button{border:1px solid transparent;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:0 6px 16px #00000014;transition:transform .05s ease,opacity .2s ease,box-shadow .2s ease}.modal-button:active{transform:translateY(1px)}.modal-button.primary{background:linear-gradient(180deg,var(--clr-accent),color-mix(in srgb,var(--clr-accent) 75%,#4d0c0e));color:#fff}.modal-button.primary:hover{opacity:.95}.modal-button.secondary{background:#fff;color:var(--text-on-light, #222);border:1px solid var(--border)}.modal-button.secondary:hover{box-shadow:var(--shadow-1)}.result-button.live-pulse{background:linear-gradient(180deg,#ff7a18,#ff3838);color:#fff;box-shadow:0 0 #ff582899,0 8px 22px #ff383859;animation:livePulse 1.2s ease-in-out infinite}@keyframes livePulse{0%{box-shadow:0 0 #ff58288c,0 8px 22px #ff38384d;filter:saturate(1) brightness(1)}50%{box-shadow:0 0 0 10px #ff582800,0 10px 28px #ff383873;filter:saturate(1.05) brightness(1.05)}to{box-shadow:0 0 #ff582800,0 8px 22px #ff38384d;filter:saturate(1) brightness(1)}}@media (prefers-reduced-motion: reduce){.result-button.live-pulse{animation:none}}.modal-content{background:var(--surface, #fff);border-radius:16px;padding:24px;max-width:600px;width:90%;box-shadow:0 8px 30px #00000026;animation:fadeInScale .25s ease;position:relative}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content h3{font-size:1.4rem;font-weight:700;margin-bottom:20px;text-align:center;color:var(--clr-deep, #3B1C32)}.teams-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.team{background:var(--bg, #fafafa);padding:16px;border-radius:12px;border:1px solid var(--border, #ddd);box-shadow:inset 0 1px 2px #0000000d}.team h4{margin-bottom:10px;font-size:1.1rem;font-weight:600;color:var(--clr-accent, #CA054D)}.team-member-name{display:inline-block;width:100%;padding:10px 14px;border-radius:10px;background:var(--surface, #fff);border:1px solid var(--border, #ddd);font-weight:600;color:var(--clr-deep, #3B1C32);text-align:center;box-shadow:inset 0 1px 1px #0000000f}.team select{width:100%;padding:8px 12px;margin-bottom:8px;font-size:.95rem;border:1px solid var(--border, #ccc);border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:border-color .2s,box-shadow .2s;white-space:normal;text-overflow:clip}.team select:focus{outline:none;border-color:var(--clr-accent, #CA054D);box-shadow:0 0 0 3px #ca054d33}.winner-heading{font-weight:800;margin:10px 0 8px;color:var(--clr-deep, #3B1C32)}.winner-block{display:block;width:100%;text-align:center;margin-bottom:10px}.winner-section{margin:20px 0;padding:12px 16px;border:1px dashed var(--clr-accent, #CA054D);border-radius:10px;text-align:center;background:#ca054d0d}.winner-section p{font-weight:600;margin-bottom:10px}.winner-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.winner-button{padding:10px 20px;border-radius:999px;border:none;font-weight:700;font-size:1rem;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 18px #00000026}.winner-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0003}.winner-button:active{transform:translateY(0);box-shadow:0 5px 12px #00000026}.winner-button:focus-visible{outline:3px solid color-mix(in srgb,#fff 30%,var(--clr-accent, #CA054D));outline-offset:3px}.winner-button-a{background:linear-gradient(135deg,#ca054deb,#ff7835f2)}.winner-button-b{background:linear-gradient(135deg,#4361eeeb,#1e3d59f2)}.round-results-section{margin:24px 0;padding:16px;border:1px solid var(--border, #ddd);border-radius:12px;background:color-mix(in srgb,var(--surface, #fff) 85%,rgba(202,5,77,.08) 15%);box-shadow:inset 0 1px 2px #0000000a}.round-results-section h4{margin:0 0 12px;font-size:1.05rem;font-weight:700;color:var(--clr-deep, #3B1C32)}.round-results-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.round-result-item{padding:12px 14px;border-radius:10px;background:var(--surface, #fff);border:1px solid var(--border, #ddd);box-shadow:0 6px 14px #00000014}.round-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-weight:700;color:var(--clr-deep, #3B1C32)}.round-result-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.3px;color:#fff}.round-result-badge.won{background:linear-gradient(135deg,#22c55ed9,#10b981e6);box-shadow:0 4px 12px #22c55e59}.round-result-badge.lost{background:linear-gradient(135deg,#ef4444d9,#dc2626e6);box-shadow:0 4px 12px #ef444459}.round-result-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:color-mix(in srgb,var(--clr-deep, #3B1C32) 75%,#555 25%)}.elo-delta{font-weight:800}.elo-delta.up{color:#16a34a}.elo-delta.down{color:#dc2626}.elo-delta.flat{color:#6b7280}.round-results-empty,.round-results-error{margin:0;font-size:.95rem;color:color-mix(in srgb,var(--clr-deep, #3B1C32) 80%,#555 20%)}.round-results-error{color:#d14343}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.result-saved-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:4000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.result-saved-modal{background:var(--surface, #fff);border-radius:16px;border:1px solid color-mix(in srgb,var(--clr-accent, #CA054D) 20%,#ffffff);padding:24px 28px;max-width:320px;width:100%;text-align:center;position:relative;box-shadow:0 20px 45px #0003,0 8px 18px #ca054d33;animation:resultSavedPop .28s ease-out}.result-saved-title{margin:0 0 8px;font-size:1.2rem;font-weight:800;color:var(--clr-accent, #CA054D);letter-spacing:.3px}.result-saved-text{margin:0 0 18px;color:var(--clr-deep, #3B1C32);font-size:.95rem}.result-saved-score{margin:0 0 18px;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,#f5f7fa 80%,var(--surface, #fff) 20%);border:1px solid color-mix(in srgb,var(--border, #d4d4d4) 80%,#fff 20%);text-align:center}.result-saved-score label{display:block;font-weight:600;margin-bottom:8px;color:color-mix(in srgb,var(--clr-deep, #3B1C32) 85%,#555 15%)}.result-saved-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #ccc);background:#fff;font-size:.95rem;margin-bottom:12px;transition:border-color .2s ease,box-shadow .2s ease}.result-saved-input:focus{outline:none;border-color:var(--clr-accent, #CA054D);box-shadow:0 0 0 3px #ca054d26}.result-saved-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.result-saved-score .result-saved-input{display:inline-block;width:auto;text-align:center}.result-saved-save{border:none;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.95rem;background:color-mix(in srgb,#6b7280 70%,#4b5563 30%);color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 8px 18px #6b728040}.result-saved-save:hover{transform:translateY(-1px);box-shadow:0 12px 26px #6b728052}.result-saved-save:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.result-saved-status{font-size:.9rem;font-weight:600}.result-saved-status.success{color:#16a34a}.result-saved-status.error{color:#dc2626}.result-saved-close{border:none;padding:9px 18px;border-radius:999px;background:linear-gradient(135deg,#ca054deb,#ff7835eb);color:#fff;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 10px 24px #ca054d4d}.result-saved-close:hover{transform:translateY(-1px);box-shadow:0 16px 30px #ca054d59}.result-saved-close:active{transform:translateY(0);box-shadow:0 8px 18px #ca054d47}.result-saved-x,.result-modal-x{position:absolute;top:8px;right:8px;padding:6px 10px;border:1px solid #cf2424;border-radius:8px;background:#cf2424;color:#fff;font-weight:800;line-height:1;display:grid;place-items:center;cursor:pointer}.result-saved-x:hover,.result-modal-x:hover{filter:brightness(.98)}.result-saved-x:focus-visible,.result-modal-x:focus-visible{outline:3px solid color-mix(in srgb,var(--clr-accent, #CA054D) 40%,white);outline-offset:2px}@keyframes resultSavedPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width: 720px){.my-events-container{grid-template-columns:1fr;padding:16px}.my-events-list li{padding:14px}}@media (max-width: 768px){.modal-content{width:min(95vw,560px)}.modal-actions{flex-direction:column;gap:8px;align-items:stretch}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.modal-button.result-button:disabled{opacity:.5;cursor:not-allowed;background:#ccc!important;color:#666!important;border-color:#bbb!important;box-shadow:none}.requests-list{list-style:none;padding:0;margin:8px 0 0}.request-item{display:flex;align-items:center;gap:8px;padding:6px 0}.participants-list,.requests-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.user-chip,.request-item{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border, #ddd);border-radius:10px;background:var(--bg, #fafafa)}.user-avatar{width:36px;height:36px;border-radius:999px;object-fit:cover;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #00000014}.user-avatar.placeholder{display:grid;place-items:center;font-weight:700;color:#fff;background:var(--clr-accent, #CA054D)}.name-link{font-weight:600;color:var(--clr-deep, #3B1C32);text-align:left}.name-link.as-button{background:transparent;border:none;padding:0;cursor:pointer}.name-link:hover{text-decoration:underline}.user-chip .elo{color:#666;font-size:.9rem;justify-self:end}.request-item .request-actions{justify-self:end;display:flex;gap:6px}.placeholder-option{color:#888;font-style:italic;white-space:normal;word-break:break-word}.modal-overlay{padding:8px}.modal-content{width:min(860px,98vw);max-height:92vh;grid-template-rows:auto 1fr auto;padding:0}.modal-header{padding:10px 14px}.modal-title,.Uber{font-size:1.05rem}.modal-body{padding:12px 14px;overflow:auto;min-height:0}.modal-body h4{font-size:1.05rem;font-weight:800;margin:6px 0 10px;border-left:5px solid var(--clr-accent);padding-left:10px;letter-spacing:.2px}.participants-list,.requests-list{gap:10px}.user-chip,.request-item{grid-template-columns:42px 1fr auto;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--bg, #fafafa) 80%,white)}.user-avatar{width:42px;height:42px}.name-link{font-size:1rem}.user-chip .elo{font-size:.95rem}.modal-actions{position:sticky;bottom:0;background:var(--surface, #fff);border-top:1px solid var(--border);padding:10px 12px;gap:8px}.modal-button{padding:8px 12px;font-weight:700;font-size:.95rem;box-shadow:0 4px 12px #00000014}.modal-button.result-button:disabled{opacity:.55}@media (max-width: 768px){.modal-content{width:98vw;max-height:94vh}.modal-actions{flex-wrap:wrap;justify-content:space-between;gap:6px;padding:10px}.modal-button{flex:1 0 auto;min-width:120px;padding:8px 10px;font-size:.95rem}.modal-header{padding:8px 12px}}.modal-body h4{border-left:none!important;padding-left:0!important;color:inherit;font-weight:800}.chat-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:grid;place-items:center;padding:16px}.chat-modal{width:min(900px,96vw);height:min(74vh,820px);background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-2);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:#fff}.chat-title{font-weight:800;color:var(--clr-deep)}.chat-close{border:none;background:#cf2424;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer}.chat-body{padding:12px;overflow-y:auto;background:#fbf6f1}.chat-loading,.chat-empty{color:var(--muted);text-align:center;margin-top:24px}.msg-row{display:flex;gap:8px;margin:8px 0;align-items:flex-end}.msg-row.mine{justify-content:flex-end}.msg-avatar{width:36px;height:36px;border-radius:999px;overflow:hidden;flex:0 0 36px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border);background:#fff;display:grid;place-items:center}.msg-avatar img{width:100%;height:100%;object-fit:cover}.msg-initials{font-weight:800;color:var(--clr-deep)}.msg-bubble{max-width:72%;background:#fff;border:1px solid var(--border);border-radius:14px;padding:8px 10px;box-shadow:0 4px 14px #0000000f}.msg-row.mine .msg-bubble{background:color-mix(in srgb,var(--clr-accent) 12%,#fff);border-color:color-mix(in srgb,var(--clr-accent) 35%,var(--border))}.msg-name{font-size:.82rem;color:var(--muted);margin-bottom:2px}.msg-content{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;color:var(--text)}.msg-meta{font-size:.75rem;color:var(--muted);margin-top:4px;text-align:right}.chat-inputbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:10px;border-top:1px solid var(--border);background:#fff}.chat-inputbar textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;resize:none;max-height:160px;outline:none}.chat-inputbar textarea:focus-visible{box-shadow:var(--ring)}.chat-inputbar button{border:1px solid transparent;border-radius:999px;padding:10px 16px;font-weight:700;background:linear-gradient(180deg,var(--clr-accent),color-mix(in srgb,var(--clr-accent) 75%,#2a0d1f));color:#fff;cursor:pointer}.chat-error{grid-column:1 / -1;color:var(--clr-accent);margin:-2px 4px 2px;font-size:.9rem}.create-event-container{max-width:760px;margin:0 auto;padding:clamp(18px,2.8vw,28px);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.create-event-section{padding:clamp(16px,3.2vw,28px);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--clr-deep) 92%,black),color-mix(in srgb,var(--clr-deep) 78%,black));box-shadow:0 10px 30px #00000040;margin-bottom:18px}.create-event-container h2{display:inline-flex;align-items:center;gap:10px;font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:800;margin:0 0 14px;color:var(--clr-deep);letter-spacing:.2px;padding-left:12px;border-left:5px solid var(--clr-accent)}.create-event-sub{margin:6px 0 16px;color:var(--muted)}.create-event-form{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 820px){.create-event-form{grid-template-columns:1fr 1fr;gap:14px 16px}.create-event-form .full,.create-event-form textarea,.create-event-form .checkbox-group,.create-event-form .form-actions{grid-column:1 / -1}}.create-event-form label{display:flex;flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;color:var(--clr-deep)}.create-event-form input:not([type=checkbox]),.create-event-form select,.create-event-form textarea{appearance:none;-webkit-appearance:none;margin:0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.95rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.create-event-form input::placeholder,.create-event-form textarea::placeholder{color:#9a98a1}.create-event-form input:not([type=checkbox]):focus,.create-event-form select:focus,.create-event-form textarea:focus{box-shadow:var(--ring);border-color:color-mix(in srgb,var(--clr-accent) 40%,var(--border));background:#fff}.create-event-form textarea{resize:vertical;min-height:96px}.field-hint{font-size:.85rem;color:var(--muted);margin-top:4px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px 16px;padding:8px 2px;background:transparent;border:none;border-radius:0}.checkbox-group label{display:inline-flex;align-items:center;gap:8px;padding:0;background:transparent;border:none;color:var(--text);font-weight:600;cursor:pointer;line-height:1.3}.checkbox-group input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;accent-color:var(--clr-accent);cursor:pointer;padding:0;margin:0}.checkbox-group label:hover{color:color-mix(in srgb,var(--clr-deep) 60%,var(--text))}.checkbox-group input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--clr-accent) 65%,#0000);outline-offset:2px;box-shadow:none;border-radius:4px}.checkbox-group label:has(input:checked){color:var(--clr-accent)}.checkbox-group label:has(input:checked):after{content:none}.create-event-form .form-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:6px}.create-event-form button{border:1px solid var(--border);border-radius:999px;padding:12px 18px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease,border-color .2s ease;box-shadow:0 6px 16px #00000014}.create-event-form button[type=submit],.create-event-form .btn-primary{color:#fff;background:linear-gradient(180deg,var(--clr-accent),color-mix(in srgb,var(--clr-accent) 75%,#2a0d1f));border-color:transparent}.create-event-form button[type=submit]:hover,.create-event-form .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.create-event-form .btn-secondary,.create-event-form button[type=button]{color:var(--clr-deep);background:#fff;border-color:color-mix(in srgb,var(--clr-deep) 22%,var(--border))}.create-event-form .btn-secondary:hover,.create-event-form button[type=button]:hover{transform:translateY(-1px);box-shadow:var(--shadow-1);background:var(--surface-2)}.create-event-form button:disabled{opacity:.6;cursor:not-allowed}.form-success{margin-top:10px;color:#0f7b3b;background:color-mix(in srgb,var(--clr-mint) 18%,white);border:1px solid color-mix(in srgb,var(--clr-mint) 35%,white);padding:10px 12px;border-radius:var(--radius-sm)}.form-error{margin-top:10px;color:var(--clr-accent);background:color-mix(in srgb,var(--clr-accent) 12%,white);border:1px solid color-mix(in srgb,var(--clr-accent) 30%,white);padding:10px 12px;border-radius:var(--radius-sm)}.create-event-form input:not([type=checkbox]):focus-visible,.create-event-form select:focus-visible,.create-event-form textarea:focus-visible,.create-event-form button:focus-visible{outline:none;box-shadow:var(--ring)}@media (max-width: 560px){.create-event-container{padding:16px;border-radius:12px}.checkbox-group{padding:10px;border-radius:var(--radius-sm)}.create-event-form button{width:100%;justify-content:center}}.coord-row{display:flex;gap:10px;align-items:center}.coord-chip{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95rem;background:#f5f5f7;border:1px solid #e5e5ea;padding:6px 8px;border-radius:10px}.map-modal{width:min(900px,96vw);height:min(700px,92vh);display:grid;grid-template-rows:auto auto 1fr auto;background:#fff;border-radius:12px;overflow:hidden}.map-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eee}.map-search{display:flex;gap:8px;padding:8px 12px;border-bottom:1px solid #eee}.map-search input{flex:1;padding:8px 10px;border:1px solid #ccc;border-radius:8px}.map-search button{padding:8px 12px;border-radius:8px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer}.map-body{display:grid;grid-template-rows:1fr auto}.map-canvas{width:100%;height:100%}.coord-readout{display:flex;gap:16px;align-items:center;padding:8px 12px;border-top:1px solid #eee;background:#fafafa}.map-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #eee}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.rangliste-container{background:var(--surface, #fff);padding:20px;border-radius:16px;box-shadow:0 4px 12px #00000014}.rangliste-container h2{margin-bottom:16px}.rangliste-container h2:after{content:"";display:block;height:4px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,var(--clr-accent,#BA181B),color-mix(in srgb,var(--clr-accent) 60%,#4d0c0e))}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px}.filter-bar select{padding:6px 10px;border-radius:8px;border:1px solid var(--border, #ccc)}.rangliste-table{width:100%;border-collapse:collapse}.rangliste-table th,.rangliste-table td{border:1px solid var(--border, #ddd);padding:8px 12px;text-align:left}.rangliste-table th{background:var(--clr-deep, #3B1C32);color:#fff}.rangliste-table tbody tr:hover{background:color-mix(in srgb,var(--surface) 90%,#eee 10%)}.rangliste-table tbody tr.me{border-left:6px solid var(--clr-accent, #BA181B);background:color-mix(in srgb,var(--surface) 92%,color-mix(in srgb,var(--clr-accent) 10%,white) 8%)}.rank-badge{display:inline-block;min-width:28px;text-align:center;font-weight:800;border-radius:999px;padding:2px 8px;background:#f3f4f6;border:1px solid var(--border,#e5e7eb)}.podium.gold .rank-badge{background:#fff7e6;border-color:#f5d177;color:#a37500}.podium.silver .rank-badge{background:#f4f6f8;border-color:#cfd8dc;color:#5c6b73}.podium.bronze .rank-badge{background:#fff1e8;border-color:#e0b095;color:#8a4b2e}.elo-col{width:40%}.elo-cell{display:flex;align-items:center;gap:10px}.elo-value{font-weight:800}.elo-bar{flex:1;height:8px;background:#f3f4f6;border:1px solid var(--border,#e5e7eb);border-radius:999px;overflow:hidden}.elo-bar-fill{height:100%;background:linear-gradient(90deg,#0072ff,#60a5fa)}.name-link-button{background:none;border:none;padding:0;margin:0;color:var(--clr-accent, #2b6cb0);text-decoration:underline;cursor:pointer;font:inherit}.name-link-button:hover{opacity:.85}.profil-container{max-width:1040px;margin:0 auto;padding:clamp(14px,2.8vw,24px);color:var(--text)}.user-age,.joinedat,.totalrounds{font-size:.95rem;color:#333;margin:4px 0;font-weight:500}.profile-header{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-1);margin-bottom:18px}.profile-meta h2{margin:0 0 6px;color:var(--clr-deep);letter-spacing:.2px}.history-visibility{margin-top:8px}.history-visibility .segmented{display:flex;gap:0;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-1);width:100%;max-width:420px}.history-visibility .segmented-btn{appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:10px 12px;font-weight:600;color:var(--clr-deep);cursor:pointer;border-right:1px solid var(--border);flex:1 1 0;text-align:center}.history-visibility .segmented-btn:not(.active){color:#6b7280;background:#fafafa}.history-visibility .segmented-btn:not(.active):hover{background:#f3f4f6}.history-visibility .segmented-btn:last-child{border-right:none}.history-visibility .segmented-btn:hover{background:var(--surface-2)}.history-visibility .segmented-btn.active{background:#0072ff;color:#fff;border-color:#0072ff}.history-visibility .segmented-btn.active:hover{background:#1a82ff}.history-visibility .segmented-btn:focus-visible{outline:none;box-shadow:var(--ring)}.tour-trigger{margin-top:10px;display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#0072ff;background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 10px;cursor:pointer}.tour-trigger:hover{background:#f8fbff;border-color:#cfe7ff}.tour-trigger:focus-visible{outline:none;box-shadow:var(--ring)}.tour-emoji{font-size:16px;line-height:1}@media (max-width: 560px){.tour-trigger{font-size:13px;padding:5px 8px}}.avatar-wrap{position:relative;width:122px;height:122px}.avatar-img,.avatar-fallback{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;object-fit:cover;background:linear-gradient(180deg,#f6f6f6,#ececec);color:#4b4b4b;font-weight:800;font-size:36px;border:1px solid var(--border);box-shadow:var(--shadow-1);transition:transform .12s ease,box-shadow .2s ease}.avatar-img:hover,.avatar-fallback:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.icon-btn{appearance:none;-webkit-appearance:none;background:transparent;border:none;padding:6px;border-radius:999px;display:grid;place-items:center;line-height:0;cursor:pointer;box-shadow:none}.icon-btn:hover{background:#0000000f}.icon-btn:focus-visible{outline:none;box-shadow:var(--ring, 0 0 0 3px rgba(186, 24, 27, .18))}.icon-btn:disabled{opacity:.6;cursor:not-allowed}.avatar-icon{width:30px;height:30px;display:block}.avatar-edit-btn,.avatar-delete-btn{position:absolute;box-shadow:none!important;background:transparent!important;border:none!important}.avatar-edit-btn{right:-6px;bottom:-6px}.avatar-delete-btn{left:.6px;bottom:-6px}@media (max-width:700px){.avatar-edit-btn{right:-2px;bottom:-2px}.avatar-delete-btn{left:-2px;bottom:-2px}}.avatar-delete-btn:disabled{opacity:.7;cursor:progress}.upload-info{color:var(--clr-deep);margin-top:6px;font-size:.95rem}.upload-error{color:var(--clr-accent);font-weight:700;margin-top:6px}.sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px}.sport-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow-1);transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.elo-sparkline{margin-top:10px}.elo-sparkline{position:relative}.elo-sparkline svg{display:block;width:100%;height:120px}.sport-elo{margin-bottom:10px;display:inline-flex}.elo-sparkline-meta{display:flex;justify-content:space-between;font-size:.82rem;color:#666;margin-top:4px}.elo-sparkline-meta .elo-diff{font-weight:800}.elo-sparkline-meta .elo-diff.up{color:#16a34a}.elo-sparkline-meta .elo-diff.down{color:#dc2626}.elo-sparkline-meta .elo-diff.flat{color:#6b7280}.elo-sparkline.loading,.elo-sparkline.error,.elo-sparkline.empty{font-size:.85rem;color:#777;margin-top:6px}.elo-sparkline .elo-tip{position:absolute;transform:translate(-50%,-120%);background:#0b0b0b;color:#fff;font-size:.78rem;padding:4px 6px;border-radius:6px;pointer-events:none;white-space:nowrap}.sport-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:color-mix(in srgb,var(--clr-accent) 25%,var(--border))}.sport-card.clickable{cursor:pointer}.sport-name{font-weight:700;font-size:1.1rem;margin-bottom:8px;word-break:break-word;color:var(--clr-deep)}.sport-elo{font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--surface-2);border:1px dashed var(--border)}.elo-bronze{color:#b87333;box-shadow:0 0 0 4px #b873331a inset}.elo-silver{color:#9e9e9e;box-shadow:0 0 0 4px #9e9e9e1a inset}.elo-gold{color:#c9a227;box-shadow:0 0 0 4px #c9a2271f inset}.elo-plat{color:#009688;box-shadow:0 0 0 4px #0096881a inset}.elo-diamond{color:#0072ff;box-shadow:0 0 0 4px #0072ff1a inset}.elo-master{color:#6a00ff;box-shadow:0 0 0 4px #6a00ff1a inset}.elo-challenger{color:#ff2d95;box-shadow:0 0 0 4px #ff2d951a inset}.add-sport{background:linear-gradient(180deg,var(--surface),var(--surface-2));color:var(--clr-caramel);border:1px dashed color-mix(in srgb,var(--clr-caramel) 55%,#ddd);cursor:pointer;font-weight:800}.add-sport:hover{border-style:solid;box-shadow:var(--shadow-2)}.events-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1)}.events-table th,.events-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eee;white-space:nowrap}.events-table th{background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--clr-deep);font-weight:800;border-bottom:1px solid var(--border)}.events-table tbody tr:nth-child(odd){background:#fffdfb}.events-table tbody tr:hover{background:#fff6ee}@media (max-width: 720px){.events-table{display:block;width:100%;overflow-x:auto}}.modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:grid;place-items:center;z-index:1000;animation:fadeIn .15s ease-out}.modal{width:min(640px,92vw);max-height:82vh;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:18px;animation:popIn .15s ease-out}.modal h3{margin:0 0 12px;color:var(--clr-deep)}.modal-sport-list{flex:1;overflow-y:auto;margin:10px 0;max-height:50vh}.modal-sport-item{display:grid;grid-template-columns:1fr minmax(160px,220px);align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.06)}.modal-sport-item:last-child{border-bottom:none}.modal-sport-item select{padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);outline:none}.modal-sport-item select:focus{box-shadow:var(--ring);border-color:color-mix(in srgb,var(--clr-accent) 40%,var(--border))}.modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.modal-buttons button{border-radius:999px;padding:10px 16px;border:1px solid var(--border);background:var(--clr-deep);color:#fff;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,opacity .2s ease}.modal-buttons button:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.modal-buttons button:last-child{background:#fff;color:var(--clr-deep)}.avatar-edit-btn:focus-visible,.avatar-delete-btn:focus-visible,.modal-sport-item select:focus-visible,.add-sport:focus-visible,.events-table a:focus-visible{outline:none;box-shadow:var(--ring)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:translateY(6px) scale(.985);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 900px){.profile-header{grid-template-columns:1fr;text-align:center;gap:14px}.avatar-wrap{margin-inline:auto}}@media (max-width: 560px){.sports-grid{grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 420px){.sports-grid{grid-template-columns:1fr}.avatar-wrap{width:108px;height:108px}.avatar-img,.avatar-fallback{width:108px;height:108px;font-size:30px}.events-table th,.events-table td{white-space:nowrap}}.allrounds-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:3000;padding:16px}.allrounds-modal{width:min(900px,96vw);max-height:90vh;background:var(--surface, #fff);border:1px solid var(--border, #ddd);border-radius:14px;box-shadow:var(--shadow-2, 0 12px 30px rgba(0,0,0,.18));overflow:hidden;display:grid;grid-template-rows:auto 1fr}.allrounds-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border, #eee);background:var(--surface, #fff)}.allrounds-header h3{margin:0;font-weight:800;color:var(--clr-deep, #3B1C32)}.allrounds-close{border:1px solid #cf2424;background:#cf2424;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.allrounds-close:hover{filter:brightness(.98)}.allrounds-body{padding:12px;overflow-y:auto}.allrounds-loading,.allrounds-error,.allrounds-empty{color:#666}.allrounds-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.allrounds-list .item{border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:10px 12px;background:var(--surface, #fff);box-shadow:0 6px 14px #0000000f}.allrounds-list .item.won{border-color:#22c55e59;box-shadow:0 6px 16px #22c55e1f}.allrounds-list .item.lost{border-color:#ef444459;box-shadow:0 6px 16px #ef44441f}.allrounds-list .meta{display:flex;justify-content:space-between;color:#444;font-weight:700}.allrounds-list .sport{color:var(--clr-deep, #3B1C32)}.allrounds-list .date{color:#6b7280;font-weight:600}.allrounds-list .details{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;color:#333}.allrounds-list .teams{margin-top:6px;color:#3b1c32;font-weight:600;display:flex;gap:8px;flex-wrap:wrap}.allrounds-list .vs-label{background:var(--surface-2,#f9fafb);border:1px solid var(--border,#e5e7eb);border-radius:6px;padding:2px 6px;font-size:.8rem;color:#6b7280}.allrounds-list .vs-names{color:#444}.allrounds-list .vs-names.sep{color:#9ca3af}.user-chip-link{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border:1px solid var(--border,#e5e7eb);border-radius:999px;background:#fff;cursor:pointer;margin:0 4px 4px 0}.user-chip-link:hover{box-shadow:0 2px 8px #00000014}.chip-avatar{width:20px;height:20px;border-radius:999px;object-fit:cover;border:1px solid var(--border,#e5e7eb)}.chip-avatar.placeholder{width:20px;height:20px;border-radius:999px;background:#eee;color:#555;display:inline-grid;place-items:center;font-size:.8rem;border:1px solid var(--border,#e5e7eb)}.chip-name{font-size:.85rem;font-weight:700;color:#333}.allrounds-list .badge{padding:4px 8px;border-radius:999px;background:var(--surface-2, #f9fafb);border:1px solid var(--border, #e5e7eb);font-weight:700;font-size:.85rem}.allrounds-list .badge.elo.up{color:#16a34a;border-color:#22c55e73}.allrounds-list .badge.elo.down{color:#dc2626;border-color:#ef444473}.allrounds-list .badge.elo.flat{color:#6b7280;border-color:#6b728073}.allrounds-list .place{margin-left:auto;color:#6b7280;font-size:.9rem}.allrounds-list .result{margin-top:6px;font-weight:800}.allrounds-list .result.won{color:#16a34a}.allrounds-list .result.lost{color:#dc2626}.all-rounds-footer{margin-top:8px}.all-rounds-link{background:transparent;color:var(--clr-accent, #BA181B);border:none;font-weight:800;cursor:pointer}.all-rounds-link:hover{text-decoration:underline}.event-type-container{max-width:600px;margin:2rem auto;padding:2rem;text-align:center}.event-type-container h2{font-size:1.8rem;margin-bottom:.5rem;color:#222}.event-type-container p{font-size:1rem;margin-bottom:2rem;color:#555}.event-type-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.event-type-buttons button{flex:1 1 220px;padding:2rem 1.5rem;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;background:#f7f7f7;color:#333;box-shadow:0 2px 6px #0000001a}.event-type-buttons button:hover{transform:translateY(-4px);box-shadow:0 6px 14px #00000026}.event-type-buttons button:active{transform:translateY(-1px);box-shadow:0 3px 7px #0000001a}.event-type-buttons .btn-primary{background:#4cafef;color:#fff}.event-type-buttons .btn-primary:hover{background:#3a9bd8}.event-type-buttons .btn-secondary{background:#eee;color:#222}.event-type-buttons .btn-secondary:hover{background:#ddd}.quick-event-container{max-width:760px;margin:0 auto;padding:clamp(18px,2.8vw,28px);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.quick-event-container h2{display:inline-flex;align-items:center;gap:10px;font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:800;margin:0 0 14px;color:var(--clr-deep);letter-spacing:.2px;padding-left:12px;border-left:5px solid var(--clr-accent)}.quick-event-form{display:flex;flex-direction:column;gap:14px}.quick-event-form label{display:flex;flex-direction:column;gap:6px;font-size:.95rem;font-weight:600;color:var(--clr-deep)}.quick-event-form select{appearance:none;-webkit-appearance:none;margin:0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.95rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.quick-event-form select:focus{box-shadow:var(--ring);border-color:color-mix(in srgb,var(--clr-accent) 40%,var(--border));background:#fff}.quick-event-form .checkbox-row{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--clr-deep);cursor:pointer}.quick-event-form .checkbox-row input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;accent-color:var(--clr-accent);cursor:pointer;margin:0}.quick-event-form .checkbox-row:hover{color:color-mix(in srgb,var(--clr-deep) 60%,var(--text))}.quick-event-form .checkbox-row input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--clr-accent) 65%,#0000);outline-offset:2px;border-radius:4px}.quick-event-form .form-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:6px}.quick-event-form button{border:1px solid var(--border);border-radius:999px;padding:12px 18px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,opacity .2s ease;box-shadow:0 6px 16px #00000014}.quick-event-form .btn-primary{color:#fff;background:linear-gradient(180deg,var(--clr-accent),color-mix(in srgb,var(--clr-accent) 75%,#2a0d1f));border-color:transparent}.quick-event-form .btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.quick-event-form .btn-secondary{color:var(--clr-deep);background:#fff;border-color:color-mix(in srgb,var(--clr-deep) 22%,var(--border))}.quick-event-form .btn-secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-1);background:var(--surface-2)}@media (max-width: 560px){.quick-event-container{padding:16px;border-radius:12px}.quick-event-form button{width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:var(--surface);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow-2);max-width:400px;width:90%;text-align:center;animation:fadeInScale .25s ease}.modal-content h3{margin-bottom:16px;font-size:1.2rem;font-weight:700;color:var(--clr-deep)}.modal-content canvas{display:block;margin:0 auto 20px}.modal-button{border:1px solid var(--border);border-radius:999px;padding:10px 16px;font-size:1rem;font-weight:600;cursor:pointer;background:#fff;color:var(--clr-deep);transition:all .2s ease}.modal-button:hover{background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--shadow-1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wt-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.wt-backdrop{position:absolute;inset:0;background:#00000080;pointer-events:auto}.wt-highlight{position:fixed;border:2px solid #2ea0ff;border-radius:8px;box-shadow:0 0 0 4px #2ea0ff40;pointer-events:none}.wt-tooltip{position:fixed;width:320px;max-width:calc(100vw - 32px);box-sizing:border-box;background:#fff;color:#111;border-radius:12px;box-shadow:0 10px 30px #0003;padding:14px 16px 10px;pointer-events:auto}.wt-arrow{position:absolute;width:0;height:0}.wt-arrow-top{top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff}.wt-arrow-bottom{bottom:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff}.wt-arrow-left{left:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #fff}.wt-arrow-right{right:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff}.wt-title{font-weight:700;margin-bottom:6px}.wt-body{font-size:14px;line-height:1.45;color:#333}.wt-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.wt-spacer{flex:1}.wt-btn{appearance:none;border:1px solid #ddd;background:#f6f7fb;color:#111;padding:6px 10px;border-radius:8px;cursor:pointer}.wt-btn[disabled]{opacity:.5;cursor:default}.wt-btn.wt-primary{background:#0072ff;color:#fff;border-color:#0072ff}.wt-progress{font-size:12px;color:#666;margin-top:6px;text-align:right}@media (max-width: 640px){.wt-tooltip{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}}@media (max-width: 420px){.wt-tooltip{font-size:13px;padding:12px 12px 8px}.wt-title{font-size:16px}.wt-btn{padding:5px 8px;font-size:13px}}@media (max-width: 360px){.wt-tooltip{font-size:12.5px;padding:10px 10px 8px}.wt-title{font-size:15px}.wt-btn{padding:4px 7px;font-size:12.5px}}.modal{background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-2);width:100%;max-width:500px;animation:fadeIn .2s ease;display:flex;flex-direction:column;gap:1rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.modal-header h2{margin:0;font-size:1.6rem;color:var(--text-on-light)}.icon-button{background:none;border:none;font-size:1.8rem;font-weight:700;cursor:pointer;color:var(--text-on-light);padding:0;line-height:1}.icon-button:hover{opacity:.8}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form input{padding:.8rem 1rem;font-size:1rem;border-radius:var(--radius-sm);border:1px solid var(--gray-300);outline:none}.modal-form input:focus{border-color:var(--clr-accent);box-shadow:var(--ring)}.form-label{font-size:.9rem;font-weight:600;color:var(--text-on-light)}.modal-form button{align-self:center;margin-top:.5rem}.server-message{margin-top:.5rem;color:var(--clr-accent);font-weight:600;text-align:center}.error-text{margin-top:.5rem;color:var(--brand-600);font-weight:600;text-align:center}@media (max-width: 480px){.modal{padding:1.5rem;margin:1rem}.modal-header h2{font-size:1.3rem}}.split-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg, #F5F3F4)}.left-side{position:relative;background:radial-gradient(110% 100% at 0% 100%,color-mix(in srgb,var(--clr-accent, #E5383B) 12%,transparent),transparent 60%),linear-gradient(180deg,#161a1d,#0b090a);display:grid;place-items:center;padding:clamp(16px,4vw,32px);overflow:hidden}.left-side:after{content:"";position:absolute;inset:-20% -20% auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(228,7,7,.12),transparent 70%);pointer-events:none}.left-side .logo{width:min(640px,60%);height:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.22)) drop-shadow(0 0 60px rgba(229,56,59,.85)) drop-shadow(0 0 100px rgba(229,56,59,.65))}.right-side{background:var(--surface, #ffffff);color:var(--text, #1c1c1c);display:grid;align-content:center;justify-items:center;gap:10px;padding:clamp(24px,6vw,60px)}.right-side h1{margin:0 0 6px;width:min(460px,100%);font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:800;color:var(--text, #1c1c1c);letter-spacing:.3px;text-align:left}.right-side h2{margin:0 0 14px;width:min(460px,100%);font-size:clamp(1rem,1.6vw,1.15rem);font-weight:600;color:color-mix(in srgb,var(--text, #222) 80%,#666);text-align:left}.formular{width:min(460px,100%);display:grid;gap:10px}.formular input{width:100%;appearance:none;background:#fff;color:var(--text, #222);border:1px solid var(--border, rgba(0,0,0,.12));border-radius:12px;padding:12px 14px;font-size:1rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.formular input::placeholder{color:#9aa0a6}.formular input:focus{background:#fff;border-color:color-mix(in srgb,var(--clr-accent, #BA181B) 38%,var(--border, #dcdcdc));box-shadow:var(--ring, 0 0 0 3px rgba(186,24,27,.18))}.formular button[type=submit]{width:100%;border:1px solid transparent;border-radius:999px;padding:12px 18px;font-weight:800;font-size:1rem;background:linear-gradient(180deg,var(--clr-accent, #BA181B),color-mix(in srgb,var(--clr-accent, #BA181B) 78%,#4d0c0e));color:#fff;cursor:pointer;box-shadow:0 8px 20px #ba181b2e;transition:transform .05s ease,opacity .2s ease,box-shadow .2s ease}.formular button[type=submit]:hover{opacity:.95}.formular button[type=submit]:active{transform:translateY(1px)}.server-message{margin:2px 0 0;color:color-mix(in srgb,var(--text, #222) 85%,#1a1a1a);font-weight:600;text-align:center}.error-text{margin:2px 0 0;color:var(--clr-accent, #BA181B);font-weight:700;text-align:center}.separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:min(460px,100%);margin:12px 0}.separator .or{font-weight:800;color:color-mix(in srgb,var(--text, #222) 70%,#666);letter-spacing:.06em;font-size:.85rem}.register-box{width:min(460px,100%);display:flex;gap:10px;align-items:center;color:var(--text, #222);justify-content:center}.link-button{background:transparent;color:var(--clr-accent, #BA181B);border:1px solid color-mix(in srgb,var(--clr-accent, #BA181B) 25%,var(--border, #ddd));padding:8px 12px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #0000000f}.link-button:hover{background:color-mix(in srgb,var(--clr-accent, #BA181B) 8%,#fff)}.notice{margin-top:16px;width:min(460px,100%);background:color-mix(in srgb,var(--clr-accent, #E5383B) 7%,#fff);border:1px solid color-mix(in srgb,var(--clr-accent, #E5383B) 20%,#eee);border-radius:12px;padding:12px 14px;color:var(--text, #222)}.modal-overlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;padding:16px;z-index:999}.modal{width:100%;max-width:440px;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border, #e6e6e6);box-shadow:0 10px 30px #0003;display:grid;grid-template-rows:auto 1fr}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.icon-button{background:none;border:0;font-size:22px;line-height:1;cursor:pointer}.modal-form{padding:14px 16px;display:grid;gap:10px}.modal-form input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;background:#fafafa;font-size:1rem}.modal-form button{background:var(--clr-accent, #BA181B);color:#fff;border:0;padding:12px 14px;border-radius:999px;font-weight:800;cursor:pointer}.modal-form button:hover{opacity:.95}@media (max-width: 900px){.split-screen{grid-template-columns:1fr}.left-side{min-height:36dvh}.right-side{padding:22px}.logo{width:min(240px,60%)}}@media (max-width: 560px){.right-side{padding:18px}.formular input{font-size:.95rem;padding:11px 12px}.formular button[type=submit]{padding:11px 14px}.separator{gap:6px}}.split-screen .right-side{display:grid!important;align-content:center;justify-items:center;padding:clamp(24px,6vw,60px)}.split-screen .right-side>*{width:min(460px,100%)}.formular{width:100%}.separator,.register-box,.notice{margin-left:auto;margin-right:auto;width:100%;max-width:460px}.separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.separator .line{height:1px;background:var(--border, rgba(0,0,0,.12))}.separator .or{font-weight:800;letter-spacing:.06em}.right-side h1,.right-side h2{width:100%}.modal{background:var(--surface, #fff)!important;color:var(--text, #222)!important;border:1px solid var(--border, rgba(0,0,0,.12))}.modal-header{background:#fff!important;color:var(--text, #222)!important;border-bottom:1px solid var(--border, #e6e6e6)}.modal-header h3,.modal-header .modal-title{margin:0;color:var(--text, #222)!important;font-weight:800}.icon-button{color:var(--clr-accent, #BA181B)!important;background:transparent;border:0;font-size:22px;line-height:1;cursor:pointer;padding:6px;border-radius:8px}.icon-button:hover{background:#f7f7f7}.modal-form input{background:#fff;color:var(--text, #222);border:1px solid var(--border, #dcdcdc)}.modal-form input:focus{border-color:color-mix(in srgb,var(--clr-accent, #BA181B) 38%,#dcdcdc);box-shadow:var(--ring, 0 0 0 3px rgba(186,24,27,.18));outline:none}.modal-form button[type=submit]{background:linear-gradient(180deg,var(--clr-accent, #BA181B),color-mix(in srgb,var(--clr-accent, #BA181B) 78%,#4d0c0e))!important;color:#fff!important;border:1px solid transparent;border-radius:10px;font-weight:800}.modal a,.modal .link-button{color:var(--clr-accent, #BA181B)}.modal-form{gap:12px}.modal-form input{height:44px;border-radius:12px;font-size:1rem}.modal-form input:focus{outline:none;border-color:color-mix(in srgb,var(--clr-accent, #BA181B) 38%,#dcdcdc);box-shadow:0 0 0 3px #ba181b2e;background:#fff}.modal-form input::placeholder{color:#9aa0a6}.modal-form input[type=date]{-webkit-appearance:none;appearance:none;padding-right:36px;line-height:1.2}.modal-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;margin-right:2px}.modal-form input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.modal-form input[type=date]::-webkit-datetime-edit,.modal-form input[type=date]::-webkit-datetime-edit-fields-wrapper,.modal-form input[type=date]::-webkit-datetime-edit-year-field,.modal-form input[type=date]::-webkit-datetime-edit-month-field,.modal-form input[type=date]::-webkit-datetime-edit-day-field{padding:0 2px}.modal-form button[type=submit]{width:100%;min-height:44px;border-radius:999px;font-weight:800}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-2);width:100%;max-width:400px;animation:fadeIn .2s ease;display:flex;flex-direction:column;gap:1rem}.modal h2{margin:0;font-size:1.5rem;color:var(--text-on-light);text-align:center}.modal form{display:flex;flex-direction:column;gap:1rem}.modal input{padding:.8rem 1rem;font-size:1rem;border-radius:var(--radius-sm);border:1px solid var(--gray-300);outline:none}.modal input:focus{border-color:var(--clr-accent);box-shadow:var(--ring)}.modal button{align-self:center}.notice{color:var(--clr-accent);font-weight:600;text-align:center}.error-text{color:var(--brand-600);font-weight:600;text-align:center}.link-button{background:none;border:none;color:var(--clr-accent);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;align-self:center}.link-button:hover{opacity:.9}@media (max-width: 480px){.modal{padding:1.5rem;margin:1rem}.modal h2{font-size:1.3rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reset-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--bg)}.reset-container h1{margin-bottom:1.5rem;font-size:1.8rem;color:var(--text-on-light);text-align:center}.reset-container form{display:flex;flex-direction:column;gap:1rem;background:var(--surface);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow-1);width:100%;max-width:400px}.reset-container input{padding:.8rem 1rem;font-size:1rem;border-radius:var(--radius-sm);border:1px solid var(--gray-300);outline:none}.reset-container input:focus{border-color:var(--clr-accent);box-shadow:var(--ring)}.reset-container button{margin-top:.5rem}.notice{margin-top:1rem;color:var(--clr-accent);font-weight:600;text-align:center}.error-text{margin-top:1rem;color:var(--brand-600);font-weight:600;text-align:center}@media (max-width: 480px){.reset-container form{padding:1.5rem;width:100%}.reset-container h1{font-size:1.4rem}}