:root{--bg-base: #080c14;--bg-surface: #0f1624;--bg-surface-elevated: #162032;--bg-surface-hover: #1c2a42;--bg-glass: rgba(16, 24, 38, .9);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .14);--border-cyan: rgba(0, 240, 255, .35);--cyan-primary: #00f0ff;--cyan-hover: #33f3ff;--cyan-glow: rgba(0, 240, 255, .2);--gold-primary: #fbbf24;--gold-glow: rgba(251, 191, 36, .2);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-cyan: #38bdf8;--success: #10b981;--danger: #f43f5e;--warning: #f59e0b;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--font-display: "Outfit", -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-card: 0 8px 24px -6px rgba(0, 0, 0, .5), 0 2px 6px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px -3px var(--cyan-glow)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:1.5rem}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);transition:transform .2s ease}.brand-link:hover{transform:translateY(-1px)}.brand-logo{width:38px;height:38px;background:linear-gradient(135deg,#00f0ff33,#0077ff1a);border:1px solid var(--border-cyan);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--cyan-primary);box-shadow:0 0 12px var(--cyan-glow)}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:.06em;background:linear-gradient(90deg,#ffffff 40%,var(--cyan-primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-size:.65rem;font-weight:700;letter-spacing:.12em;color:var(--cyan-primary);text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-item{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.88rem;font-weight:600;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s ease}.nav-item:hover{color:var(--text-primary);background:var(--bg-surface-elevated)}.nav-item.active{color:var(--cyan-primary);background:#00f0ff14;border:1px solid rgba(0,240,255,.2)}.admin-nav{color:var(--gold-primary)}.admin-nav.active{background:#fbbf241a;border-color:#fbbf244d;color:var(--gold-primary)}.scope-banner{background:linear-gradient(90deg,#00f0ff1f,#0077ff14);border-top:1px solid var(--border-cyan);padding:.45rem 0;font-size:.82rem}.scope-banner-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.scope-banner-left{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:600}.scope-banner-right{display:flex;align-items:center;gap:.6rem}.btn-scope-action{background:#ffffff14;border:1px solid var(--border-medium);color:var(--text-primary);padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease}.btn-scope-action:hover{background:#ffffff2e;border-color:var(--text-secondary)}.btn-scope-add{background:#10b98133;border-color:#10b98166;color:#34d399}.btn-scope-add:hover{background:#10b9814d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;font-family:var(--font-body);font-size:.88rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-sm{padding:.4rem .8rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-cyan{background:var(--cyan-primary);color:#030a14;border-color:var(--cyan-primary);box-shadow:0 2px 10px var(--cyan-glow)}.btn-cyan:hover{background:var(--cyan-hover);box-shadow:0 4px 16px #00f0ff66}.btn-outline-cyan{background:#00f0ff0d;color:var(--cyan-primary);border-color:var(--border-cyan)}.btn-outline-cyan:hover{background:#00f0ff26;border-color:var(--cyan-primary)}.btn-outline{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-medium)}.btn-outline:hover{background:var(--bg-surface-hover);border-color:var(--text-secondary)}.btn-danger{background:#f43f5e26;color:#fb7185;border-color:#f43f5e4d}.btn-danger:hover{background:#f43f5e40;border-color:#fb7185}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);border:1px solid transparent}.badge-final{background:#10b9811f;color:#34d399;border-color:#10b9814d}.badge-video{background:#ef44441f;color:#f87171;border-color:#ef44444d}.badge-public{background:#3b82f61f;color:#60a5fa;border-color:#3b82f64d}.badge-unlisted{background:#f59e0b1f;color:#fbbf24;border-color:#f59e0b4d}.badge-cyan{background:#00f0ff1f;color:var(--cyan-primary);border-color:#00f0ff4d}.badge-coach{background:#a855f726;color:#c084fc;border-color:#a855f759}#main-content{flex:1;padding-top:2rem;padding-bottom:4rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.section-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;letter-spacing:-.01em;display:flex;align-items:center;gap:.65rem}.section-subtitle{color:var(--text-secondary);font-size:.92rem;margin-top:.25rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem}.game-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--border-cyan),transparent);opacity:0;transition:opacity .2s ease}.game-card:hover{transform:translateY(-2px);border-color:var(--border-medium);box-shadow:0 12px 28px -6px #0009}.game-card:hover:before{opacity:1}.game-card-header{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;color:var(--text-secondary)}.game-card-matchup{display:flex;flex-direction:column;gap:.6rem;background:#0003;padding:.85rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.team-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.team-info{display:flex;align-items:center;gap:.65rem;overflow:hidden}.team-circle{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.75rem;color:var(--cyan-primary);flex-shrink:0}.team-name{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-name.winner{color:#fff;font-weight:700}.team-score{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--text-secondary);min-width:24px;text-align:right}.team-score.winner{color:var(--cyan-primary)}.period-pill-strip{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-muted);font-family:var(--font-mono)}.period-pill{background:var(--bg-surface-elevated);padding:.15rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.game-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border-subtle);margin-top:auto}.scoreboard-hero{background:linear-gradient(180deg,#111a2c,#0c1320);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:0 16px 36px -8px #0009,var(--shadow-glow);position:relative;overflow:hidden}.scoreboard-hero:after{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:radial-gradient(circle at top right,rgba(0,240,255,.08),transparent 70%);pointer-events:none}.scoreboard-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:.88rem;color:var(--text-secondary)}.scoreboard-matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin-bottom:2rem}.scoreboard-team{display:flex;align-items:center;gap:1.25rem}.scoreboard-team.away{justify-content:flex-start}.scoreboard-team.home{justify-content:flex-end;text-align:right;flex-direction:row-reverse}.team-crest{width:64px;height:64px;border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:2px solid var(--border-cyan);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--cyan-primary);box-shadow:0 0 16px var(--cyan-glow);flex-shrink:0}.scoreboard-team-name{font-family:var(--font-display);font-size:1.5rem;font-weight:800;line-height:1.2}.scoreboard-center{display:flex;flex-direction:column;align-items:center;gap:.35rem}.scoreboard-score-digits{font-family:var(--font-mono);font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:#fff;display:flex;align-items:center;gap:.75rem}.score-divider{color:var(--border-cyan);font-size:2.2rem}.period-table-container{overflow-x:auto;border-top:1px solid var(--border-subtle);padding-top:1.5rem}.period-table{width:100%;max-width:600px;margin:0 auto;border-collapse:collapse;font-size:.88rem;text-align:center}.period-table th{color:var(--text-secondary);font-weight:600;padding:.4rem .8rem;border-bottom:1px solid var(--border-subtle)}.period-table td{padding:.5rem .8rem;font-family:var(--font-mono);font-weight:600}.period-table td.team-cell{font-family:var(--font-body);text-align:left;color:var(--text-primary);font-weight:600}.period-table td.total-cell{color:var(--cyan-primary);font-weight:800}.video-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.video-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.video-title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.camera-angles-strip{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.25rem}.camera-angle-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:.4rem .85rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.camera-angle-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.camera-angle-btn.active{background:var(--cyan-primary);color:#030a14;border-color:var(--cyan-primary);box-shadow:0 0 10px var(--cyan-glow)}.video-player-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);background:#000;border:1px solid var(--border-medium);box-shadow:0 8px 24px #000000b3}.video-player-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.goal-highlights-strip{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-subtle)}.goal-strip-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cyan-primary);margin-bottom:.6rem;display:flex;align-items:center;gap:.35rem}.goal-pills-list{display:flex;flex-wrap:wrap;gap:.5rem}.goal-pill-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);padding:.4rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.goal-pill-btn:hover{background:#00f0ff1f;border-color:var(--cyan-primary);color:var(--cyan-primary);transform:translateY(-1px)}.goal-pill-btn .pill-time{font-family:var(--font-mono);color:var(--cyan-primary);font-size:.75rem}.tabs-nav{display:flex;gap:.5rem;border-bottom:1px solid var(--border-subtle);margin-bottom:1.5rem;overflow-x:auto}.tab-btn{padding:.75rem 1.25rem;font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--cyan-primary);border-bottom-color:var(--cyan-primary)}.stats-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);margin-bottom:2rem}.table-responsive{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.stats-table th{background:#0003;padding:.75rem 1rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.stats-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.stats-table tr:hover td{background:var(--bg-surface-elevated)}.stats-table td.num{font-family:var(--font-mono);font-weight:600}.stats-table td.bold{font-weight:700}.stats-table td.pts{color:var(--cyan-primary);font-weight:800}.btn-play-goal{display:inline-flex;align-items:center;gap:.35rem;background:#00f0ff1a;color:var(--cyan-primary);border:1px solid rgba(0,240,255,.3);padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-play-goal:hover{background:var(--cyan-primary);color:#030a14}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}.form-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.form-textarea{font-family:var(--font-mono);font-size:.85rem;resize:vertical}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--cyan-primary);box-shadow:0 0 0 3px var(--cyan-glow)}.dropzone{border:2px dashed var(--border-medium);border-radius:var(--radius-md);padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#00000026}.dropzone:hover{border-color:var(--cyan-primary);background:#00f0ff0d}.preview-badge{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:0 20px 40px #000c,var(--shadow-glow);overflow:hidden}.modal-card-lg{max-width:880px;max-height:90vh;display:flex;flex-direction:column}.modal-card-lg .modal-body{overflow-y:auto;max-height:calc(90vh - 80px)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.modal-close{background:transparent;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.rank-badge{width:24px;height:24px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;font-family:var(--font-mono)}.rank-1{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 10px #f59e0b66}.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank-3{background:linear-gradient(135deg,#b45309,#78350f);color:#fff}.site-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:1.5rem 0;margin-top:auto;font-size:.85rem;color:var(--text-secondary)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-brand{color:var(--text-primary);font-weight:700}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;gap:1.25rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid rgba(0,240,255,.15);border-top-color:var(--cyan-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.scoreboard-matchup{grid-template-columns:1fr;text-align:center;gap:1rem}.scoreboard-team.away,.scoreboard-team.home{justify-content:center;flex-direction:column;text-align:center}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:99999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:440px;width:calc(100vw - 3rem)}.toast{pointer-events:auto;display:flex;align-items:center;gap:.85rem;padding:.9rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;line-height:1.4;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 30px -4px #000000a6,0 4px 10px -2px #0006;background:#0f1624f0;border:1px solid var(--border-medium);color:var(--text-primary);transform:translate(120%);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease,filter .35s ease}.toast.show{transform:translate(0);opacity:1}.toast.hide{transform:translate(120%);opacity:0}.toast-success{border-color:#10b98180;box-shadow:0 12px 30px -4px #000000a6,0 0 20px -3px #10b9814d}.toast-success .toast-icon{color:var(--success);background:#10b98126}.toast-error{border-color:#f43f5e80;box-shadow:0 12px 30px -4px #000000a6,0 0 20px -3px #f43f5e4d}.toast-error .toast-icon{color:var(--danger);background:#f43f5e26}.toast-info{border-color:var(--border-cyan);box-shadow:0 12px 30px -4px #000000a6,0 0 20px -3px var(--cyan-glow)}.toast-info .toast-icon{color:var(--cyan-primary);background:#00f0ff26}.toast-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0}.toast-message{flex:1;word-break:break-word}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;transition:color .15s ease,background .15s ease;flex-shrink:0}.toast-close:hover{color:var(--text-primary);background:#ffffff1a}@media(max-width:640px){.toast-container{top:1rem;right:1rem;left:1rem;width:auto;max-width:none}}