/* Decorative atmosphere never changes data-panel contrast or hit targets. */
.app-shell .main{background:linear-gradient(180deg,#07111cb8,#09111df5 850px),var(--team-background) center top/cover no-repeat;min-height:100vh}
html[data-team-backdrop=off] .app-shell .main{background:#10151e}
.app-shell .arena-panel{background-image:linear-gradient(100deg,#08111ceb,#08111c94),var(--team-background);background-size:cover;background-position:center}
html[data-team-backdrop=off] .app-shell .arena-panel{background-image:none;background-color:#18212e}
.app-shell .btn.primary{background:var(--team-primary,#e32636);border-color:var(--team-primary,#e32636);color:var(--team-ink,#fff)}
.app-shell .btn.primary:hover{filter:brightness(1.1)}
.app-shell .nav-item.active{border-left-color:var(--team-primary,#e32636);background:linear-gradient(90deg,var(--team-secondary,#18212e),#18212e)}
.app-shell .platform-wordmark>span{color:#ea4354}.app-shell .eyebrow{color:#d6e5f6}.app-shell .sidebar{border-top:3px solid var(--team-primary,#e32636)}
.app-shell .command-hero,.app-shell .game-hub{border-top:3px solid var(--team-primary,#e32636)}
.app-shell .team-crest{border-color:var(--team-accent,#dcecf7)}
.tenant-wordmark{display:block;max-width:150px;max-height:48px;object-fit:contain;margin:0 0 8px}.team-bio{max-width:600px;color:#d4deea;line-height:1.6}
.brand-studio{margin:28px 0 0}.brand-studio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.brand-studio-heading h2{font:700 clamp(28px,3vw,40px)/1.1 var(--sport-font,sans-serif);margin:10px 0}.brand-studio-heading p,.brand-access{color:#c4cfde;font-size:13px;line-height:1.6}.brand-access{border-left:3px solid #6d9ac6;padding:12px 16px;background:#172334;border-radius:4px}
.brand-studio-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.15fr);gap:24px;align-items:start}.brand-studio fieldset{border:1px solid #3d4c60;border-radius:12px;padding:22px;margin:0 0 18px;background:#111d2b;min-width:0}.brand-studio legend{font-size:12px;letter-spacing:1px;font-weight:700;color:#e6eef8;padding:0 8px}.brand-studio label{display:grid;gap:8px;font-size:12px;font-weight:600;color:#d2deed;margin:0 0 16px;min-width:0}.brand-studio input:not([type=checkbox]),.brand-studio textarea,.brand-studio select{width:100%;max-width:100%;min-width:0;min-height:44px;background:#09131f;color:#f3f6fa;border:1px solid #536278;border-radius:6px;padding:10px;font:inherit;box-sizing:border-box}.brand-studio textarea{resize:vertical}.brand-studio .brand-check{display:flex;align-items:center;gap:10px;min-height:44px}.brand-check input{width:18px;height:18px}.brand-hint{font-size:12px;color:#afbed0;line-height:1.6}.brand-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px}.brand-presets button{border:1px solid #536278;border-radius:8px;background:#1b2a3e;text-align:left;padding:12px;color:#e7eff8;min-height:65px}.brand-presets i{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #ffffff44;margin-right:3px}.brand-presets span{display:block;margin-top:6px;font-size:11px}.brand-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.brand-colors label{text-transform:capitalize}.brand-studio input[type=color]{height:50px;padding:5px;cursor:pointer}.brand-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.brand-save{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #475b73;border-radius:10px;background:#1a293c;padding:16px}.brand-save [role=status]{width:100%;font-size:13px;color:#d4e3f4;line-height:1.5}.brand-studio button:disabled{opacity:.5;cursor:not-allowed}
.brand-preview-column{position:sticky;top:20px;min-width:0}.brand-preview-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.brand-preview-toolbar strong{font-size:14px}.brand-preview-toolbar button{min-height:44px;padding:8px;background:#132237;color:#d8e5f5;border:1px solid #536278;text-transform:capitalize;font-size:11px}.brand-preview-toolbar button[aria-pressed=true]{background:#dceaf9;color:#0c1826}.brand-preview-page{margin-top:16px!important}.brand-preview-stage{display:flex;justify-content:center;padding:16px 0 22px;min-height:350px}.brand-preview{width:100%;border:1px solid #5b6e89;border-radius:12px;overflow:hidden;background:linear-gradient(110deg,#091525e8,#0915259c),var(--preview-image) center/cover;box-shadow:0 20px 45px #0006;transition:width .2s}.brand-preview[data-device=tablet]{width:85%}.brand-preview[data-device=mobile]{width:min(100%,290px)}.preview-chrome{background:#091320;color:#f4f6fa;padding:12px 16px;display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px}.preview-chrome small{font-size:7px}.preview-team{display:flex;align-items:center;gap:15px;padding:24px 20px;border-top:3px solid var(--preview-primary);background:linear-gradient(90deg,var(--preview-secondary),transparent)}.preview-team img{width:54px;height:60px;object-fit:contain}.preview-team img.preview-wordmark{width:120px;height:30px;max-width:100%}.preview-team h3{margin:0;font:700 24px var(--sport-font,sans-serif);overflow-wrap:anywhere}.preview-team p{font-size:12px;color:#cfdeef;margin:7px 0;overflow-wrap:anywhere}.preview-crest{font-size:36px;color:#e6f3ff}.preview-body{padding:5px 20px 24px}.preview-body>small{font-size:8px;letter-spacing:1px;color:#c6d6ea}.preview-body>h3{font:600 25px var(--sport-font,sans-serif);margin:12px 0}.preview-body>p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.preview-cards article{padding:16px 12px;background:#142338;border:1px solid #455970;border-radius:6px}.preview-cards small{font-size:8px;color:#c1d0e3}.preview-cards strong{display:block;font-size:13px;margin-top:8px}.preview-button{display:inline-block;padding:10px 16px;background:var(--preview-primary);color:var(--preview-ink);border-radius:5px;font-size:12px;font-weight:700}.brand-preview[data-device=mobile] .preview-cards{grid-template-columns:1fr}.brand-preview[data-device=mobile] .preview-chrome{flex-direction:column}.brand-artwork{border:1px solid #3e526c;padding:20px;border-radius:12px;background:#111d2b}.brand-artwork h3{margin:0;font-size:16px}.brand-artwork>p{font-size:12px;color:#b7c7db;line-height:1.6}.brand-artwork form{padding:18px 0;border-top:1px solid #3c4e64}.brand-artwork form:last-child{padding-bottom:0}.brand-artwork img{max-width:130px;max-height:70px;object-fit:contain}.brand-artwork input[type=file]{font-size:11px}
@media(max-width:1100px){.brand-studio-grid{grid-template-columns:1fr}.brand-preview-column{position:static}.brand-preview-stage{max-width:760px;margin:auto}.brand-preview-column{grid-row:1}.brand-artwork{margin-bottom:12px}.brand-studio-heading>.tag{display:none}}
@media(max-width:560px){.brand-studio fieldset{padding:16px}.brand-theme-grid{grid-template-columns:1fr}.brand-preview-toolbar{align-items:flex-start}.brand-presets{gap:8px}.brand-save .btn{flex:1}.brand-studio-heading h2{font-size:32px}.brand-artwork{padding:16px}.brand-preview-stage{min-height:0}.preview-chrome{flex-direction:column}.preview-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.brand-preview{transition:none}}
@media(prefers-reduced-data:reduce){.app-shell .main,.app-shell .arena-panel{background-image:none}}
@media print{.app-shell .main,.app-shell .arena-panel{background-image:none}.brand-studio{display:none}}

/* Display the exact supplied artwork; the frame trims only its empty margins. */
.platform-lockup{position:relative;display:block;width:250px;height:150px;min-width:0;overflow:hidden;padding:0;flex:0 0 auto;isolation:isolate}
.platform-lockup img{display:block;width:100%;height:auto;max-width:none;position:absolute;left:0;top:-46px;mix-blend-mode:screen}
.sidebar .platform-lockup{width:186px;height:115px;margin:0 0 16px}.sidebar .platform-lockup img{top:-34px}
.auth-brand .platform-lockup{width:230px;height:137px}.auth-brand .platform-lockup img{top:-42px}
.login-header{align-items:center}.login-header .platform-lockup{width:250px;height:150px;min-width:0}.login-header .platform-lockup img{top:-46px}
@media(max-width:600px){.login-header{gap:8px}.login-header .platform-lockup{width:180px;height:110px}.login-header .platform-lockup img{top:-33px}.login-header-actions{gap:5px}.login-header-actions button{padding:0 7px}.login-nav{display:none}.login-countries{display:none}.login-story{min-height:110px}.login-story-copy{padding-bottom:0}}

.platform-lockup{isolation:auto;mix-blend-mode:screen;height:160px}.platform-lockup img{mix-blend-mode:normal}
.login-header .platform-lockup{height:160px}.sidebar .platform-lockup{height:118px}
.auth-screen:has(.onboarding-auth-card){background:linear-gradient(110deg,#071322f2,#071322ce),url('./assets/login-arena.png') center/cover fixed}
.onboarding-auth-card{background:#101d2beF;border:1px solid #496279;box-shadow:0 25px 80px #0007;border-radius:16px}.onboarding-head h1{font:700 36px var(--sport-font,sans-serif)}.onboarding-progress li.current{border-color:#51bfff;color:#e0f5ff}.onboarding-card{background:#142438;border:1px solid #425773;border-radius:10px}.onboarding-form input,.onboarding-form select{min-height:46px}.onboarding-actions .btn{min-height:46px}
@media(max-width:600px){.login-header .platform-lockup{height:118px}.onboarding-auth-card{padding:18px 14px;border-radius:0}.onboarding-progress{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.onboarding-progress li{flex:0 0 auto;min-width:95px}.onboarding-head h1{font-size:30px}.onboarding-form{grid-template-columns:1fr}.onboarding-actions{display:flex;flex-wrap:wrap}.onboarding-actions .btn{flex:1}.auth-screen:has(.onboarding-auth-card){padding:0;background-attachment:scroll}}
/* Keep arbitrary secondary colors behind an opaque-enough contrast layer. */
.app-shell .nav-item.active{background:#182638;box-shadow:inset 0 -2px var(--team-secondary,#18212e)}
.preview-team{background:linear-gradient(#091525df,#091525df),linear-gradient(90deg,var(--preview-secondary),transparent)}
@media(max-width:1100px){.brand-preview-column{display:contents}.brand-studio-grid>form{grid-row:4}.brand-preview-toolbar{grid-row:1}.brand-preview-page{grid-row:2;margin:0!important}.brand-preview-stage{grid-row:3;width:100%;padding-top:0}.brand-artwork{grid-row:5}.brand-studio-grid{gap:16px}}

.tenant-secondary{width:58px;height:34px;object-fit:contain;vertical-align:middle;margin:0 12px}
.app-shell .team-crest:before{background:linear-gradient(#0005,#000b),var(--team-primary,#e32636)}
.app-shell .leader-tab.active{background:var(--team-primary,#e32636);color:var(--team-ink,#fff)}
.app-shell .stat-grid>.stat-card:first-child{background:linear-gradient(130deg,#0008,#111c2ce8),var(--team-primary,#e32636)}
/* The auth layout's flexible last child must not stretch the cropped logo frame. */
.auth-brand>.platform-lockup:last-child{flex:0 0 230px;width:230px;max-width:100%;height:148px}
@media(max-width:600px){.onboarding-auth-card{max-height:none}}

/* Founder polish: customization and honest, useful empty states. */
.brand-studio{margin-top:8px}.brand-studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.brand-section{border:1px solid #415873;border-radius:12px;background:#101d2b;margin-bottom:14px;overflow:hidden}
.brand-section>summary,.settings-context>summary{padding:18px 20px;cursor:pointer;min-height:48px;box-sizing:border-box;font-weight:700;color:#edf5ff}
.brand-section>summary span{display:block;margin:7px 0 0 18px;font-size:12px;font-weight:400;color:#b9cade}
.brand-section fieldset{border:0;margin:0;padding:16px 20px 20px}.brand-section legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.brand-default{margin-bottom:18px;min-height:44px}.brand-colors{gap:10px}.brand-color-control{min-width:0;background:#192b3e;padding:10px;border:1px solid #486079;border-radius:9px}.brand-color-control label{font-size:11px;margin-bottom:8px;text-transform:capitalize}.brand-color-control input[type=color]{height:64px}.brand-color-control input[data-hex]{font:12px monospace;padding:8px 4px;text-align:center}.brand-color-control input:invalid{border-color:#ffb5b5}
.brand-backgrounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.brand-theme-card{position:relative;overflow:hidden;min-width:0;padding:0;background:#142337;border:1px solid #566c88;border-radius:9px;color:#e9f2ff;text-align:left;cursor:pointer}.brand-theme-card img{display:block;width:100%;height:78px;object-fit:cover}.brand-theme-card>span{display:block;font-size:11px;font-weight:600;padding:10px 8px;min-height:30px}.brand-theme-card small{display:none;padding:0 8px 9px;font-size:10px;color:#d3f6ff}.brand-theme-card[aria-pressed=true]{border:2px solid #83d9f6;box-shadow:0 0 0 2px #83d9f622}.brand-theme-card[aria-pressed=true] small{display:block}.brand-assignments>summary{padding:14px 0;min-height:44px;cursor:pointer;font-size:13px;color:#dae8fa}
.brand-preview-column{position:static;background:#0c1725;border:1px solid #405876;border-radius:14px;padding:20px}.brand-preview-toolbar strong{font:700 24px var(--sport-font,sans-serif)}.brand-preview-stage{padding-bottom:10px}.brand-preview{min-width:0}.preview-team>div{min-width:0}.preview-button{border:1px solid #8094aa}.brand-artwork{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px;padding:18px}.brand-artwork>h3,.brand-artwork>.eyebrow,.brand-artwork>p{grid-column:1/-1;margin:0}.brand-artwork>h3{font:700 28px var(--sport-font,sans-serif)}.brand-artwork .brand-artwork-card{border:1px solid #425b77;background:#0b1726;padding:12px;border-radius:10px;min-width:0}.brand-artwork-image{height:132px;background:radial-gradient(ellipse,#2a4158,#132235);border:1px solid #415870;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:11px;color:#bed0e5}.brand-artwork-image img{max-width:100%;max-height:116px;object-fit:contain}.brand-artwork-fallback{font-size:42px;color:#b6d5ed}.brand-artwork input[type=file]{padding:8px;font-size:10px}.brand-artwork .btn{width:100%;min-height:44px;white-space:normal;font-size:12px}.brand-artwork .brand-hint{font-size:10px}.brand-studio :is(button,input,select,textarea,summary):focus-visible,.settings-context summary:focus-visible{outline:3px solid #a1e8ff;outline-offset:3px}.brand-save .btn{min-height:46px;border:1px solid #8296ad}
.settings-context{margin-top:26px;border:1px solid #3a4e67;border-radius:10px;background:#111e2d}.settings-context .settings-grid{padding:0 18px 18px}
.app-shell .polish-empty{grid-column:1/-1;text-align:left;padding:clamp(24px,4vw,54px);border:1px solid #49627c;background-size:cover;background-position:center;overflow:hidden}.polish-empty>.eyebrow{display:block;margin:18px 0}.polish-empty>h2{font:700 clamp(30px,4vw,52px)/1.08 var(--sport-font,sans-serif);max-width:820px;margin:22px 0}.polish-empty>p{max-width:650px;color:#cad9e9;line-height:1.7;font-size:14px}.app-shell .film-empty{background-image:linear-gradient(105deg,#081522f5,#0e1d30cb),url('./assets/themes/bench-view.svg')}.app-shell .scouting-empty{background-image:linear-gradient(110deg,#0a1728f5,#112438d9),url('./assets/themes/sticks-pucks.svg')}.app-shell .reports-empty{background-image:linear-gradient(115deg,#0a1424f5,#19243acb),url('./assets/themes/puck-close-up.svg')}.polish-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;padding:0;margin:30px 0;list-style:none}.polish-steps :is(article,li){background:#122338f2;border:1px solid #48617e;border-radius:10px;padding:20px}.polish-steps :is(span,strong){color:#cceaff;font-size:12px}.polish-steps h3{font-size:19px;margin:12px 0}.polish-steps p{font-size:13px;color:#bfcee0;line-height:1.6;margin:8px 0 0}.polish-footnote{font-size:12px!important}.film-library-head .btn.primary{min-height:48px;padding:14px 24px;border:1px solid #8296ad;box-shadow:0 8px 24px #0005}.app-shell .opponent-scout-card{border-top:3px solid #80bad8;background:linear-gradient(130deg,#192c43,#111e2c);padding:24px}.opponent-scout-card>.eyebrow{display:block;margin-bottom:16px}.app-shell .staff-card{background:linear-gradient(120deg,#203951,#142237);border:1px solid #53728f;border-radius:12px;padding:24px}.app-shell .staff-avatar{background:#d3e8f5;color:#142237;border:3px solid #7595b1}.app-shell .role-status{display:inline-block;background:#183d3e;border:1px solid #678f92;color:#d1f4ef;border-radius:20px;padding:6px 10px;margin-top:8px}.invite-form :is(input,select,button){min-height:46px}
@media(max-width:1100px){.brand-studio-grid{grid-template-columns:1fr}.brand-preview-column{display:contents}.brand-preview-stage{max-width:720px}.brand-artwork{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.brand-backgrounds{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-theme-card img{height:110px}}
@media(max-width:560px){.brand-section>summary{padding:16px}.brand-section fieldset{padding:12px}.brand-section>summary span{font-size:11px}.brand-colors{grid-template-columns:1fr;gap:10px}.brand-color-control{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:end}.brand-color-control input[type=color]{height:46px}.brand-backgrounds{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-theme-card img{height:90px}.brand-artwork{grid-template-columns:1fr}.brand-artwork-image{height:170px}.brand-artwork-image img{max-height:154px}.brand-artwork input[type=file]{font-size:12px}.brand-artwork .brand-hint{font-size:12px}.brand-preview-toolbar button{padding:10px;min-width:64px}.preview-team{padding:20px 14px}.preview-body{padding:4px 14px 20px}.app-shell .polish-empty{padding:24px 18px}.polish-steps{grid-template-columns:1fr;gap:10px}.polish-steps :is(article,li){padding:16px}.polish-empty .tag{white-space:normal;line-height:1.6}.settings-context .settings-grid{padding:0 8px 8px}.app-shell .staff-card{padding:18px}}