@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:DM Sans,sans-serif;font-weight:400;background:#f4f1eb;color:#1a1a1a;min-height:100vh;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{text-decoration:none;color:inherit}:root{--green: #1a3a2a;--green-light: #2d5c42;--green-pale: #e8f0eb;--gold: #d4a843;--gold-light: #f5d98e;--gold-pale: #fdf6e3;--cream: #f4f1eb;--cream-dark: #e8e3d9;--white: #ffffff;--text: #1a1a1a;--text-muted: #5a5a5a;--text-light: #888;--border: rgba(26,58,42,.15);--border-med: rgba(26,58,42,.25);--shadow-sm: 0 1px 3px rgba(26,58,42,.12);--shadow-md: 0 4px 16px rgba(26,58,42,.12);--shadow-lg: 0 8px 32px rgba(26,58,42,.16);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition: all .18s ease}.serif{font-family:"DM Serif Display",serif}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page-container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.page-content{flex:1;padding:28px 20px;max-width:1200px;margin:0 auto;width:100%}.topbar{background:var(--green);padding:0 20px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.topbar-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;height:60px;gap:20px}.topbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.topbar-logo .logo-badge{background:var(--gold);color:var(--green);font-family:"DM Serif Display",serif;font-size:15px;padding:3px 10px;border-radius:4px;letter-spacing:.5px;white-space:nowrap}.topbar-logo .logo-sub{color:#ffffffa6;font-size:12px;line-height:1.3;display:none}@media (min-width: 480px){.topbar-logo .logo-sub{display:block}}.topbar-nav{display:flex;gap:2px;flex:1;justify-content:center}.nav-link{color:#ffffffa6;font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap;text-decoration:none}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:var(--gold);color:var(--green)}.topbar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-user{color:#fffc;font-size:13px;text-align:right}.topbar-user span{display:block;font-size:11px;color:#ffffff80}.btn-signout{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;font-size:12px;padding:5px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.btn-signout:hover{background:#fff3;color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-md);font-size:13px;font-weight:500;border:none;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-light)}.btn-gold{background:var(--gold);color:var(--green)}.btn-gold:hover{background:var(--gold-light)}.btn-outline{background:transparent;border:1px solid var(--border-med);color:var(--text)}.btn-outline:hover{border-color:var(--green);color:var(--green);background:var(--green-pale)}.btn-danger{background:#c0392b;color:#fff}.btn-danger:hover{background:#a93226}.btn-sm{padding:5px 12px;font-size:12px}.btn-lg{padding:12px 24px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card-sm{padding:14px 16px;border-radius:var(--radius-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-size:15px;font-weight:600;color:var(--text)}.card-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.badge-a{background:#dbeafe;color:#1e40af}.badge-b{background:#dcfce7;color:#166534}.badge-a1{background:#1e40af;color:#fff}.badge-a2{background:#2563eb;color:#fff}.badge-a3{background:#3b82f6;color:#fff}.badge-a4{background:#93c5fd;color:#1e3a8a}.badge-b1{background:#166534;color:#fff}.badge-b2{background:#16a34a;color:#fff}.badge-b3{background:#4ade80;color:#14532d}.badge-b4{background:#bbf7d0;color:#14532d}.badge-cap{background:var(--gold);color:var(--green)}.badge-win{background:#dcfce7;color:#166534}.badge-loss{background:#fee2e2;color:#991b1b}.badge-group-a{background:var(--green);color:#fff}.badge-group-b{background:#7c3aed;color:#fff}.badge-dd{background:var(--gold);color:var(--green)}.badge-live{background:#fee2e2;color:#991b1b;animation:pulse 2s infinite}.badge-done{background:#e8f0eb;color:var(--green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:5px}.form-input{width:100%;padding:9px 12px;border:1px solid var(--border-med);border-radius:var(--radius-md);font-size:14px;background:var(--white);color:var(--text);transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #1a3a2a14}.form-input.error{border-color:#e53e3e}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a5a5a' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.tabs{display:flex;gap:4px;background:var(--cream-dark);padding:4px;border-radius:var(--radius-md);margin-bottom:20px;overflow-x:auto}.tab{padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-muted);background:transparent;border:none;white-space:nowrap;transition:var(--transition)}.tab:hover{color:var(--text)}.tab.active{background:var(--white);color:var(--green);box-shadow:var(--shadow-sm)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.stat-value{font-size:26px;font-weight:600;color:var(--green);line-height:1}.stat-label{font-size:12px;color:var(--text-muted);margin-top:4px}.table-wrap{overflow-x:auto}.standings-table{width:100%;border-collapse:collapse;font-size:14px}.standings-table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.standings-table td{padding:11px 12px;border-bottom:1px solid var(--border);color:var(--text)}.standings-table tr:last-child td{border-bottom:none}.standings-table tr:hover td{background:var(--cream)}.standings-table .rank{font-weight:600;color:var(--text-muted)}.standings-table .team-cell{display:flex;align-items:center;gap:8px}.standings-table .pts-col{font-weight:700;font-size:16px;color:var(--green)}.row-qualify td:first-child{border-left:3px solid var(--green)}.row-tiebreak td:first-child{border-left:3px solid var(--gold)}.row-eliminated td{color:var(--text-muted)}.player-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--white);border:1px solid var(--border-med);border-radius:20px;font-size:12px;font-weight:500;cursor:grab;transition:var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap;touch-action:none}.player-chip:hover{border-color:var(--green);background:var(--green-pale);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.player-chip.dragging{opacity:.5;cursor:grabbing}.player-chip.assigned{background:var(--cream);cursor:not-allowed;opacity:.55}.player-chip.captain-chip{border-color:var(--gold)}.chip-remove-btn{background:none;border:none;cursor:pointer;color:var(--text-light);font-size:15px;line-height:1;padding:0 0 0 3px;opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease,color .12s ease;pointer-events:none;flex-shrink:0}.chip-hovered .chip-remove-btn{opacity:1;transform:scale(1);pointer-events:auto}.chip-remove-btn:hover{color:#c53030}@keyframes pulse-border{0%,to{border-color:var(--gold);box-shadow:0 0 #d4a8434d}50%{border-color:#b8922a;box-shadow:0 0 0 4px #d4a84300}}.drop-zone{border:2px dashed var(--border-med);border-radius:var(--radius-md);padding:10px 12px;min-height:46px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;transition:var(--transition);background:var(--cream)}.drop-zone.over{border-color:var(--green);background:var(--green-pale)}.drop-zone.has-error{border-color:#e53e3e;background:#fff5f5}.drop-zone-placeholder{font-size:12px;color:var(--text-light)}.drop-zone-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.match-slot{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;margin-bottom:10px}.match-slot.dd-slot{border:2px solid var(--gold);background:var(--gold-pale)}.match-slot .slot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.match-slot .slot-type{font-weight:700;font-size:15px;color:var(--green)}.match-slot.dd-slot .slot-type{color:#92400e}.match-slot .slot-pts{font-size:11px;font-weight:600;color:var(--text-muted);background:var(--cream-dark);padding:2px 8px;border-radius:10px}.match-slot.dd-slot .slot-pts{background:var(--gold-light);color:#78350f}.match-pairs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:10px}.match-pairs .vs{font-size:11px;font-weight:700;color:var(--text-muted);text-align:center}.score-row{display:flex;align-items:center;gap:10px;margin-top:8px}.score-input{width:52px;text-align:center;padding:7px 8px;border:1px solid var(--border-med);border-radius:var(--radius-sm);font-size:16px;font-weight:600}.score-dash{font-size:18px;font-weight:700;color:var(--text-muted)}.team-setup-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.team-setup-header{background:var(--green);color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.team-setup-header .team-name-input{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.4);color:#fff;font-family:"DM Serif Display",serif;font-size:15px;padding:2px 4px;flex:1}.team-setup-header .team-name-input::placeholder{color:#ffffff80}.team-setup-header .team-name-input:focus{outline:none;border-bottom-color:var(--gold)}.team-setup-body{padding:14px}.player-slots{display:flex;flex-wrap:wrap;gap:6px}.history-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:14px}.history-header{background:var(--green-pale);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.history-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:14px 16px}.history-team{font-weight:600;font-size:14px}.history-team.winner{color:var(--green)}.history-score{font-size:22px;font-weight:700;text-align:center;color:var(--text)}.history-matches{padding:0 16px 14px;display:flex;flex-wrap:wrap;gap:8px}.match-result-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-sm);font-size:12px;background:var(--cream);border:1px solid var(--border)}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;margin-bottom:14px;display:flex;align-items:flex-start;gap:10px}.alert-error{background:#fff5f5;border:1px solid #fed7d7;color:#c53030}.alert-warning{background:var(--gold-pale);border:1px solid var(--gold-light);color:#92400e}.alert-success{background:#f0fff4;border:1px solid #c6f6d5;color:#22543d}.alert-info{background:#ebf8ff;border:1px solid #bee3f8;color:#2b6cb0}.alert-icon{font-size:16px;flex-shrink:0}.alert-text strong{display:block;font-weight:600;margin-bottom:2px}.tiebreak-banner{background:var(--gold-pale);border:1px solid var(--gold-light);border-left:4px solid var(--gold);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:14px;font-size:13px;color:#92400e}.tiebreak-banner strong{display:block;font-weight:600;margin-bottom:4px}.tiebreak-banner.critical{border-left-color:#e53e3e;background:#fff5f5;color:#c53030}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--green);padding:20px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent,transparent 40px,rgba(255,255,255,.015) 40px,rgba(255,255,255,.015) 80px)}.login-card{background:var(--white);border-radius:var(--radius-xl);padding:40px;width:100%;max-width:400px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.login-logo{text-align:center;margin-bottom:28px}.login-logo .logo-mark{font-family:"DM Serif Display",serif;font-size:42px;color:var(--green);line-height:1}.login-logo .logo-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.login-card h2{font-size:20px;font-weight:600;margin-bottom:6px}.login-card p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.avatar-green{background:var(--green-pale);color:var(--green)}.avatar-gold{background:var(--gold-pale);color:#92400e}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state .icon{font-size:40px;margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text)}.empty-state p{font-size:13px}.spinner{width:28px;height:28px;border:3px solid var(--border-med);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.group-section{margin-bottom:28px}.group-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.group-heading h3{font-family:"DM Serif Display",serif;font-size:20px;color:var(--green)}.drag-overlay{pointer-events:none;z-index:9999}.drag-overlay .player-chip{box-shadow:var(--shadow-lg);opacity:.95;transform:rotate(2deg) scale(1.05)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--white);border-radius:var(--radius-xl);padding:28px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal h3{font-size:18px;font-weight:600;margin-bottom:6px}.modal p{font-size:13px;color:var(--text-muted);margin-bottom:20px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media (max-width: 768px){.page-content{padding:16px 14px}.card{padding:14px}.match-pairs{grid-template-columns:1fr;gap:4px}.match-pairs .vs{display:none}.history-teams{grid-template-columns:1fr auto 1fr}.topbar-nav .nav-link{padding:6px 10px;font-size:12px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.topbar{padding:0 12px}.topbar-inner{flex-wrap:wrap;height:auto;padding:10px 0;gap:8px}.topbar-logo{flex:1}.topbar-nav{order:3;width:100%;justify-content:flex-start;gap:2px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav .nav-link{padding:5px 10px;font-size:12px;white-space:nowrap}.topbar-right{margin-left:0}.topbar-user{display:none}.btn-signout{font-size:11px;padding:4px 10px}.login-card{padding:28px 18px;margin:10px}.login-logo .logo-mark{font-size:34px}.score-row{flex-wrap:wrap;gap:6px}.slot-header{flex-wrap:wrap;gap:4px}.team-setup-card{min-width:0}}@media (max-width: 480px){.topbar-logo .logo-sub{display:none}.login-card{padding:28px 22px}.standings-table th:nth-child(3),.standings-table td:nth-child(3),.standings-table th:nth-child(4),.standings-table td:nth-child(4),.standings-table th:nth-child(5),.standings-table td:nth-child(5){display:none}.history-matches{gap:6px}.match-result-chip{font-size:11px}.card,.page-content{overflow-x:hidden}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.w-full{width:100%}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 480px) and (max-width: 768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}