@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Oswald:wght@500;700&display=swap";:root{--pitch-dark: #0f172a;--pitch-green: #059669;--gold-light: #fde047;--gold-dark: #854d0e;--card-bronze: #78350f;--card-silver: #94a3b8;--card-gold: #eab308}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--pitch-dark);color:#f8fafc}.font-display{font-family:Oswald,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes shine{0%{transform:translate(-100%) rotate(25deg)}to{transform:translate(200%) rotate(25deg)}}.card-shine{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:.5s;pointer-events:none}.group:hover .card-shine{animation:shine 1.5s infinite}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(100%);cursor:pointer;opacity:.8}input[type=date],input[type=time]{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:52px}@keyframes pwa-slide-up{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.pwa-banner{position:fixed;bottom:80px;left:16px;right:16px;z-index:9999;background:#0f172af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(5,150,105,.3);border-radius:20px;padding:16px 20px;box-shadow:0 20px 60px #00000080,0 0 40px #0596691a;animation:pwa-slide-up .5s cubic-bezier(.16,1,.3,1) forwards}@media(min-width:1024px){.pwa-banner{bottom:24px;left:auto;right:24px;max-width:420px}}.pwa-banner-content{display:flex;align-items:center;gap:14px}.pwa-banner-icon{width:48px;height:48px;border-radius:14px;object-fit:cover;border:2px solid rgba(5,150,105,.3);flex-shrink:0}.pwa-banner-text{display:flex;flex-direction:column;gap:2px}.pwa-banner-text strong{color:#f8fafc;font-size:15px;font-weight:800}.pwa-banner-text span{color:#94a3b8;font-size:12px;font-weight:500}.pwa-banner-actions{display:flex;align-items:center;gap:10px;margin-top:14px}.pwa-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:12px;font-weight:800;font-size:13px;border:none;cursor:pointer;transition:all .2s ease}.pwa-btn:active{transform:scale(.95)}.pwa-btn-primary{background:#059669;color:#fff;flex:1;justify-content:center;box-shadow:0 4px 15px #0596694d}.pwa-btn-primary:hover{background:#047857}.pwa-btn-update{background:#eab308;color:#0f172a;flex:1;justify-content:center;box-shadow:0 4px 15px #eab3084d}.pwa-btn-update:hover{background:#ca8a04}.pwa-btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#94a3b8;cursor:pointer;transition:all .2s;flex-shrink:0}.pwa-btn-close:hover{background:#ffffff1a;color:#fff}.pwa-ios-banner{border-color:#6366f14d;box-shadow:0 20px 60px #00000080,0 0 40px #6366f11a}.pwa-ios-close{position:absolute;top:12px;right:12px}.pwa-ios-steps{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px}.pwa-ios-step{display:flex;align-items:center;gap:12px;color:#cbd5e1;font-size:13px}.pwa-ios-step-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6366f126;border-radius:8px;color:#818cf8;flex-shrink:0}.pwa-update-banner{border-color:#eab3084d;box-shadow:0 20px 60px #00000080,0 0 40px #eab3081a}.pwa-update-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#eab30826;border-radius:14px;color:#eab308;flex-shrink:0}@layer utilities{.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-thin::-webkit-scrollbar{width:4px;height:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#64748b66;border-radius:2px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#64748bb3}}html,body{overflow-x:hidden;max-width:100vw}@media(max-width:480px){.min-h-screen{max-width:100vw;overflow-x:hidden}#player-card-to-capture{max-width:100%;margin:0 auto}@media(max-width:380px){#player-card-to-capture{transform:scale(.85);transform-origin:top center}}.truncate-mobile{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}