:root{--theme-primary: #004953;--theme-secondary: #A5ACAF;--theme-background: #F5F7FA;--theme-accent: #00B140;--theme-glass: rgba(255, 255, 255, .15);--theme-glow: rgba(0, 177, 64, .7)}.appRoot{min-height:100vh;background:var(--theme-background)}.appHeader{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--theme-glass);border-bottom:1px solid var(--theme-glow)}.appHeaderInner{max-width:1000px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.appBrand{display:flex;flex-direction:column;line-height:1.1}.appBrandTitle{color:var(--theme-primary);font-weight:800}.appBrandSubtitle{color:var(--theme-secondary);font-size:12px}.appNav{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.appNavLink{text-decoration:none;padding:8px 10px;border-radius:10px;color:var(--theme-secondary);background:transparent;border:1px solid transparent;font-weight:600;font-size:13px}.appNavLinkActive{color:var(--theme-primary);background:var(--theme-glass);border-color:var(--theme-glow)}.appMain{max-width:1000px;margin:0 auto;padding:24px 20px}.pageHeader{margin-bottom:16px}.pageTitle{margin:0;color:var(--theme-primary)}.pageSubtitle{margin:6px 0 0;color:var(--theme-secondary)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.card{border-radius:16px;background:var(--theme-glass);border:1px solid rgba(0,0,0,.08);padding:16px}.cardHof{border-color:var(--theme-glow)}.rowBetween{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.playerName{color:var(--theme-primary);font-weight:800}.playerPos{color:var(--theme-secondary);font-weight:700;font-size:12px}.playerBio{margin-top:10px;color:var(--theme-secondary);font-size:13px;line-height:1.4}.metaRow{margin-top:12px;display:flex;gap:8px;align-items:center}.accent{color:var(--theme-accent)}.bold{font-weight:800}.small{font-size:12px;font-weight:700}.dim{opacity:.9}.starsDim{opacity:.35}.starsRow{margin-top:12px;color:var(--theme-accent);font-weight:700;font-size:13px}.ratingValue{color:var(--theme-accent);font-weight:800;font-size:13px}.cinemaOverlay{position:fixed;inset:0;z-index:9999;background:var(--theme-primary);cursor:pointer}.cinemaCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cinemaHUD{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;pointer-events:none}.cinemaTopRow{display:flex;justify-content:space-between;align-items:center}.cinemaRight{display:inline-flex;align-items:center;gap:12px;pointer-events:auto}.cinemaTag{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:var(--theme-glass);border:1px solid var(--theme-glow);color:var(--theme-secondary);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cinemaTagAccent{color:var(--theme-primary)}.cinemaCenter{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.cinemaTitle{color:var(--theme-background);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(34px,6vw,64px);text-shadow:0 0 24px var(--theme-glow)}.cinemaSkip{pointer-events:auto;cursor:pointer;padding:8px 12px;border-radius:999px;background:var(--theme-glass);border:1px solid var(--theme-glow);color:var(--theme-background);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;transition:transform .12s ease,opacity .12s ease}.cinemaSkip:hover{transform:translateY(-1px)}.cinemaSkip:active{transform:translateY(0);opacity:.92}.cinemaSubtitle{color:var(--theme-secondary);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.cinemaHint{margin-top:8px;color:var(--theme-secondary);font-size:12px;font-weight:700;opacity:.85}.cinemaBottomRow{display:flex;justify-content:center}.cinemaProgress{width:min(520px,78vw);height:3px;border-radius:999px;background:var(--theme-glass);overflow:hidden;position:relative}.cinemaProgress:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:var(--theme-accent);transform-origin:left;animation:cinemaProgress 2.4s linear forwards}@keyframes cinemaProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.cinemaOverlay{display:none}}