/* Shared player/admin sign-in. Authentication handlers and IDs are preserved. */
html body #adminModal:not(.hidden){display:flex!important;align-items:center!important;justify-content:center!important;position:fixed!important;inset:0!important;padding:24px!important;background:rgba(0,0,0,.76)!important;backdrop-filter:blur(12px)!important;overflow:auto!important;z-index:2147483100!important}
html body #adminModal.hidden{display:none!important}
html body #adminModal .login-card{box-sizing:border-box!important;position:relative!important;width:480px!important;max-width:100%!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;padding:36px!important;margin:auto!important;border:1px solid #343434!important;border-radius:24px!important;background:linear-gradient(145deg,#1b1b1b 0%,#101010 62%)!important;box-shadow:0 30px 100px #0009!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;text-align:left!important;transform:none!important}
html body #adminModal .login-card::before,html body #adminModal .login-card::after{content:none!important}
html body #adminModal .login-brand-panel{display:block!important;padding:0 45px 26px 0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body #adminModal .login-brand-panel img{display:block!important;width:158px!important;height:44px!important;object-fit:contain!important;object-position:left!important;filter:grayscale(1) brightness(2)!important;margin-bottom:16px!important}
html body #adminModal .login-brand-panel strong{display:block!important;font-size:10px!important;font-weight:600!important;letter-spacing:2.3px!important;text-transform:uppercase!important;color:#a5a5a5!important}
html body #adminModal #closeAdminBtn{position:absolute!important;top:24px!important;right:24px!important;width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #414141!important;border-radius:50%!important;background:transparent!important;color:#aaa!important;font:24px/1 Arial!important;cursor:pointer!important}
html body #adminModal #closeAdminBtn:hover{background:#333!important;color:#fff!important}
html body #adminModal .login-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin:0 0 30px!important;padding:5px!important;background:#080808!important;border:1px solid #303030!important;border-radius:11px!important}
html body #adminModal .login-tab{padding:12px 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#939393!important;font:600 13px/1.3 Arial!important;box-shadow:none!important;cursor:pointer!important}
html body #adminModal .login-tab.active{background:#f4f4f4!important;color:#151515!important}
html body #adminModal .login-panel{display:none!important;padding:0!important;margin:0!important;background:none!important}
html body #adminModal .login-panel.active{display:block!important}
html body #adminModal .login-panel h2{margin:0 0 10px!important;font:600 30px/1.15 Arial!important;letter-spacing:-1px!important;color:#fff!important}
html body #adminModal .login-panel>p:not(.login-error){margin:0 0 26px!important;color:#9b9b9b!important;font:400 13px/1.7 Arial!important}
html body #adminModal .login-field-label{display:block!important;margin:17px 0 8px!important;color:#cacaca!important;font:500 12px/1.4 Arial!important}
html body #adminModal .login-panel input{box-sizing:border-box!important;display:block!important;width:100%!important;min-height:50px!important;height:50px!important;padding:13px 15px!important;margin:0!important;border:1px solid #3b3b3b!important;border-radius:9px!important;background:#202020!important;color:#fff!important;font:400 14px/1.4 Arial!important;box-shadow:none!important;outline:none!important}
html body #adminModal .login-panel input:focus{border-color:#d5d5d5!important;box-shadow:0 0 0 3px #ffffff0b!important}
html body #adminModal .login-panel input::placeholder{color:#777!important}
html body #adminModal .login-panel input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #202020 inset!important;caret-color:#fff!important}
html body #adminModal .admin-submit{display:block!important;width:100%!important;height:50px!important;margin:26px 0 0!important;padding:12px!important;background:#f4f4f4!important;color:#141414!important;border:1px solid #f4f4f4!important;border-radius:9px!important;font:600 14px/1.4 Arial!important;box-shadow:none!important;cursor:pointer!important}
html body #adminModal .admin-submit:hover{background:#dcdcdc!important;border-color:#dcdcdc!important}
html body #adminModal .admin-submit:disabled{opacity:.5!important;cursor:wait!important}
html body #adminModal .login-error{font:400 12px/1.6 Arial!important;color:#ffadad!important;margin:14px 0 0!important;padding:0!important}
html body #adminModal .login-error:empty{display:none!important}
html body #adminModal a,html body #adminModal .login-panel button:not(.admin-submit){color:#ddd!important;font-weight:400!important}
html body #adminModal :is(button,a):focus-visible{outline:2px solid #fff!important;outline-offset:4px!important}
@media(max-width:540px){html body #adminModal:not(.hidden){padding:14px!important}html body #adminModal .login-card{padding:27px 23px!important;border-radius:18px!important;max-height:calc(100dvh - 28px)!important}html body #adminModal .login-panel h2{font-size:27px!important}html body #adminModal .login-panel input{font-size:16px!important}}

/* V283 approved immersive photo login: only the active tab controls the photo. */
html body #adminModal .login-card{width:540px!important;padding:0 36px 28px!important;background:#0a0a0a!important;border-radius:20px!important;border-color:#555!important;isolation:isolate!important}
html body #adminModal .login-hero-v283{position:relative!important;display:block!important;aspect-ratio:16/9!important;margin:0 -36px!important;overflow:hidden!important;background:#101817!important}
html body #adminModal .login-hero-v283 img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:opacity .2s ease!important;filter:none!important}
html body #adminModal .login-photo-admin{opacity:0!important}
html body #adminModal .login-card:has(#adminLoginPanel.active) .login-photo-admin{opacity:1!important}
html body #adminModal .login-card:has(#adminLoginPanel.active) .login-photo-player{opacity:0!important}
html body #adminModal .login-hero-v283::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 36%,transparent 65%,#0a0a0a 100%);pointer-events:none}
html body #adminModal .login-brand-panel{position:absolute!important;top:24px!important;left:28px!important;z-index:2!important;padding:0!important;pointer-events:none!important}
html body #adminModal .login-brand-panel img{width:174px!important;height:auto!important;margin:0!important;filter:none!important}
html body #adminModal .login-brand-panel strong{display:none!important}
html body #adminModal #closeAdminBtn{z-index:3!important;top:20px!important;right:20px!important;background:#0007!important;border-color:#ffffff40!important;color:#fff!important}
html body #adminModal .login-tabs{position:relative!important;display:flex!important;gap:24px!important;padding:0!important;margin:-8px 0 22px!important;border:0!important;border-bottom:1px solid #4a4a4a!important;border-radius:0!important;background:none!important}
html body #adminModal .login-tab{position:relative!important;border-radius:0!important;padding:12px 4px 15px!important;font-size:15px!important;background:none!important;color:#aaa!important;box-shadow:none!important}
html body #adminModal .login-tab.active{color:#fff!important;background:none!important}
html body #adminModal .login-tab.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#00df82}
html body #adminModal .login-panel h2{font-size:32px!important;letter-spacing:-.7px!important;margin:0 0 22px!important}
html body #adminModal .login-panel>p:not(.login-error){display:none!important}
html body #adminModal .login-field-label{margin:16px 0 8px!important;font-size:13px!important;color:#eee!important;font-weight:600!important}
html body #adminModal .login-panel input{height:46px!important;min-height:46px!important;border:1px solid #777!important;background:#101010!important;border-radius:6px!important}
html body #adminModal .admin-submit{height:48px!important;margin-top:24px!important;border-radius:6px!important}
html body #adminModal #bzJoinLink{display:block!important;text-align:center!important;margin:20px 0 0!important;color:#00e58b!important;font:500 13px/1.5 Arial!important;text-decoration:underline!important}
@media(max-width:540px){html body #adminModal:not(.hidden){padding:12px!important}html body #adminModal .login-card{padding:0 24px 24px!important;max-height:calc(100dvh - 24px)!important;border-radius:16px!important}html body #adminModal .login-hero-v283{margin:0 -24px!important}html body #adminModal .login-brand-panel{top:18px!important;left:20px!important}html body #adminModal .login-brand-panel img{width:145px!important}html body #adminModal #closeAdminBtn{top:12px!important;right:12px!important}html body #adminModal .login-panel h2{font-size:27px!important}html body #adminModal .login-tabs{gap:20px!important;margin-bottom:20px!important}html body #adminModal .login-tab{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){html body #adminModal .login-hero-v283 img{transition:none!important}}
