.countdown{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.countdown-unit{display:flex;flex-direction:column;align-items:center;background:var(--dark-card);border:1px solid var(--dark-border);border-top:2px solid var(--orange);padding:.75rem 1.25rem;min-width:80px;border-radius:4px}.countdown-value{font-family:var(--font-display);font-size:2.8rem;line-height:1;color:var(--white);letter-spacing:.02em}.countdown-label{font-size:.6rem;letter-spacing:.2em;color:var(--orange);font-weight:700;margin-top:.25rem}.countdown-sep{font-family:var(--font-display);font-size:2rem;color:var(--orange);padding-bottom:1rem;opacity:.6}.countdown-live{display:inline-block;font-weight:700;font-size:1rem;letter-spacing:.1em;color:var(--orange);animation:pulse-orange 1.5s infinite;padding:.5rem 1.5rem;border:1px solid var(--orange);border-radius:4px}.vote-section{padding:3rem 0}.vote-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:8px;padding:2.5rem;position:relative;overflow:hidden}.vote-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--blue))}.section-eyebrow{font-size:.65rem;letter-spacing:.3em;color:var(--orange);font-weight:700;margin-bottom:.5rem}.vote-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);letter-spacing:.03em;line-height:1;margin-bottom:2rem}.vote-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.vote-btn{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;border-radius:6px;font-weight:700;transition:transform .15s,box-shadow .15s;border:2px solid transparent}.vote-btn:hover:not(:disabled){transform:translateY(-3px)}.vote-btn:disabled{opacity:.5;cursor:not-allowed}.vote-btn.win{background:#ff6b1a1a;border-color:var(--orange);color:var(--orange)}.vote-btn.win:hover:not(:disabled){background:#ff6b1a33;box-shadow:0 8px 24px #ff6b1a40}.vote-btn.lose{background:#0055a41a;border-color:var(--blue);color:var(--blue-light)}.vote-btn.lose:hover:not(:disabled){background:#0055a433;box-shadow:0 8px 24px #0055a440}.vote-btn-emoji{font-size:1.8rem}.vote-btn-label{font-family:var(--font-display);font-size:1.2rem;letter-spacing:.05em}.voted-badge{display:inline-block;background:#ff6b1a1a;border:1px solid var(--orange);color:var(--white);padding:.6rem 1.2rem;border-radius:4px;margin-bottom:2rem;font-size:.9rem}.voted-badge.closed{background:#ffffff0f;border-color:#fff3;color:var(--text-muted)}.vote-results{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.result-row{display:flex;align-items:center;gap:.75rem}.result-label{width:80px;font-size:.8rem;font-weight:600;flex-shrink:0}.win-label{color:var(--orange)}.lose-label{color:var(--blue-light)}.result-bar-track{flex:1;height:10px;background:#ffffff12;border-radius:99px;overflow:hidden}.result-bar{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}.win-bar{background:linear-gradient(90deg,var(--orange-dark),var(--orange))}.lose-bar{background:linear-gradient(90deg,var(--blue-dark),var(--blue-light))}.result-pct{width:38px;font-size:.85rem;font-weight:700;text-align:right;flex-shrink:0}.vote-total{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.vote-error{color:#ff6b6b;font-size:.85rem;margin-bottom:1rem}.comments-section{padding:3rem 0;border-top:1px solid var(--dark-border)}.comments-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);letter-spacing:.03em;margin-bottom:2rem}.comment-form{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:8px;padding:1.75rem;margin-bottom:2.5rem}.form-row{position:relative;margin-bottom:1rem}.form-input,.form-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--white);padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s;resize:vertical}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--orange);background:#ff6b1a0a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.char-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.7rem;color:var(--text-muted);pointer-events:none}.form-submit{background:var(--orange);color:var(--white);font-family:var(--font-display);font-size:1.1rem;letter-spacing:.08em;padding:.75rem 2rem;border-radius:4px;transition:background .2s,transform .15s}.form-submit:hover:not(:disabled){background:var(--orange-dark);transform:translateY(-2px)}.form-submit:disabled{opacity:.4;cursor:not-allowed}.form-success{background:#00c8641a;border:1px solid rgba(0,200,100,.3);color:#4ade80;padding:.75rem 1rem;border-radius:4px;font-size:.9rem}.form-error{margin-top:.5rem;color:#ff6b6b;font-size:.85rem}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-card{background:var(--dark-card);border:1px solid var(--dark-border);border-left:3px solid var(--orange);border-radius:4px;padding:1.25rem 1.5rem}.comment-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;flex-wrap:wrap;gap:.25rem}.comment-author{font-weight:700;font-size:.95rem;color:var(--orange)}.comment-date{font-size:.75rem;color:var(--text-muted)}.comment-text{font-size:.95rem;line-height:1.6;color:#ffffffd9}.comments-more{display:flex;justify-content:center;margin-top:1.5rem}.comments-more-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--white);padding:.6rem 1.5rem;border-radius:999px;letter-spacing:.15em;font-size:.75rem;text-transform:uppercase;transition:border-color .2s,color .2s,transform .2s}.comments-more-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}.comments-more-btn:disabled{opacity:.6;cursor:not-allowed}.no-comments{color:var(--text-muted);font-size:.9rem;text-align:center;padding:2rem;border:1px dashed var(--dark-border);border-radius:8px}.header{position:relative;background:var(--dark-mid);border-bottom:1px solid var(--dark-border)}.header-stripe{height:4px;background:linear-gradient(90deg,var(--orange) 0%,var(--blue) 100%)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:2rem}.logo-name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.05em;line-height:1;color:var(--white)}.logo-sub{font-size:.65rem;letter-spacing:.2em;color:var(--orange);font-weight:700;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:1rem}.nav-link{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--orange)}.hero{position:relative;overflow:hidden;padding:5rem 0 4rem;background:linear-gradient(160deg,var(--dark) 0%,var(--dark-mid) 50%,#0d0d1a 100%)}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(8rem,22vw,18rem);letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.04);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.hero-content{position:relative;z-index:1;text-align:center}.hero-eyebrow{display:block;width:fit-content;margin:0 auto 1.5rem;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--orange);font-weight:700;background:#ff6b1a1a;border:1px solid rgba(255,107,26,.3);padding:.3rem 1rem;border-radius:2px}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,7rem);line-height:.9;letter-spacing:.02em;margin-bottom:1.5rem}.vs{color:var(--orange);font-size:.55em}.rival{color:var(--blue-light)}.no-match{color:var(--text-muted);font-size:clamp(2.5rem,7vw,5rem)}.match-date{font-size:.95rem;color:var(--text-muted);letter-spacing:.05em;text-transform:capitalize;margin-bottom:2.5rem}.result-card{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.75rem 2.25rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#00000040;margin-bottom:.9rem;width:min(560px,92vw);box-shadow:0 20px 40px #00000040}.result-team{font-family:var(--font-display);font-size:clamp(.9rem,2vw,1.1rem);letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6}.result-scoreline{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:clamp(2.6rem,8vw,4.8rem);line-height:1}.result-scoreline .score{min-width:2ch;text-align:center}.result-scoreline .score-sep{color:var(--text-muted)}.result-status{font-size:.9rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:1.25rem}.result-status.win{color:var(--orange)}.result-status.lose{color:var(--blue-light)}@media (max-width: 640px){.result-card{padding:1.2rem 1.4rem;border-radius:8px}.result-scoreline{font-size:clamp(2.2rem,10vw,3.6rem)}.result-status{font-size:.8rem;letter-spacing:.15em;margin-bottom:1rem}.match-date{margin-bottom:1.8rem}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.confetti-piece{position:absolute;top:45%;left:50%;width:8px;height:12px;background:var(--orange);opacity:.85;border-radius:2px;transform:translate(-50%,-50%);animation:confetti-burst 1.4s ease-out forwards,confetti-fade 1.8s ease-out forwards;animation-delay:var(--delay),var(--delay)}.confetti-piece:nth-child(3n){background:var(--blue-light)}.confetti-piece:nth-child(4n){background:var(--white)}@keyframes confetti-burst{0%{transform:translate(-50%,-50%) scale(1) rotate(0)}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.9) rotate(720deg)}}@keyframes confetti-fade{0%{opacity:.9}to{opacity:0}}.loading-block{height:200px;background:linear-gradient(90deg,var(--dark-card),var(--dark-mid),var(--dark-card));background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px;margin:2rem auto;max-width:500px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.footer{margin-top:5rem;border-top:1px solid var(--dark-border);padding:2rem 0}.footer-inner{display:flex;justify-content:space-between;align-items:center}.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--dark-border);border-radius:50%;color:var(--text-muted);transition:transform .2s,color .2s,border-color .2s}.social-link:hover{color:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.social-icon{width:18px;height:18px;fill:currentColor}.footer-logo{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.05em}.footer-copy{font-size:.8rem;color:var(--text-muted)}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--dark)}.login-card{background:var(--dark-card);border:1px solid var(--dark-border);border-top:3px solid var(--orange);border-radius:8px;padding:2.5rem;width:100%;max-width:380px;text-align:center}.login-logo{font-family:var(--font-display);font-size:1.8rem;letter-spacing:.05em;color:var(--orange);margin-bottom:.5rem}.login-title{color:var(--text-muted);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--white);padding:.85rem 1rem;font-size:1rem;text-align:center;letter-spacing:.2em}.login-input:focus{outline:none;border-color:var(--orange)}.login-error{color:#ff6b6b;font-size:.85rem}.login-btn{background:var(--orange);color:var(--white);font-family:var(--font-display);font-size:1.2rem;letter-spacing:.1em;padding:.75rem;border-radius:4px;transition:background .2s}.login-btn:hover{background:var(--orange-dark)}.admin-page{min-height:100vh;background:var(--dark)}.admin-header{background:var(--dark-mid);border-bottom:1px solid var(--dark-border);border-top:4px solid var(--orange);padding:1rem 1.5rem}.admin-header-inner{max-width:860px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-logo{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.05em}.admin-logo span{color:var(--orange)}.admin-header-actions{display:flex;align-items:center;gap:.75rem}.back-link{font-size:.8rem;color:var(--text-muted);text-decoration:none;letter-spacing:.1em;transition:color .2s}.back-link:hover{color:var(--white)}.admin-container{max-width:860px;margin:2rem auto;padding:0 1.5rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--dark-border);padding-bottom:0}.admin-tab{background:none;color:var(--text-muted);font-weight:600;font-size:.85rem;padding:.75rem 1.25rem;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;transition:color .2s,border-color .2s;display:flex;align-items:center;gap:.4rem}.admin-tab:hover{color:var(--white)}.admin-tab.active{color:var(--orange);border-bottom-color:var(--orange)}.badge{background:var(--orange);color:var(--white);font-size:.65rem;font-weight:700;padding:.1rem .4rem;border-radius:99px}.admin-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:8px;padding:2rem}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.admin-section-title{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.03em;margin-bottom:1.5rem}.admin-section-header .admin-section-title{margin-bottom:0}.match-current{background:#ffffff08;border:1px solid var(--dark-border);border-radius:6px;padding:1rem;margin-bottom:1.5rem}.match-current-row{display:flex;justify-content:space-between;gap:1rem;font-size:.85rem;color:var(--text-muted);padding:.35rem 0;border-bottom:1px dashed rgba(255,255,255,.06)}.match-current-row:last-child{border-bottom:none}.match-current-value{color:var(--white);font-weight:600}.match-current-value.ok{color:var(--orange)}.match-current-value.pending{color:var(--text-muted)}.match-form,.result-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-weight:700}.admin-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--white);padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s;width:100%}.admin-input:focus{outline:none;border-color:var(--orange)}.admin-input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}.match-actions{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.5rem}.btn-primary{background:var(--orange);color:var(--white);font-family:var(--font-display);font-size:1rem;letter-spacing:.08em;padding:.75rem 1.75rem;border-radius:4px;transition:background .2s}.btn-primary:hover{background:var(--orange-dark)}.btn-danger{background:transparent;color:#ff6b6b;border:1px solid rgba(255,107,107,.3);font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.25rem;border-radius:4px;transition:background .2s}.btn-danger:hover{background:#ff6b6b1a}.btn-sm{background:#ffffff0d;color:var(--text-muted);font-size:.8rem;padding:.4rem .8rem;border-radius:4px;transition:color .2s}.btn-sm:hover{color:var(--white)}.admin-msg{margin-top:1rem;padding:.75rem 1rem;border-radius:4px;font-size:.9rem}.admin-msg.ok{background:#00c8641a;border:1px solid rgba(0,200,100,.3);color:#4ade80}.admin-msg.err{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.comments-admin-list{display:flex;flex-direction:column;gap:.75rem}.admin-comment{border-radius:6px;padding:1rem 1.25rem;border:1px solid}.pending-comment{border-color:#ffc80033;background:#ffc80008}.approved-comment{border-color:#00c86433;background:#00c86408}.admin-comment-meta{display:flex;justify-content:space-between;margin-bottom:.4rem;font-size:.85rem}.admin-comment-meta strong{color:var(--orange)}.admin-comment-meta span{color:var(--text-muted)}.admin-comment-text{font-size:.9rem;color:#fffc;margin-bottom:.75rem;line-height:1.5}.admin-comment-actions{display:flex;gap:.5rem}.btn-approve{background:#00c8641f;color:#4ade80;border:1px solid rgba(0,200,100,.3);font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:4px;transition:background .2s}.btn-approve:hover{background:#00c86438}.btn-reject{background:#ff64641a;color:#ff6b6b;border:1px solid rgba(255,100,100,.25);font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:4px;transition:background .2s}.btn-reject:hover{background:#ff646433}.admin-loading,.admin-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.history-page{min-height:100vh;background:var(--dark);color:var(--white)}.history-header{background:var(--dark-mid);border-bottom:1px solid var(--dark-border);border-top:4px solid var(--orange);padding:1rem 1.5rem}.history-header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.history-title{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.05em}.history-back{color:var(--text-muted);text-decoration:none;font-size:.85rem;letter-spacing:.1em}.history-back:hover{color:var(--white)}.history-container{max-width:900px;margin:2rem auto 4rem;padding:0 1.5rem}.history-loading,.history-empty{color:var(--text-muted);text-align:center;padding:3rem 0}.history-list{display:grid;gap:1rem}.history-card{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:8px;padding:1.25rem 1.5rem}.history-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;color:var(--text-muted);font-size:.85rem}.history-teams{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.05em;margin-bottom:.5rem}.history-status{padding:.2rem .6rem;border-radius:99px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid transparent}.history-status.win{color:var(--orange);border-color:#ff6b1a80;background:#ff6b1a1a}.history-status.lose{color:var(--blue-light);border-color:#0055a480;background:#0055a41a}.history-status.pending{color:var(--text-muted);border-color:#ffffff1a;background:#ffffff0d}.history-score{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:2rem}.history-score .score-sep{color:var(--text-muted)}.history-pending{color:var(--text-muted);font-size:.9rem}:root{--orange: #FF6B1A;--orange-dark: #E05510;--orange-glow: rgba(255, 107, 26, .25);--blue: #0055A4;--blue-light: #1a6fbe;--blue-dark: #003d7a;--white: #FFFFFF;--off-white: #F5F3EE;--dark: #0a0a0f;--dark-mid: #13131a;--dark-card: #1a1a25;--dark-border: rgba(255,255,255,.07);--text-muted: rgba(255,255,255,.45);--font-display: "Bebas Neue", sans-serif;--font-body: "Barlow", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dark);color:var(--white);font-family:var(--font-body);font-size:16px;line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.4}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--orange);border-radius:3px}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}button{cursor:pointer;border:none;font-family:var(--font-body)}input,textarea{font-family:var(--font-body)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-orange{0%,to{box-shadow:0 0 0 0 var(--orange-glow)}50%{box-shadow:0 0 0 12px transparent}}@keyframes countdown-tick{0%{transform:scale(1.1)}to{transform:scale(1)}}.fade-up{animation:fadeUp .6s ease both}