:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-layout{display:flex;flex:1;gap:2rem;align-items:stretch}.left-side{width:35%;padding:1rem;box-sizing:border-box}.right-side{display:flex;justify-content:space-between;width:65%;padding:1rem;gap:1rem;box-sizing:border-box}.list-or-nothing{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;font-family:Roboto,sans-serif;font-size:1.1rem;color:gold;border:1px solid green;box-shadow:0 0 5px gold;border-radius:16px;overflow-x:auto;background:linear-gradient(to right,#000,#0000000d);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.list-or-nothing::-webkit-scrollbar{display:none}.create-form{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}@media (max-width: 768px){.main-layout{flex-direction:column;gap:1rem}.left-side{display:none}.right-side{width:100%;flex-direction:column;align-items:flex-start}}body{margin:0;padding:0;font-family:Segoe UI,sans-serif;font-weight:400;color:gold;background-color:#000}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/images/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}h1,h2,h3,h4,h5,h6,th,td,a{font-variant-caps:petite-caps;font-weight:600;letter-spacing:1px;font-size:3.5rem;text-align:center;color:#f5f5f5;text-shadow:5px 5px 3px rgba(0,0,0,.85)}h3{font-size:2rem;font-weight:400}h4{font-size:1.2rem}th{font-size:1.5rem}td{font-size:1.5rem;font-weight:400;letter-spacing:normal;text-shadow:-.5px -.5px 0 #ff0000,.5px -.5px 0 #ff0000,-.5px .5px 0 #ff0000,.5px .5px 0 #ff0000}ul,table{padding:1rem}table td{border-bottom:1px solid #eee}table tr:last-child td{border-bottom:none}a{font-size:1.2rem;text-shadow:none;text-decoration:none;color:gold;transition:.4s;padding:3px}select{padding:.4rem .6rem;font-size:.9rem;border:1px solid var(--border-color, #ccc);border-radius:6px;background-color:var(--background-input, #fff);color:var(--text-color, #333);outline:none;transition:border-color .2s,box-shadow .2s}select:hover,select:focus{border-color:var(--primary-color, #007bff);box-shadow:0 0 4px var(--primary-color, #007bff33)}@media (max-width: 768px){body:before{background-position:30% top}h1,h2{font-size:1.8rem}table th{font-size:1.2rem}}.app-button[data-v-1997e819]{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;gap:.5rem;padding:.4rem 1rem;margin:.2rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;touch-action:manipulation}.app-button[data-v-1997e819]:active{transform:scale(.98);filter:brightness(.95)}.app-button[data-v-1997e819]:hover{background-color:#e0e0e0}.app-button .icon[data-v-1997e819]{font-weight:700}.app-button--create[data-v-1997e819]{background-color:#4caf50}.app-button--create[data-v-1997e819]:hover{color:#4caf50;box-shadow:0 0 0 3px #4caf504d}.app-button--delete[data-v-1997e819]{background-color:#f44336}.app-button--delete[data-v-1997e819]:hover{color:#f44336;box-shadow:0 0 0 3px #f443364d}.app-button--edit[data-v-1997e819]{background-color:#2196f3}.app-button--edit[data-v-1997e819]:hover{color:#2196f3;box-shadow:0 0 0 3px #2196f34d}.app-button--default[data-v-1997e819]{background-color:#e0e0e0;color:#333}.app-button--default[data-v-1997e819]:hover{background-color:#ffecb3;box-shadow:0 0 0 3px #ffcc8066}.app-button[data-v-1997e819]:disabled{background-color:#bdc3c7;opacity:.5;cursor:not-allowed}@media (max-width: 600px){.app-button[data-v-1997e819]{padding:.3rem .8rem;font-size:.9rem;gap:.4rem}.app-button .icon[data-v-1997e819]{font-size:.8rem}}.login-register-form[data-v-05404b9f]{max-width:400px;margin:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.log-button[data-v-05404b9f]{display:flex;justify-content:flex-end;padding:.5rem;width:100%}input[data-v-05404b9f]{padding:.5rem;margin:.2rem;font-size:1rem;border-radius:4px;border:1px solid #ccc}.toggle-link[data-v-05404b9f]{text-align:center;margin-top:1rem}.circular-progress[data-v-839243d2]{width:3.5em;height:3.5em;flex-shrink:0}.circular-chart[data-v-839243d2]{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg[data-v-839243d2]{fill:none;stroke:#ffffff1a;stroke-width:2.8;stroke-linecap:round}.circle[data-v-839243d2]{fill:none;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s ease-in-out}.red[data-v-839243d2]{stroke:red}.orange[data-v-839243d2]{stroke:orange}.green[data-v-839243d2]{stroke:#0f0}.percentage[data-v-839243d2]{fill:#fff;font-size:.4em}@media (max-width: 768px){.percentage[data-v-839243d2]{font-size:.6rem}}.currentSeason[data-v-af125f77]{display:flex;flex-direction:column;width:50%;font-size:30px;max-height:70vh}.second[data-v-af125f77]{width:50%}.error-message[data-v-af125f77]{text-align:center;margin:10px auto}.league-table[data-v-af125f77]{width:100%;border-collapse:collapse;table-layout:fixed}.league-row[data-v-af125f77]{font-size:x-large;height:60px;cursor:pointer}.league-table td[data-v-af125f77]{padding-left:2rem;text-align:left;white-space:nowrap;text-shadow:0 0 5px #ffd700,0 0 10px #ffd700}.league-table tbody tr[data-v-af125f77]:hover{background-color:#363537}.list-or-nothing[data-v-af125f77]{overflow-y:auto;align-items:center;font-size:1.5rem}.panel.onboarding[data-v-af125f77]{background:#002e2c;border:2px solid gold;border-radius:10px;padding:16px;color:#e5e7eb}.panel.onboarding h3[data-v-af125f77]{margin-bottom:10px;color:gold}.panel.onboarding p[data-v-af125f77]{margin-bottom:10px}.panel.success[data-v-af125f77]{background:#002e2c;border:2px solid #4CAF50;border-radius:12px;padding:16px 20px;max-width:420px;margin:0 auto;color:#fff;box-shadow:0 4px 12px #0000004d}.panel.success p strong[data-v-af125f77]{color:gold;min-width:140px}.hint[data-v-af125f77]{font-size:.85rem;color:#94a3b8;padding-left:10px;border-left:2px solid rgba(217,255,0,.4);opacity:.9}.intro-text[data-v-af125f77]{margin-bottom:12px;opacity:.9}.onboarding-steps[data-v-af125f77]{list-style:none;padding:0;margin:0}.onboarding-steps li[data-v-af125f77]{position:relative;padding-left:22px;margin-bottom:8px;line-height:1.4}.onboarding-steps li[data-v-af125f77]:before{content:"✔";position:absolute;left:0;color:#d9ff00}.match-row[data-v-af125f77]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem}.match-players[data-v-af125f77]{display:flex;justify-content:center;gap:8px;align-items:center}.vs[data-v-af125f77]{opacity:.6}.match-result[data-v-af125f77]{text-align:center}.match-status[data-v-af125f77]{text-align:right;font-size:.8rem}.st-finished[data-v-af125f77]{color:#4caf50}.st-cancelled[data-v-af125f77]{color:#f44336}.st-scratched[data-v-af125f77]{color:#ff9800}.st-pending[data-v-af125f77]{color:#ccc}.me[data-v-af125f77]{color:gold}@media (max-width: 768px){.currentSeason[data-v-af125f77]{width:100%;max-height:none}.right-side[data-v-af125f77]{flex-direction:column-reverse}.league-table td[data-v-af125f77]{font-size:1.1rem}.second[data-v-af125f77]{width:100%}}.modal-overlay[data-v-bdebbc27]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal[data-v-bdebbc27]{width:745px;height:745px;background-image:url(/images/logout.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;padding:20px 30px;box-shadow:0 2px 10px #0000004d;color:red;display:flex;flex-direction:column;justify-content:flex-end;-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 75%);mask-image:radial-gradient(circle,#000 50%,#0000 75%);-webkit-mask-size:cover;mask-size:cover}.modal-content[data-v-bdebbc27]{background:#0009;border-radius:8px;margin-bottom:2rem;padding:20px}.buttons[data-v-bdebbc27]{margin-top:20px;display:flex;justify-content:center;gap:15px}@media (max-width: 768px){.modal[data-v-bdebbc27]{width:100vw}}.flash-message[data-v-aa60a77d]{padding:12px 48px;border-radius:5px;font-weight:500;border:1px solid transparent;max-width:600px;width:fit-content;text-align:center;display:block;position:relative}.flash-message[data-v-aa60a77d]:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;background-image:url(/images/icon-ball.png);background-size:contain;background-repeat:no-repeat}.flash-message[data-v-aa60a77d]:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;background-image:url(/images/icon-ball.png);background-size:contain;background-repeat:no-repeat}.flash-message.success[data-v-aa60a77d]{background-color:#d1fae5;color:#065f46;border-color:#10b981}.flash-message.error[data-v-aa60a77d]{background-color:#fee2e2;color:#991b1b;border-color:#ef4444}.flash-message.warning[data-v-aa60a77d]{background-color:#fef3c7;color:#92400e;border-color:#facc15}.flash-message.info[data-v-aa60a77d]{background-color:#e0f2fe;color:#0369a1;border-color:#38bdf8}@media (max-width: 768px){.flash-message[data-v-aa60a77d]{margin-top:60px}}.message[data-v-a457d370]{display:flex;width:50%;justify-content:center}.navbar[data-v-a457d370]{width:100%}.navbar li[data-v-a457d370]{transition:transform .8s ease}.navbar li[data-v-a457d370]:hover{transform:scale(1.2)}.navbar li:hover a[data-v-a457d370]{color:#f5f5f5;text-shadow:5px 5px 3px rgba(0,0,0,.85)}.navbar ul[data-v-a457d370]{background:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.863);border-radius:10px;padding:.5rem 1rem;width:fit-content;margin:auto;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;align-items:center;list-style:none;text-shadow:0 0 1px black,0 0 2px black,0 0 4px black;z-index:1001}.user-dropdown[data-v-a457d370]{position:relative;cursor:pointer;z-index:1000}.username[data-v-a457d370]{color:#fff;text-shadow:-.5px -.5px 0 #ff0000,.5px -.5px 0 #ff0000,-.5px .5px 0 #ff0000,.5px .5px 0 #ff0000}.navbar a.username[data-v-a457d370]:hover{color:gold}.dropdown-menu[data-v-a457d370]{position:absolute;background:#313131;border:1px solid #ccc;border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:8px;min-width:180px;box-shadow:0 4px 12px #0006;right:0;left:auto}.hamburger[data-v-a457d370]{display:none;flex-direction:column;align-items:center;gap:10px;background:none;border:none;cursor:pointer;color:#fff;font-size:1rem}.hamburger .line[data-v-a457d370]{width:26px;height:3px;background:#fff;border-radius:2px;display:block}.hamburger .label[data-v-a457d370]{font-weight:600;letter-spacing:.5px}.modal-overlay[data-v-a457d370]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.modal[data-v-a457d370]{background:#002e2c;border:2px solid gold;border-radius:10px;padding:20px;min-width:260px;text-align:center;color:#fff;display:flex;flex-direction:column;gap:10px}.mobile-overlay[data-v-a457d370]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:1000}@media (max-width: 768px){.hamburger[data-v-a457d370]{display:flex}.message[data-v-a457d370]{width:100%}.navbar[data-v-a457d370]{display:flex;justify-content:flex-end}.navbar ul[data-v-a457d370]{position:absolute;top:60px;right:10px;flex-direction:column;width:220px;display:none;padding:1rem}.navbar ul.open[data-v-a457d370]{display:flex}.navbar li[data-v-a457d370]{text-align:center}}.header[data-v-7fd1c79e]{display:flex}.header-wrapper[data-v-7fd1c79e]{display:flex;align-items:flex-start;width:100%}.headings[data-v-7fd1c79e]{width:60%}.second[data-v-7fd1c79e]{width:40%}@media (max-width: 768px){.headings[data-v-7fd1c79e]{width:100%}.text[data-v-7fd1c79e]{text-align:right;padding-right:2rem}.second[data-v-7fd1c79e]{display:none}}.footer[data-v-a3a0865f]{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:20px 0}.logo[data-v-a3a0865f]{display:flex;max-width:250px;width:100%;aspect-ratio:1 / 1;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 4px 20px rgba(238,128,3,.922))}@media (max-width: 768px){.logo[data-v-a3a0865f]{max-width:200px}}#app[data-v-408106fb]{display:flex;flex-direction:column;min-height:100vh}.navbar[data-v-408106fb]{position:fixed;z-index:1000;width:100%;height:100px;display:flex;justify-content:center;align-items:center}.header[data-v-408106fb]{width:100%;height:200px;margin-top:100px}.main-content[data-v-408106fb]{flex-grow:1;padding:20px;display:flex;flex-direction:column}@media (max-width: 768px){.header[data-v-408106fb]{height:100px}}