@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--bg-primary:#0d0d0d;--bg-card:#141414;--bg-card-hover:#181818;--bg-input:#1a1a1a;--border-subtle:#1e1e1e;--border-medium:#2a2a2a;--border-strong:#333;--border-hint:#3a3a3a;--text-primary:#f0ede6;--text-muted-1:#888;--text-muted-2:#555;--text-muted-3:#444;--index-color:#2a2a2a;--accent:#e8c96d;--accent-hover:#f0d87a;--accent-ink:#e8c96d;--accent-text:#0d0d0d;--accent-a10:#e8c96d1a;--accent-a20:#e8c96d33;--accent-a34:#e8c96d57;--accent-a53:#e8c96d87;--blue-bar:#4a90a4;--rank-1-bg:#e8c96d21;--rank-1-color:#e8c96d;--rank-2-bg:#b0b0b021;--rank-2-color:#b0b0b0;--rank-3-bg:#cd7f3221;--rank-3-color:#cd7f32;--error-bg:#2a1414;--error-border:#4d1f1f;--error-text:#e8a3a3;--shadow:#00000080;--modal-bg:#000000b3;--scrollbar:#2a2a2a}[data-theme=light]{--bg-primary:#f6f3ed;--bg-card:#fff;--bg-card-hover:#faf8f3;--bg-input:#f0ede5;--border-subtle:#e4ddd0;--border-medium:#cfc8b8;--border-strong:#b0a898;--border-hint:#9c9484;--text-primary:#1a1610;--text-muted-1:#5c544a;--text-muted-2:#7a7268;--text-muted-3:#9c9080;--index-color:#cfc8b8;--accent:#e8c96d;--accent-hover:#f0d87a;--accent-ink:#9a7818;--accent-text:#1a1610;--accent-a10:#9a78181a;--accent-a20:#9a781833;--accent-a34:#9a781857;--accent-a53:#9a781887;--blue-bar:#3a7a94;--rank-1-bg:#9a78181f;--rank-1-color:#9a7818;--rank-2-bg:#5a5a5a1f;--rank-2-color:#5a5a5a;--rank-3-bg:#8a4a181f;--rank-3-color:#8a4a18;--error-bg:#fef0f0;--error-border:#f5c5c5;--error-text:#b02020;--shadow:#0000001f;--modal-bg:#0006;--scrollbar:#cfc8b8}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d0d;background:var(--bg-primary);color:#f0ede6;color:var(--text-primary);font-family:DM Sans,sans-serif;margin:0;transition:background .25s,color .25s}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{flex-direction:column;min-height:100vh}.app-container,.app-header{background:var(--bg-primary);display:flex}.app-header{align-items:center;border-bottom:1px solid var(--border-subtle);flex-direction:row;gap:12px;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:10}.app-header #header-name{color:var(--text-primary);flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:clamp(28px,5vw,60px);letter-spacing:.08em;line-height:1}.create-search-container{display:flex;flex-direction:row;flex-shrink:0;gap:10px}.icon-button{align-items:center;background:#0000;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-muted-1);cursor:pointer;display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:16px;height:38px;justify-content:center;padding:0;transition:border-color .2s,color .2s,background .2s,transform .1s;width:38px}.icon-button:hover{background:var(--bg-card);border-color:var(--border-strong);color:var(--text-primary)}.icon-button:active{transform:scale(.95)}.create-leaderboard-button{background:var(--accent);border:none;color:var(--accent-text);font-size:22px;font-weight:400;line-height:1}.create-leaderboard-button:hover{background:var(--accent-hover);color:var(--accent-text)}.search-input{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:DM Sans,sans-serif;font-size:13px;min-width:0;outline:none;padding:10px 16px;transition:border-color .2s}.search-input:focus{border-color:var(--accent-a34)}.search-input::placeholder{color:var(--text-muted-3)}.homescreen-body{flex:1 1;padding:32px 40px}@media (max-width:768px){.app-header,.homescreen-body{padding:16px}}.leaderboards-layout{grid-gap:48px;align-items:start;display:grid;gap:48px;grid-template-columns:1fr 360px}.leaderboards-layout.no-favourites{grid-template-columns:280px 1fr}.leaderboards-main,.leaderboards-sidebar{min-width:0}.leaderboards-sidebar-inner{max-height:calc(100vh - 120px);overflow-y:auto;padding-right:4px;position:sticky;scrollbar-color:var(--scrollbar) #0000;scrollbar-width:thin;top:96px}.leaderboards-sidebar-inner::-webkit-scrollbar{width:4px}.leaderboards-sidebar-inner::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}.leaderboards-search-results{width:100%}.leaderboards-section-label{color:var(--text-muted-2);font-size:11px;font-weight:500;letter-spacing:.18em;margin:0 0 14px;text-transform:uppercase}.leaderboards-list{display:flex;flex-direction:column;gap:10px}.leaderboards-no-favourites{align-items:center;border:1px dashed var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:80px 40px;text-align:center}.leaderboards-no-favourites-icon{color:var(--border-strong);font-size:36px;line-height:1;margin-bottom:4px}.leaderboards-no-favourites p{color:var(--text-muted-2);font-size:14px;font-weight:500;margin:0}.leaderboards-no-favourites-hint{color:var(--border-hint)!important;font-size:12px!important;font-weight:400!important;line-height:1.5;max-width:220px}.leaderboards-empty{color:var(--text-muted-3);font-size:14px;letter-spacing:.04em;padding:40px 0;text-align:center}@media (max-width:900px){.leaderboards-layout,.leaderboards-layout.no-favourites{gap:32px;grid-template-columns:1fr}.leaderboards-sidebar-inner{max-height:none;overflow-y:visible;position:static}}.leaderboard-card-container{align-items:center;animation:cardIn .4s ease both;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;min-width:0;padding:16px 20px;transition:border-color .2s,background .2s}.leaderboard-card-container:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-card-left{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.leaderboard-card-index{color:var(--index-color);flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:20px;line-height:1;text-align:center;width:24px}.leaderboard-name{color:var(--text-primary);font-size:16px;font-weight:500;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-card-actions{gap:8px;margin-left:12px}.favourite-button,.leaderboard-card-actions{align-items:center;display:flex;flex-shrink:0}.favourite-button{background:#0000;border:1px solid var(--border-medium);border-radius:6px;color:var(--text-muted-3);cursor:pointer;font-size:16px;height:36px;justify-content:center;line-height:1;transition:color .2s,border-color .2s,transform .15s;width:36px}.favourite-button.is-favourite,.favourite-button:hover{border-color:var(--accent-a34);color:var(--accent-ink)}.favourite-button:active{transform:scale(.85)}.open-leaderboard-button{background:#0000;border:1px solid var(--accent-a20);border-radius:6px;color:var(--accent-ink);cursor:pointer;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em;margin-left:12px;padding:8px 16px;text-transform:uppercase;transition:background .2s,border-color .2s}.open-leaderboard-button:hover{background:var(--accent-a10);border-color:var(--accent-a53)}.drill-container{background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;min-height:100vh;padding:0 0 100px}.drill-header{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:20px 24px 18px;position:sticky;top:0;z-index:10}.drill-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.drill-back{color:var(--text-muted-1);cursor:pointer;display:inline-block;font-size:13px;letter-spacing:.04em;transition:color .2s}.drill-back:hover{color:var(--accent-ink)}.drill-title{color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:clamp(32px,7vw,72px);letter-spacing:.06em;line-height:1;margin:0 0 4px;word-break:break-word}.drill-subtitle{color:var(--text-muted-2);font-size:12px;letter-spacing:.05em;margin:0;text-transform:uppercase}.matches-section,.standings-section{margin:36px auto 0;max-width:760px;padding:0 24px}.section-label{color:var(--text-muted-2);font-size:11px;font-weight:500;letter-spacing:.18em;margin:0 0 16px;text-transform:uppercase}.standings-list{display:flex;flex-direction:column;gap:10px}.standing-row{grid-gap:12px;align-items:center;animation:slideUp .4s ease both;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;display:grid;gap:12px;grid-template-columns:32px 1fr auto 140px;padding:14px 16px;transition:border-color .2s}.standing-row:hover{border-color:var(--border-strong)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rank-badge{align-items:center;background:var(--border-subtle);border-radius:50%;color:var(--text-muted-1);display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:26px;justify-content:center;width:26px}.rank-1{background:var(--rank-1-bg);color:var(--rank-1-color)}.rank-2{background:var(--rank-2-bg);color:var(--rank-2-color)}.rank-3{background:var(--rank-3-bg);color:var(--rank-3-color)}.standing-name{font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standing-stats{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.stat{color:var(--text-muted-1);font-size:12px;white-space:nowrap}.stat strong{color:var(--text-primary);font-weight:600}.win-bars{display:flex;flex-direction:column;gap:5px;min-width:0}.win-bar-row{align-items:center;display:flex;gap:6px}.win-bar-label{color:var(--text-muted-3);flex-shrink:0;font-size:10px;font-weight:500;letter-spacing:.08em;text-align:right;width:10px}.win-bar-track{background:var(--border-subtle);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.win-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .6s ease}.win-bar-fill.games{background:var(--blue-bar)}.matches-list{display:flex;flex-direction:column;gap:10px}.match-card{animation:slideUp .4s ease both;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:14px 16px;transition:border-color .2s}.match-card:hover{border-color:var(--border-strong)}.match-date{color:var(--text-muted-2);font-size:11px;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.match-players{grid-gap:6px;align-items:center;display:grid;gap:6px;grid-template-columns:1fr 32px 1fr}.match-player{align-items:center;display:flex;gap:10px;min-width:0}.match-player.right{flex-direction:row-reverse;text-align:right}.player-name{color:var(--text-muted-1);font-size:14px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.winner .player-name{color:var(--text-primary)}.player-score{color:var(--border-strong);flex-shrink:0;font-family:Bebas Neue,sans-serif;font-size:26px;line-height:1;transition:color .2s}.winner .player-score{color:var(--accent-ink)}.match-vs{color:var(--text-muted-3);font-size:11px;letter-spacing:.1em;text-align:center;text-transform:uppercase}.match-note{border-top:1px solid var(--border-subtle);color:var(--text-muted-2);font-size:12px;font-style:italic;margin-top:10px;padding-top:10px}.loading-state{align-items:center;color:var(--text-muted-3);display:flex;flex-direction:column;font-size:13px;gap:16px;justify-content:center;padding:80px 0}.spinner{animation:spin .7s linear infinite;border:2px solid var(--border-subtle);border-radius:50%;border-top-color:var(--accent);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{align-items:center;animation:slideUp .5s ease both;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:20px;opacity:.4}.empty-title{color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:36px;letter-spacing:.06em;line-height:1;margin:0 0 10px}.empty-subtitle{color:var(--text-muted-2);font-size:14px;line-height:1.6;margin:0}.empty-highlight{display:inline-flex;font-size:16px;font-weight:700;height:22px;position:relative;top:-1px;vertical-align:middle;width:22px}.empty-highlight,.fab{align-items:center;background:var(--accent);border-radius:50%;color:var(--accent-text);justify-content:center;line-height:1}.fab{-webkit-tap-highlight-color:transparent;border:none;bottom:28px;box-shadow:0 4px 24px var(--shadow);cursor:pointer;display:flex;font-size:26px;font-weight:300;height:52px;position:fixed;right:24px;transition:background .2s,transform .15s;width:52px;z-index:100}.fab:hover{background:var(--accent-hover);transform:scale(1.08)}.fab:active{transform:scale(.96)}.modal-backdrop{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--modal-bg);display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:200}.modal{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:16px 16px 0 0;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:100%;overflow-y:auto;padding:24px 20px 36px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between}.modal-title{color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:30px;letter-spacing:.06em;line-height:1;margin:0}.modal-close{align-items:center;background:#0000;border:none;color:var(--text-muted-2);cursor:pointer;display:flex;font-size:18px;justify-content:center;line-height:1;min-height:36px;min-width:36px;padding:4px;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-players-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 28px 1fr}.modal-player-col{display:flex;flex-direction:column;gap:10px}.modal-vs{color:var(--border-strong);font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:.1em;margin-top:18px;text-align:center}.modal .form-field{display:flex;flex-direction:column;gap:6px}.modal .form-field label{color:var(--text-muted-2);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.modal .form-field input{-webkit-appearance:none;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;outline:none;padding:12px;transition:border-color .2s;width:100%}.modal .form-field input:focus{border-color:var(--accent-a34)}.modal .form-field input::placeholder{color:var(--border-strong)}.modal-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);font-size:13px;margin-top:16px;padding:12px 14px}.modal-submit{background:var(--accent);border:none;border-radius:8px;color:var(--accent-text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;padding:16px 24px;text-transform:uppercase;transition:background .2s,transform .1s;width:100%}.modal-submit:hover{background:var(--accent-hover)}.modal-submit:active{transform:scale(.98)}.modal-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.matches-section,.standings-section{margin-top:24px;padding:0 16px}.standing-row{grid-template-columns:28px 1fr auto}.win-bars{display:none}.match-players{gap:4px;grid-template-columns:1fr 24px 1fr}.player-score{font-size:22px}.player-name{font-size:13px}}@media (min-width:601px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:14px;max-width:480px;padding:28px}}.create-container{background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;min-height:100vh;padding:0 0 80px}.create-header{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:20px 24px 18px;position:sticky;top:0;z-index:10}.create-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.back-button{background:#0000;border:none;color:var(--text-muted-1);cursor:pointer;display:block;font-family:DM Sans,sans-serif;font-size:13px;letter-spacing:.04em;padding:0;transition:color .2s}.back-button:hover{color:var(--accent-ink)}.create-title{color:var(--text-primary);font-family:Bebas Neue,sans-serif;font-size:clamp(36px,8vw,72px);letter-spacing:.06em;line-height:1;margin:0}.create-form{gap:20px;margin:40px auto 0;max-width:480px;padding:0 24px}.create-form,.form-field{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{color:var(--text-muted-2);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.form-field input{-webkit-appearance:none;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:16px;outline:none;padding:14px 16px;transition:border-color .2s;width:100%}.form-field input:focus{border-color:var(--accent-a34)}.form-field input::placeholder{color:var(--border-strong)}.create-error{background:var(--error-bg);border:1px solid var(--error-border);border-radius:8px;color:var(--error-text);font-size:13px;padding:12px 14px}.submit-button{background:var(--accent);border:none;border-radius:8px;color:var(--accent-text);cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;margin-top:8px;padding:16px 24px;text-transform:uppercase;transition:background .2s,transform .1s;width:100%}.submit-button:hover{background:var(--accent-hover)}.submit-button:active{transform:scale(.98)}
/*# sourceMappingURL=main.261f7d1b.css.map*/