@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:#18181b;background-color:#fafafa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#3b82f6;text-decoration:inherit;transition:color .2s ease}a:hover{color:#2563eb}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:2rem;line-height:1.2;font-weight:700;letter-spacing:-.03em}h2{font-size:1.5rem;line-height:1.3;font-weight:700;letter-spacing:-.02em}h3{font-size:1.125rem;line-height:1.4;font-weight:600;letter-spacing:-.01em}button{border-radius:8px;border:1px solid transparent;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}button:focus,button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}input,select,textarea{font-family:inherit}::selection{background-color:#dbeafe;color:#1e40af}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f4f4f5}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:neon;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/707108/neon.ttf)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fafafa,#f4f4f5);background-attachment:fixed;color:#18181b;line-height:1.6;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(245,158,11,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.navbar{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e4e4e7;padding:0;position:sticky;top:0;z-index:100;transition:all .3s ease}.nav-container{max-width:1280px;margin:0 auto;padding:.875rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.25rem;font-weight:700;color:#18181b;text-decoration:none;transition:color .2s ease;letter-spacing:-.02em}.nav-logo:hover{color:#3b82f6}.nav-menu{display:flex;list-style:none;gap:.5rem;align-items:center}.nav-item{margin:0}.nav-link{color:#71717a;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;font-size:.9375rem;font-weight:500;position:relative}.nav-link:hover{background-color:#f4f4f5;color:#18181b}.nav-link:active{transform:scale(.98)}.main-content{flex:1;max-width:1280px;margin:0 auto;padding:3rem 1.5rem;width:100%}.container{background-color:#fff;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000f;border:1px solid #e4e4e7;margin-bottom:2rem;transition:all .3s ease;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container:hover{box-shadow:0 4px 12px #00000014}.home-layout{display:grid;grid-template-columns:1fr;gap:2rem;overflow:hidden}.home-layout>*{min-width:0}@media(min-width:1024px){.home-layout{grid-template-columns:1fr 1fr;align-items:start}.player-table-container{grid-column:1;grid-row:1}.games-section{grid-column:2;grid-row:1}.refresh-btn{grid-column:1 / -1}}h1{color:#18181b;margin-bottom:1.5rem;font-size:2rem;font-weight:700;letter-spacing:-.03em}.neon-title{text-align:center;margin-bottom:3rem;padding:3rem 2rem;background:linear-gradient(135deg,#ffffffe6,#fafafae6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(228,228,231,.5);box-shadow:0 8px 32px #0000000f;animation:slideUp .6s ease-out}.neon{font-family:neon,sans-serif;color:#fb4264;font-size:9vw;line-height:9vw;text-shadow:0 0 3vw #f40a35;animation:neon 1s ease infinite;-moz-animation:neon 1s ease infinite;-webkit-animation:neon 1s ease infinite;display:block;margin:0}.flux{font-family:neon,sans-serif;color:#426dfb;font-size:9vw;line-height:9vw;text-shadow:0 0 3vw #2356ff;animation:flux 2s linear infinite;-moz-animation:flux 2s linear infinite;-webkit-animation:flux 2s linear infinite;-o-animation:flux 2s linear infinite;display:block;margin:0}@keyframes neon{0%,to{text-shadow:0 0 1vw #fa1c16,0 0 3vw #fa1c16,0 0 10vw #fa1c16,0 0 10vw #fa1c16,0 0 .4vw #fed128,.5vw .5vw .1vw #806914;color:#fed128}50%{text-shadow:0 0 .5vw #800e0b,0 0 1.5vw #800e0b,0 0 5vw #800e0b,0 0 5vw #800e0b,0 0 .2vw #800e0b,.5vw .5vw .1vw #40340a;color:#806914}}@keyframes flux{0%,to{text-shadow:0 0 1vw #1041ff,0 0 3vw #1041ff,0 0 10vw #1041ff,0 0 10vw #1041ff,0 0 .4vw #8bfdfe,.5vw .5vw .1vw #147280;color:#28d7fe}50%{text-shadow:0 0 .5vw #082180,0 0 1.5vw #082180,0 0 5vw #082180,0 0 5vw #082180,0 0 .2vw #082180,.5vw .5vw .1vw #0a3940;color:#146c80}}h2{color:#18181b;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}h3{color:#3f3f46;margin-bottom:1rem;font-size:1.125rem;font-weight:600;letter-spacing:-.01em}.player-table-container{margin-bottom:2rem;min-width:0;width:100%}.player-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;overflow:hidden;border-radius:12px;box-shadow:0 1px 3px #0000000d;animation:fadeIn .5s ease-in}.player-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.player-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border:none}.player-table th:first-child{border-top-left-radius:12px}.player-table th:last-child{border-top-right-radius:12px}.player-table tbody tr{border-bottom:1px solid #f4f4f5;transition:all .2s ease}.player-table tbody tr:hover{background-color:#fafafa;box-shadow:0 2px 4px #0000000a}.player-table tbody tr:last-child{border-bottom:none}.player-table td{padding:.875rem 1rem;font-size:.875rem;color:#3f3f46}.player-table .positive{color:#10b981;font-weight:600}.player-table .negative{color:#ef4444;font-weight:600}.game-list-container{margin-bottom:2rem;min-width:0;width:100%}.game-count{color:#71717a;font-style:normal;margin-bottom:.75rem;font-size:.875rem;font-weight:500}.game-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem;overflow:hidden;border-radius:12px;box-shadow:0 1px 3px #0000000d;animation:fadeIn .5s ease-in}.game-table thead{background:linear-gradient(135deg,#18181b,#27272a);color:#fff}.game-table th{padding:.875rem 1rem;text-align:left;font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border:none}.game-table th:first-child{border-top-left-radius:12px}.game-table th:last-child{border-top-right-radius:12px}.game-table tbody tr{border-bottom:1px solid #f4f4f5;transition:all .2s ease}.game-table tbody tr:hover{background-color:#fafafa;box-shadow:0 2px 4px #0000000a}.game-table tbody tr:last-child{border-bottom:none}.game-table td{padding:.875rem 1rem;font-size:.875rem;color:#3f3f46}.game-table .winner{background-color:#d1fae5;font-weight:600;color:#065f46}.games-section{display:flex;flex-direction:column;gap:2rem;min-width:0;width:100%}.add-game-form{background:linear-gradient(135deg,#fafafa,#fff);border-radius:16px;padding:2rem;border:1px solid #e4e4e7;margin-bottom:2rem;animation:slideUp .4s ease-out}.form-section{margin-bottom:1.5rem;padding:1.5rem;background-color:#fff;border-radius:12px;border:1px solid #f4f4f5;transition:all .2s ease}.form-section:hover{border-color:#e4e4e7;box-shadow:0 2px 8px #0000000a}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#18181b;font-size:.875rem;letter-spacing:-.01em}.form-group select,.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #e4e4e7;border-radius:8px;font-size:.9375rem;transition:all .2s ease;background-color:#fff;font-family:inherit}.form-group select:focus,.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group small{display:block;margin-top:.5rem;color:#71717a;font-size:.8125rem}button{cursor:pointer;font-family:inherit;transition:all .2s ease}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;width:100%;margin-top:1rem;box-shadow:0 1px 3px #3b82f64d}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:#e4e4e7;cursor:not-allowed;box-shadow:none;color:#a1a1aa}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:600;box-shadow:0 1px 3px #ef44444d}.delete-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.delete-btn:active{transform:translateY(0)}.refresh-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;margin-top:1rem;box-shadow:0 1px 3px #10b9814d}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.refresh-btn:active{transform:translateY(0)}.logout-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;box-shadow:0 1px 3px #f59e0b4d}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.logout-btn:active{transform:translateY(0)}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;padding:1rem 1.25rem;border-radius:12px;margin:1rem 0;border-left:4px solid #ef4444;font-size:.9375rem;font-weight:500}.success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;padding:1rem 1.25rem;border-radius:12px;margin:1rem 0;border-left:4px solid #10b981;font-size:.9375rem;font-weight:500}.loading{text-align:center;padding:3rem;font-size:1rem;color:#71717a;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading svg{animation:spin 1s linear infinite}.admin-login{max-width:420px;margin:4rem auto;padding:2.5rem;background:linear-gradient(135deg,#fff,#fafafa);border-radius:16px;box-shadow:0 4px 24px #00000014,0 0 1px #0000001a;border:1px solid #e4e4e7}.admin-login:hover{box-shadow:0 8px 32px #0000001f,0 0 1px #0000001a}.admin-login h1{text-align:center;margin-bottom:2rem;font-size:1.75rem}.admin-login .hint{text-align:center;margin-top:1rem;color:#71717a;font-size:.875rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e4e4e7}.admin-section{margin-top:2rem}@media(min-width:1024px){.admin-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.add-game-form{grid-column:1;grid-row:1;margin-bottom:0}.admin-section:first-of-type{grid-column:2;grid-row:1 / span 2;margin-top:0}.admin-section:last-of-type{grid-column:1;grid-row:2}.admin-content .refresh-btn{grid-column:1 / -1;margin-top:2rem}}.quartet-finder-container{background:linear-gradient(135deg,#fafafa,#fff);border-radius:16px;padding:2rem;border:1px solid #e4e4e7;margin-bottom:2rem;box-shadow:0 1px 3px #0000000f;transition:all .3s ease}.quartet-finder-container:hover{box-shadow:0 4px 12px #00000014}.quartet-description{color:#71717a;margin-bottom:1.5rem;font-size:.9375rem;line-height:1.6}.quartet-form{background-color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #f4f4f5}.player-selectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.player-select{width:100%;padding:.75rem 1rem;border:1px solid #e4e4e7;border-radius:8px;font-size:.9375rem;transition:all .2s ease;background-color:#fff;font-family:inherit}.player-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quartet-actions{display:flex;gap:1rem;flex-wrap:wrap}.quartet-actions button{flex:1;min-width:150px}.reset-btn{background:linear-gradient(135deg,#71717a,#52525b);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:0 1px 3px #71717a4d}.reset-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #71717a66}.reset-btn:active:not(:disabled){transform:translateY(0)}.reset-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.quartet-results{background-color:#fff;padding:1.5rem;border-radius:12px;margin-top:1.5rem;border:1px solid #f4f4f5}.quartet-results h3{color:#18181b;margin-bottom:1rem;font-size:1.125rem}.no-games-message{text-align:center;padding:3rem 2rem;font-size:1rem;color:#10b981;font-weight:600}.footer{background:linear-gradient(180deg,#fff,#fafafa);color:#71717a;text-align:center;padding:2rem 1.5rem;margin-top:auto;width:100%;border-top:1px solid #e4e4e7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footer p{margin:0;font-size:.875rem;font-weight:500;letter-spacing:.01em}.glass-effect{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}@media(min-width:769px)and (max-width:1023px){.main-content{max-width:900px}}@media(max-width:768px){.nav-container{flex-direction:row;padding:.75rem 1rem}.nav-menu{gap:.25rem}.main-content{padding:2rem 1rem}.container{padding:1.5rem;border-radius:12px}.neon-title{padding:2rem 1rem;border-radius:16px}h1{font-size:1.5rem}.neon,.flux{font-size:15vw;line-height:15vw}h2{font-size:1.25rem}.player-table-container,.game-list-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;min-width:0;position:relative;background:linear-gradient(90deg,#fff 30%,#fff0),linear-gradient(90deg,#fff0,#fff 70%) 100% 0,radial-gradient(farthest-side at 0% 50%,#0003,#0000),radial-gradient(farthest-side at 100% 50%,#0003,#0000) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}.player-table,.game-table{min-width:500px}.player-table th,.player-table td,.game-table th,.game-table td{padding:.625rem .5rem;font-size:.8125rem;white-space:nowrap}.player-table thead,.game-table thead{position:sticky;top:0;z-index:10}.admin-header{flex-direction:row;flex-wrap:wrap;gap:1rem}.admin-login{margin:2rem 1rem;padding:2rem}}@media(max-width:480px){.nav-link{padding:.5rem .75rem;font-size:.875rem}.neon-title{padding:1.5rem .75rem}.player-table,.game-table{font-size:.8125rem}.player-table th,.player-table td,.game-table th,.game-table td{padding:.625rem .75rem}.container,.form-section{padding:1rem}}