:root{--bg-dark: #070708;--bg-card: #121215;--accent: #dfff00;--accent-muted: #b8cc00;--text-main: #ffffff;--text-muted: #8e8e93;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--shadow: 0 10px 40px rgba(0,0,0,.8);--radius: 12px;--font-main: "Outfit", sans-serif;--font-score: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);overflow-x:hidden}.landing-container{display:flex;flex-direction:column;min-height:100vh;padding:40px 24px;max-width:1000px;margin:0 auto}.landing-hero{text-align:center;padding:60px 20px;border-bottom:1px solid var(--glass-border)}.hero-icon{margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(223,255,0,.3))}.landing-hero h1{font-size:4rem;font-weight:900;letter-spacing:-2px;margin-bottom:8px}.subtitle{color:var(--text-muted);font-size:1.2rem;margin-bottom:32px}.hero-actions{display:flex;justify-content:center;gap:16px}.btn-lg{padding:20px 40px;font-size:1.2rem}.live-now{margin-top:60px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{display:flex;align-items:center;gap:12px;font-size:1.5rem}.public-match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.match-card{padding:20px;transition:transform .3s,border-color .3s;cursor:pointer}.match-card:hover{transform:translateY(-5px);border-color:var(--accent)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.match-title{font-weight:800;font-size:1.1rem}.match-loc{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.card-score{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.card-score .team{display:flex;justify-content:space-between;align-items:center;font-weight:600}.score-num{font-family:var(--font-score);font-size:1.5rem;color:var(--accent)}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:12px}.id-tag{font-size:.7rem;color:var(--text-muted)}.empty-state{text-align:center;padding:40px;grid-column:1 / -1}.future-features{margin-top:80px;text-align:center;padding:40px 0}.future-features h3{margin-bottom:24px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.feature-rows{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.feature-tag{padding:10px 20px;border-radius:20px;font-size:.85rem;font-weight:600;opacity:.6}.setup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px}.advanced-setup{width:100%;max-width:500px!important}.setup-section{margin-bottom:24px;padding:16px;border:1px solid var(--glass-border);border-radius:12px}.setup-section label{color:var(--accent);font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:12px}.players-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.players-grid{grid-template-columns:1fr}}.team-inputs span{font-size:.8rem;color:var(--text-muted);display:block;margin-bottom:8px}.setup-section input{width:100%;padding:12px;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;color:#fff;margin-bottom:12px}.form-row{display:flex;gap:12px;margin-bottom:12px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:12px;background:#dfff000d;border-radius:12px}.search-box{flex:1;max-width:400px;display:flex;align-items:center;padding:0 16px;margin:0 16px}.search-box input{width:100%;background:none;border:none;padding:12px 0;color:#fff;font-size:.95rem;outline:none}.search-box input::placeholder{color:var(--text-muted);opacity:.5}.privacy-toggle{flex-direction:row!important;align-items:center;justify-content:space-between;flex:0 0 150px}.sets-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.set-config-item{padding:12px;border:1px solid var(--glass-border)}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.8rem;font-weight:700;color:var(--accent)}.set-body{display:flex;flex-direction:column;gap:12px}.set-body select{width:100%;padding:8px;background:#000;border:1px solid var(--glass-border);color:#fff;border-radius:6px}.set-params{display:flex;gap:12px}.param{flex:1;display:flex;flex-direction:column;gap:4px}.param span{font-size:.7rem;color:var(--text-muted)}.param input{padding:6px;background:#000;border:1px solid var(--glass-border);color:#fff;border-radius:4px;width:100%}.btn-add-set{background:#dfff001a;border:1px dashed var(--accent);color:var(--accent);padding:10px;border-radius:8px;width:100%;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-remove{background:#ff00001a;color:#ff4d4d;border:none;padding:4px;border-radius:4px;cursor:pointer}.match-container{display:flex;min-height:100vh;width:100vw;transition:padding .3s}.match-content{flex:1;max-width:500px;margin:0 auto;padding:24px;display:flex;flex-direction:column;position:relative}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions{display:flex;gap:12px}.scoreboard{display:flex;flex-direction:column;gap:20px;padding:24px}.team-block{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:12px;border-radius:8px;transition:background .3s}.team-block.winner{background:#dfff000d;border:1px solid var(--accent)}.players-list{display:flex;flex-direction:column;gap:8px}.player-item{font-size:1.1rem;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px;cursor:pointer;transition:color .2s}.player-item.serving{color:var(--accent)}.sets-row{display:flex;gap:10px;justify-content:center}.set-box{font-family:var(--font-score);font-size:1.8rem;opacity:.3;width:40px;text-align:center;position:relative}.set-box.active{opacity:1;color:var(--accent)}.tb-score{position:absolute;top:-5px;right:-5px;font-size:.7rem;font-weight:800;color:var(--accent-muted)}.points-box{font-family:var(--font-score);font-size:3.5rem;font-weight:800;color:var(--accent);text-align:right;line-height:1;min-width:80px}.divider{text-align:center;font-size:.7rem;font-weight:800;letter-spacing:4px;color:var(--text-muted);border-bottom:1px solid var(--glass-border);padding-bottom:4px;margin:10px 0}.match-meta-row{display:flex;gap:12px;align-items:center;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.deuce-info{margin-top:16px;padding:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--accent);border:1px dashed var(--accent)}.server-prompt{padding:16px;text-align:center;font-size:.9rem;color:var(--accent);margin:20px 0;border:1px dashed var(--accent)}.chat-sidebar{width:320px;height:100vh;position:fixed;right:-320px;top:0;background:var(--bg-card)!important;border-left:1px solid var(--glass-border);transition:.3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;z-index:1000}.chat-sidebar.open{right:0}.match-container.with-chat .match-content{padding-right:20px}.chat-header{padding:16px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.messages-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg-box{background:#ffffff0d;padding:10px;border-radius:8px 8px 8px 0}.msg-user{font-size:.7rem;font-weight:800;color:var(--accent);text-transform:uppercase;margin-bottom:4px;display:block}.msg-text{font-size:.9rem;line-height:1.4}.chat-input{padding:16px;display:flex;gap:8px;border-top:1px solid var(--glass-border)}.chat-input input{flex:1;background:#000;border:1px solid var(--glass-border);padding:10px;border-radius:8px;color:#fff}.chat-input button{background:var(--accent);color:#000;padding:10px;border-radius:8px}.post-match{padding:24px;margin-top:20px}.stats-header{text-align:left;border-bottom:1px solid var(--glass-border);padding-bottom:12px;margin-bottom:20px}.stats-explanation{font-size:.75rem;color:var(--text-muted);margin-top:4px}.stats-grid{display:grid;gap:16px;margin:24px 0}.stat-card{background:#0003;padding:16px;border-radius:8px;border:1px solid var(--glass-border);position:relative}.stat-label{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between}.stat-compare{display:flex;justify-content:space-between;font-size:1.8rem;font-family:var(--font-score);margin-top:8px}.stat-compare .gold{color:var(--accent)}.btn-primary{width:100%;background:var(--accent);color:#000;padding:16px;border-radius:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;border:none;cursor:pointer}.btn-score{flex:1;background:var(--glass);border:1px solid var(--glass-border);padding:24px 12px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff}.btn-score span{font-size:.8rem;font-weight:700;color:var(--text-muted);width:100%;white-space:normal;line-height:1.2}.btn-score:hover{border-color:var(--accent)}.point-buttons{display:flex;gap:16px;margin:24px 0}.utility-bar{display:flex;gap:8px}.btn-secondary{flex:1;background:var(--glass);border:1px solid var(--glass-border);padding:10px;border-radius:8px;color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px}.glass{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.animate-pulse-slow{animation:pulse 2s infinite ease-in-out}.loading{height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent)}.nickname-settings{padding:12px;margin-bottom:20px;border:1px dashed var(--accent)}.nickname-settings input{width:100%;background:none;border:none;border-bottom:1px solid var(--glass-border);color:#fff;padding:4px 0;margin-top:8px;font-size:.9rem}.nickname-settings input:focus{border-color:var(--accent);outline:none}.logo-icon{margin-bottom:12px}.hero-icon{margin-bottom:24px}.btn-icon{background:var(--glass);border:1px solid var(--glass-border);padding:10px;border-radius:10px;color:#fff;cursor:pointer;transition:.2s}.btn-icon:hover{background:#ffffff1a}.btn-icon.active{background:var(--accent);color:#000}@media (max-width: 600px){.chat-sidebar{width:100%;right:-100%}.match-container.with-chat .match-content{position:relative;filter:blur(5px);pointer-events:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{width:100%;max-width:400px;padding:24px;position:relative}.btn-close-modal{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer}.feedback-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.feedback-form select,.feedback-form textarea,.feedback-form input,select{background:#00000080;border:1px solid var(--glass-border);color:#fff;padding:12px 40px 12px 12px;border-radius:8px;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23dfff00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.feedback-form select:focus,select:focus{border-color:var(--accent);background-color:#000c}.feedback-form textarea{min-height:120px;resize:none}.admin-container{padding:40px 20px;max-width:800px;margin:0 auto}.feedback-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.feedback-item{padding:16px;border-left:4px solid var(--accent)}.feedback-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-bottom:8px}.feedback-type{background:var(--accent);color:#000;padding:2px 6px;border-radius:4px;font-weight:800;text-transform:uppercase}