@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#0f1115;--bg-surface:#1a1d24;--bg-surface-elevated:#232730;--accent:#facc15;--accent-dim:#d4a90e;--accent-glow:#facc1540;--accent-glow-strong:#facc1566;--text-primary:#fff;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--border-color:#ffffff14;--border-color-light:#ffffff1f;--danger:#ef4444;--danger-dim:#ef444426;--success:#22c55e;--success-dim:#22c55e26;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:9999px;--nav-height:72px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{height:100%}body{font-family:var(--font-main);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;min-height:100vh;line-height:1.5;display:flex}#root{justify-content:center;width:100%;display:flex}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.animate-in{animation:.5s cubic-bezier(.16,1,.3,1) both fadeSlideUp}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.app-shell{flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex;position:relative}.app-header{background:linear-gradient(180deg, var(--bg-base) 85%, transparent);z-index:50;justify-content:space-between;align-items:center;padding:20px 24px 12px;display:flex;position:sticky;top:0}.app-header--brand{justify-content:center}.brand{letter-spacing:-.02em;justify-content:center;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.brand-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%}.page{flex-direction:column;flex:1;gap:24px;padding:0 24px 120px;display:flex}.page-title{letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.page-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:.9rem;font-weight:500;display:flex}.bottom-nav{width:100%;max-width:480px;height:var(--nav-height);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#0f1115eb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-tertiary);flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0;font-size:1.4rem;text-decoration:none;transition:color .2s;display:flex}.nav-item span{font-size:.65rem;font-weight:500}.nav-item.active{color:var(--accent)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.card-elevated{background:var(--bg-surface-elevated)}.section-header{justify-content:space-between;align-items:center;display:flex}.section-title{font-size:1.05rem;font-weight:600}.section-link{color:var(--accent);align-items:center;gap:4px;font-size:.82rem;font-weight:500;text-decoration:none;display:flex}.btn{border-radius:var(--radius-md);font-size:.95rem;font-weight:600;font-family:var(--font-main);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;text-decoration:none;transition:transform .15s,opacity .15s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#000;box-shadow:0 4px 20px var(--accent-glow)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color-light)}.btn-danger{background:var(--danger-dim);color:var(--danger)}.btn-small{border-radius:var(--radius-sm);padding:10px 16px;font-size:.85rem}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.input-group{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.input{background:var(--bg-surface);border:1px solid var(--border-color-light);border-radius:var(--radius-md);font-size:.95rem;font-family:var(--font-main);color:var(--text-primary);outline:none;width:100%;padding:14px 16px;transition:border-color .2s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-tertiary)}.stats-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px}.stat-card.primary{background:linear-gradient(145deg, var(--bg-surface) 0%, #facc1508 100%);border-color:#facc1540}.stat-label{color:var(--text-secondary);align-items:center;gap:5px;margin-bottom:6px;font-size:.8rem;font-weight:500;display:flex}.stat-value{font-size:1.8rem;font-weight:700}.stat-card.primary .stat-value{color:var(--accent);text-shadow:0 0 15px var(--accent-glow)}.admin-contact-card{flex-direction:column;gap:12px;margin-top:12px;padding:16px;display:flex}.admin-contact-text{color:var(--text-secondary);text-align:center;margin:0;font-size:.88rem;line-height:1.5}.admin-contact-card .btn{padding:12px 16px;font-size:.9rem}.lb-list{flex-direction:column;gap:2px;display:flex}.lb-item{border-radius:var(--radius-md);align-items:center;padding:14px 12px;display:flex}.lb-item.me{background:#facc150f}.rank-badge{background:var(--bg-surface-elevated);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:14px;font-size:.82rem;font-weight:700;display:flex}.rank-1 .rank-badge{color:var(--accent);box-shadow:0 0 10px var(--accent-glow);background:#facc1526}.rank-2 .rank-badge{color:#e2e8f0;background:#e2e8f01f}.rank-3 .rank-badge{color:#d97706;background:#d977061f}.lb-info{flex:1}.lb-name{font-size:.92rem;font-weight:600}.lb-sub{color:var(--text-secondary);margin-top:1px;font-size:.72rem}.lb-pts{font-size:.95rem;font-weight:700}.last-gameday-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.last-gameday-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:13px 16px 10px;display:flex}.last-gameday-title{color:var(--text-secondary);align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex}.last-gameday-title i{color:var(--text-secondary);font-size:1rem}.last-gameday-date{color:var(--text-tertiary);white-space:nowrap;font-size:.76rem;font-weight:600}.last-gameday-stats{grid-template-columns:.9fr 1.35fr 1fr;min-height:76px;display:grid}.last-gameday-metric,.last-gameday-record{min-width:0;position:relative}.last-gameday-stats>*+:before{content:"";background:var(--border-color);width:1px;position:absolute;top:18px;bottom:18px;left:0}.last-gameday-metric{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px 8px;display:flex}.last-gameday-value{color:var(--text-primary);font-size:1.6rem;font-weight:700;line-height:1}.last-gameday-value.points{color:var(--accent);text-shadow:0 0 14px var(--accent-glow)}.last-gameday-label{color:var(--text-secondary);text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1}.last-gameday-record{grid-template-columns:repeat(3,1fr);place-self:center;width:100%;max-width:132px;display:grid}.last-gameday-record-item{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.last-gameday-record-item+.last-gameday-record-item:before{content:"";background:var(--border-color-light);width:1px;position:absolute;top:3px;bottom:3px;left:0}.last-gameday-record-label{color:var(--text-secondary);font-size:.72rem;font-weight:700;line-height:1}.last-gameday-record-value{color:var(--text-primary);font-size:1.12rem;font-weight:700;line-height:1}.last-gameday-empty{text-align:center;min-height:76px;color:var(--text-secondary);justify-content:center;align-items:center;padding:0 18px;font-size:.88rem;font-weight:600;display:flex}@media (width<=360px){.last-gameday-stats{grid-template-columns:.82fr 1.4fr .92fr}.last-gameday-record{max-width:116px}}.gd-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px;transition:transform .15s;display:flex}.gd-card:active{transform:scale(.99)}.gd-card-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.gd-directions-btn{border-radius:var(--radius-sm);background:var(--accent);color:#0f1115;width:38px;height:38px;box-shadow:0 6px 18px var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s,background .15s;display:flex}.gd-directions-btn:active{transform:scale(.96)}.gd-directions-btn i{font-size:1.2rem}.gd-card.registered{border-color:#facc1533}.gd-card.units-ready{background:linear-gradient(145deg, var(--bg-surface), #facc1508);border-color:#facc1566;box-shadow:0 0 25px #facc1514}.gd-date{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.gd-time{font-size:1.15rem;font-weight:600}.gd-meta{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;display:flex}.gd-actions{gap:10px;margin-top:2px;display:flex}.friend-item{border-bottom:1px solid var(--border-color);align-items:center;padding:14px 0;display:flex}.friend-item:last-child{border-bottom:none}.friend-avatar{background:var(--bg-surface-elevated);width:40px;height:40px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:14px;font-size:.85rem;font-weight:700;display:flex}.friend-info{flex:1}.friend-name{font-size:.92rem;font-weight:600}.friend-sub{color:var(--text-secondary);font-size:.75rem}.friend-actions{align-items:center;gap:8px;display:flex}.toggle{appearance:none;background:var(--bg-surface-elevated);border-radius:var(--radius-pill);cursor:pointer;border:1px solid var(--border-color-light);flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle.active{background:var(--accent);border-color:var(--accent)}.toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}.tabs{background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:4px;padding:4px;display:flex}.tab{text-align:center;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-main);background:0 0;border:none;flex:1;padding:10px;transition:all .2s}.tab.active{background:var(--bg-surface-elevated);color:var(--text-primary)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;padding:28px 24px 36px;animation:.3s cubic-bezier(.16,1,.3,1) fadeSlideUp}.modal-title{margin-bottom:12px;font-size:1.1rem;font-weight:600}.modal-text{color:var(--text-secondary);margin-bottom:20px;font-size:.88rem;line-height:1.6}.modal-actions{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}.modal-actions .btn{text-decoration:none}.tutorial-modal-overlay{align-items:center;padding:22px}.tutorial-modal{background:var(--bg-surface);border:1px solid var(--border-color-light);border-radius:var(--radius-xl);width:min(100%,430px);max-height:calc(100vh - 44px);padding:18px;animation:.3s cubic-bezier(.16,1,.3,1) fadeSlideUp;overflow-y:auto;box-shadow:0 24px 80px #0000008c}.tutorial-modal-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.tutorial-modal-header .modal-title{margin-bottom:6px}.tutorial-modal-subtitle{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.tutorial-close{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tutorial-video-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border-color-light);background:#000;width:100%;margin:0 auto 16px;overflow:hidden;box-shadow:0 18px 42px #00000059}.tutorial-video-frame iframe{border:0;width:100%;height:100%;display:block}.tutorial-modal-actions{grid-template-columns:1fr 1.2fr;gap:10px;display:grid}.tutorial-modal-actions .btn{text-align:center;min-width:0;padding:12px 14px;font-size:.88rem;line-height:1.25}.credit-modal{border-top:1px solid #facc1538}.credit-modal .modal-actions .btn{text-align:center;justify-content:center;min-width:0;line-height:1.25}.credit-modal .modal-actions .btn i{flex-shrink:0}.credit-modal .modal-actions .btn-primary{padding-left:16px;padding-right:16px}@media (width<=380px){.modal-actions,.tutorial-modal-actions{grid-template-columns:1fr}}.skeleton{background:var(--bg-surface-elevated);border-radius:var(--radius-sm);animation:1.5s infinite pulse}.toast{right:24px;bottom:calc(24px + env(safe-area-inset-bottom));border-radius:var(--radius-md);border:1px solid var(--border-color-light);z-index:300;background:#1a1d24fa;grid-template-columns:34px 1fr 28px;align-items:center;gap:10px;width:min(360px,100vw - 48px);min-height:64px;padding:12px 12px 12px 14px;animation:.24s cubic-bezier(.16,1,.3,1) both toastSlideIn;display:grid;position:fixed;box-shadow:0 18px 45px #00000073}.toast:before{content:"";border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--toast-accent);width:3px;box-shadow:0 0 16px var(--toast-glow);position:absolute;inset:10px auto 10px 0}.toast-icon{border-radius:var(--radius-sm);background:var(--toast-bg);width:34px;height:34px;color:var(--toast-accent);justify-content:center;align-items:center;font-size:1.15rem;display:flex}.toast-content{min-width:0}.toast-title{color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:1.2}.toast-message{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px;font-size:.8rem;font-weight:500;line-height:1.35}.toast-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.toast-close:active{transform:scale(.96)}.toast-close:hover{color:var(--text-primary);background:#ffffff0f}.toast-error{--toast-accent:var(--danger);--toast-bg:var(--danger-dim);--toast-glow:#ef444452}.toast-success{--toast-accent:var(--success);--toast-bg:var(--success-dim);--toast-glow:#22c55e47}.toast-warning{--toast-accent:var(--accent);--toast-bg:#facc151f;--toast-glow:var(--accent-glow)}.toast-info{--toast-accent:#38bdf8;--toast-bg:#38bdf81f;--toast-glow:#38bdf83d}@media (width<=600px){.toast{right:16px;bottom:calc(var(--nav-height) + 18px + env(safe-area-inset-bottom));width:calc(100vw - 32px)}}.empty-state{text-align:center;color:var(--text-secondary);padding:40px 20px;font-size:.9rem}.auth-page{flex-direction:column;justify-content:center;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding:40px 24px;display:flex}.auth-brand{align-items:center;gap:10px;margin-bottom:40px;font-size:1.5rem;font-weight:700;display:flex}.auth-title{margin-bottom:8px;font-size:1.6rem;font-weight:600}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:.9rem}.auth-success{text-align:center}.auth-success-icon{background:var(--success-dim);width:80px;height:80px;color:var(--success);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:2.5rem;display:flex}.auth-success-subtitle{margin-bottom:0}.auth-success-text{color:var(--text-secondary);max-width:320px;margin:12px auto 32px;font-size:.95rem;line-height:1.6}.auth-success-action{width:100%;max-width:260px;margin:0 auto;text-decoration:none;display:block}.auth-note{text-align:left;color:var(--text-secondary);border-radius:var(--radius-md);background:#facc1514;border:1px solid #facc1529;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 14px;font-size:.86rem;line-height:1.5;display:flex}.auth-note i{color:var(--accent);flex-shrink:0;margin-top:1px;font-size:1.15rem}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:28px;font-size:.85rem}.auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.unit-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.unit-header{justify-content:space-between;align-items:center;padding:16px 18px;font-size:.9rem;font-weight:600;display:flex}.unit-badge{border-radius:var(--radius-pill);color:var(--accent);background:#facc151f;padding:4px 10px;font-size:.72rem;font-weight:600}.unit-body{color:var(--text-secondary);flex-direction:column;gap:8px;padding:0 18px 18px;font-size:.85rem;display:flex}.unit-teams{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;margin-top:8px;display:grid}.team-col{flex-direction:column;gap:4px;display:flex}.team-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.72rem;font-weight:600}.team-player{color:var(--text-primary);padding:2px 0;font-size:.85rem}.team-player.is-me{color:var(--accent);font-weight:600}.score-divider{color:var(--text-primary);justify-content:center;align-items:center;padding-top:20px;font-size:1.3rem;font-weight:700;display:flex}.selectable-list{-webkit-overflow-scrolling:touch;gap:12px;padding:4px 0;display:flex;overflow-x:auto}.selectable-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:2px solid var(--border-color);text-align:center;cursor:pointer;flex-shrink:0;min-width:110px;padding:16px 12px;transition:all .2s}.selectable-card.selected{border-color:var(--accent);background:#facc150f}.selectable-card.disabled{opacity:.4;cursor:not-allowed}.selectable-card .friend-avatar{margin:0 auto 8px}.selectable-name{margin-bottom:2px;font-size:.82rem;font-weight:600}.selectable-reason{color:var(--danger);font-size:.7rem}.selectable-list::-webkit-scrollbar{display:none}.selectable-list{-ms-overflow-style:none;scrollbar-width:none}.skill-selector{flex-wrap:wrap;gap:6px;display:flex}.skill-option{border-radius:var(--radius-sm);border:1px solid var(--border-color-light);background:var(--bg-surface);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font-main);justify-content:center;align-items:center;transition:all .15s;display:flex}.skill-option.selected{border-color:var(--accent);color:var(--accent);background:#facc151a}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid var(--border-color-light);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.podium-container{justify-content:center;align-items:flex-end;gap:24px;height:190px;margin-bottom:30px;display:flex}.podium-spot{flex-direction:column;align-items:center;display:flex;position:relative}.pos-1-spot{z-index:3;margin-bottom:20px}.pos-2-spot{z-index:2;margin-bottom:8px}.pos-3-spot{z-index:1;margin-bottom:0}.podium-circle{background:var(--bg-surface-elevated);color:#fff;border:3px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin-bottom:10px;font-weight:700;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 10px 25px #00000080}.podium-circle.pos-1{width:100px;height:100px;font-size:1.8rem}.podium-circle.pos-2{width:85px;height:85px;font-size:1.5rem}.podium-circle.pos-3{width:75px;height:75px;font-size:1.3rem}.rank-gold .podium-circle{background:linear-gradient(145deg, #2a281e, var(--bg-surface-elevated));border-color:#facc15;box-shadow:0 0 20px #facc154d}.rank-silver .podium-circle{background:linear-gradient(145deg, #22262e, var(--bg-surface-elevated));border-color:#e2e8f0;box-shadow:0 0 20px #e2e8f026}.rank-bronze .podium-circle{background:linear-gradient(145deg, #2a2016, var(--bg-surface-elevated));border-color:#d97706;box-shadow:0 0 20px #d9770633}.podium-info{text-align:center;animation:4s ease-in-out infinite float}.pos-1-spot .podium-info,.pos-1-spot .podium-circle{animation-delay:0s}.pos-2-spot .podium-info,.pos-2-spot .podium-circle{animation-delay:.5s}.pos-3-spot .podium-info,.pos-3-spot .podium-circle{animation-delay:1s}.podium-name{white-space:nowrap;margin-bottom:2px;font-size:1rem;font-weight:600}.podium-pts{font-size:.9rem;font-weight:700}.podium-sub{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.rank-gold .podium-pts{color:#facc15}.rank-silver .podium-pts{color:#e2e8f0}.rank-bronze .podium-pts{color:#d97706}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}