/* Cinematic artwork and an accessible, functional HTML television. Admin entrance only. */
body.shoko-theme.cinema-login{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding:108px clamp(24px,4.5vw,88px) 56px;background:#100c18;color:#f4eef9;overflow-x:hidden}
.cinema-backdrop{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#100c1812 0%,#100c1800 39%,#100c1833 55%,#100c1877 100%),linear-gradient(0deg,#100c18 0%,transparent 34%,#100c1833 100%),url('../img/shoko-cinema-heroes-v1.webp');background-position:center,center,center 40%;background-size:cover;background-repeat:no-repeat}
.cinema-login:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 79% 45%,#9f5be614,transparent 42%)}
.cinema-brand{position:absolute;left:clamp(24px,4.5vw,88px);top:34px;display:flex;align-items:center;gap:13px;z-index:1}
.cinema-brand-symbol{display:grid;place-items:center;width:43px;height:43px;border:1px solid #b17de866;border-radius:13px;background:#5f378333;box-shadow:inset 0 1px 0 #c6a8e014}
.cinema-brand-symbol svg{width:28px;height:28px;fill:none;stroke:#d0a0f7;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cinema-brand strong{display:block;color:#f4ecfb;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:.4px}
.cinema-brand div>span{display:block;margin-top:5px;color:#bfa9d2;font-size:9px;letter-spacing:2px;text-transform:uppercase}
.cinema-layout{width:100%;max-width:1680px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center}
.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){flex:0 1 620px;width:48%;max-width:620px;margin:0;isolation:isolate}
.cinema-login .modern-tv-frame{padding:6px 6px 0;border-color:#665675;border-radius:15px;background:linear-gradient(125deg,#625269 0,#29232f 30%,#17131d 75%,#4e3b5e 100%);box-shadow:0 28px 80px -14px #000a,0 0 55px #9c60d012,inset 0 1px 1px #c4abd577}
.cinema-login .modern-tv-panel{border-color:#0c0812;border-radius:9px;background:#201729}
.shoko-theme.cinema-login .modern-tv-screen{padding:35px clamp(28px,4vw,64px) 39px;min-height:430px;background:radial-gradient(ellipse at 5% 0,#6444793b,transparent 52%),linear-gradient(135deg,#291e35,#1d1529 70%,#281a35);border-radius:7px;box-shadow:inset 0 0 26px #0004}
.cinema-login .modern-tv-screen:before{background:linear-gradient(132deg,#ffffff04,transparent 30%);pointer-events:none}
.shoko-theme.cinema-login .tv-screen-content{max-width:355px}
.shoko-theme.cinema-login .tv-kicker{margin-bottom:9px;color:#c394eb;font-size:10px;letter-spacing:2px}
.shoko-theme.cinema-login .tv-screen h1{font-size:32px;font-weight:600;color:#f4ecfa;letter-spacing:-.7px}
.shoko-theme.cinema-login .tv-intro{color:#bdaccb;font-size:12px;line-height:1.7;margin-bottom:23px}
.shoko-theme.cinema-login .tv-field-group>label{color:#d5c7e0;font-size:12px;font-weight:500}
.shoko-theme.cinema-login .tv-input{background:#160f21;border-color:#635070;border-radius:8px;box-shadow:inset 0 1px 3px #0002}
.shoko-theme.cinema-login .tv-input:focus-within{border-color:#bf8fea;background:#21152e;box-shadow:0 0 0 3px #b678e21c}
.shoko-theme.cinema-login .tv-input>svg{stroke:#a685bf}
.shoko-theme.cinema-login .tv-field{color:#f3e9fc;caret-color:#d4a8fb;font-size:16px}
.shoko-theme.cinema-login .tv-field:-webkit-autofill{-webkit-text-fill-color:#f3e9fc;-webkit-box-shadow:0 0 0 1000px #160f21 inset;caret-color:#d4a8fb}
.shoko-theme.cinema-login .tv-password-toggle{color:#baa0cd}
.shoko-theme.cinema-login .tv-password-toggle:hover{background:#422953;color:#ead5fa}
.shoko-theme.cinema-login .tv-remember{font-size:12px;color:#c4b3d2}
.shoko-theme.cinema-login .tv-remember input{accent-color:#9864c8}
.shoko-theme.cinema-login .tv-submit{margin-top:2px;border:1px solid #aa7dd0;background:linear-gradient(110deg,#8b55bd,#74419f);color:#fff;box-shadow:0 5px 18px #9c52d126,inset 0 1px 0 #dfb1ff22;font-size:14px;letter-spacing:.2px}
.shoko-theme.cinema-login .tv-submit:hover{background:linear-gradient(110deg,#a068d0,#8b52b3);border-color:#c198e3}
.cinema-login .modern-tv-bezel{height:24px;color:#96869f;font-size:8px;letter-spacing:2.5px}
.cinema-login .modern-tv-bezel i{background:#b986ec;box-shadow:0 0 9px #bd8def99}
.cinema-login .modern-tv-stand{height:51px}
.cinema-login .modern-tv-stand span{height:38px;width:90px;background:linear-gradient(90deg,#2c2038,#675373 48%,#3a2848)}
.cinema-login .modern-tv-stand i{width:250px;height:13px;background:linear-gradient(#725d7f,#3e2e49 65%,#1b1424);box-shadow:0 16px 28px #0008}
.cinema-login .tv-login-error{background:#482735;border-color:#99516a;color:#ffe0e9}
@media(min-width:1800px){.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){max-width:680px;flex-basis:680px}.shoko-theme.cinema-login .modern-tv-screen{padding-top:44px;padding-bottom:46px}}
@media(max-width:1100px) and (min-width:761px){.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){width:51%;flex-basis:51%}.shoko-theme.cinema-login .modern-tv-screen{padding:29px 28px 31px}.cinema-backdrop{background-position:center,center,44% center}}
@media(max-width:760px){
 body.shoko-theme.cinema-login{padding:232px 18px 28px;justify-content:flex-start;min-height:100svh}
 .cinema-brand{top:22px;left:22px;gap:11px}.cinema-brand-symbol{width:36px;height:36px;border-radius:11px}.cinema-brand-symbol svg{width:24px;height:24px}.cinema-brand strong{font-size:19px}.cinema-brand div>span{font-size:8px;letter-spacing:1.6px;margin-top:3px}
 .cinema-backdrop{background-image:linear-gradient(0deg,#100c18 0%,#100c18 49%,#100c1800 82%,#100c1866 100%),url('../img/shoko-cinema-heroes-v1.webp');background-size:100% 100%,auto 480px;background-position:center,24% -15px}
 .cinema-layout{justify-content:center}.cinema-login :is(.modern-tv-stage,.cinema-tv-stage){width:100%;flex-basis:100%;max-width:520px}
 .shoko-theme.cinema-login .modern-tv-screen{padding:26px 25px 29px;min-height:0}
 .shoko-theme.cinema-login .tv-screen h1{font-size:28px}.shoko-theme.cinema-login .tv-intro{margin-bottom:19px;font-size:12px}
 .cinema-login .modern-tv-stand{height:41px}.cinema-login .modern-tv-stand span{height:29px;width:73px}.cinema-login .modern-tv-stand i{width:205px;height:11px}
}
@media(max-width:374px){body.shoko-theme.cinema-login{padding:205px 10px 24px}.cinema-brand{left:18px}.shoko-theme.cinema-login .modern-tv-screen{padding:23px 19px 27px}.cinema-backdrop{background-size:100% 100%,auto 445px}.shoko-theme.cinema-login .tv-screen h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.cinema-login *{scroll-behavior:auto}}

/* Dealer cinema uses the recognisable retro receiver. */
.cinema-dealer-login .cinema-tv-stage{position:relative;max-width:700px;flex-basis:660px;width:51%;padding-top:0}
.cinema-dealer-login .tv-cabinet{grid-template-columns:minmax(0,1fr) 79px;column-gap:15px;padding:17px 17px 13px;border-color:#776181;background:linear-gradient(135deg,#6c5879,#51405f 38%,#382b46 80%,#302339);box-shadow:inset 0 2px 2px #b198c377,inset 0 -5px 0 #251a33,0 28px 70px -14px #000b,0 0 55px #a667dc12}
.cinema-dealer-login .tv-screen-frame{padding:10px;border-color:#180f22;background:linear-gradient(145deg,#21172b,#42324f 65%,#291c35);box-shadow:inset 3px 5px 10px #100819cc,0 1px 1px #8b719d}
.shoko-theme.cinema-dealer-login .tv-screen{padding:28px 27px 29px;min-height:0;border-color:#695378;border-radius:34px / 27px;background:radial-gradient(ellipse at 45% 30%,#35243f,#251b30 70%,#211528);box-shadow:inset 0 0 24px #09050f66,inset 0 2px 5px #c7a5df0a}
.cinema-dealer-login .tv-screen:before{background:linear-gradient(128deg,#fff03,transparent 35%)}
.cinema-dealer-login .tv-aerial{left:43%;top:-42px;opacity:.8}.cinema-dealer-login .tv-aerial:after{background:linear-gradient(#706079,#3a2b45);border-color:#2e203a}
.cinema-dealer-login .tv-aerial span{background:linear-gradient(90deg,#594666,#c5b4d1,#6a527b)}
.cinema-dealer-login .tv-controls{padding-top:13px}.cinema-dealer-login .tv-control-label{color:#bfa9cd;font-size:8px}
.cinema-dealer-login .tv-dial{width:70px;height:70px;border-color:#382941;background:repeating-conic-gradient(#b29bc0 0deg 2deg,#53435f 2deg 15deg);box-shadow:0 3px 6px #10091888,inset 0 0 0 2px #271930}
.cinema-dealer-login .tv-dial:before{border-color:#3e2a4d;background:linear-gradient(140deg,#9c84aa,#6d577c 50%,#483655)}
.cinema-dealer-login .tv-dial span{width:10px;height:36px;border-color:#3c294a;background:linear-gradient(90deg,#795f89,#b49ec3 47%,#574066)}
.cinema-dealer-login .tv-dial-small{width:57px;height:57px}.cinema-dealer-login .tv-dial-small span{height:28px}
.cinema-dealer-login .tv-speaker{width:70px;min-height:85px;border-color:#42314e;background:repeating-linear-gradient(0deg,#25192f 0 2px,#695176 2px 5px);box-shadow:inset 0 2px 4px #10081c80}
.cinema-dealer-login .tv-power i{background:#c49b73;box-shadow:0 0 7px #e4b58d33}.cinema-dealer-login .tv-power span{background:linear-gradient(#8d729f,#4d375f);border-color:#2f1f3e}
.cinema-dealer-login .tv-brand{font-size:16px;color:#ccbdd8}.cinema-dealer-login .tv-model{color:#a991b8;font-size:7px}.cinema-dealer-login .tv-bezel-lines span{background:#9e82b060;border-bottom-color:#27163188}
.cinema-dealer-login .tv-feet span{background:linear-gradient(#21122d,#5b426b);box-shadow:0 8px 15px #0006}
@media(max-width:1100px) and (min-width:761px){.cinema-dealer-login .cinema-tv-stage{width:54%;flex-basis:54%}.cinema-dealer-login .tv-cabinet{grid-template-columns:minmax(0,1fr) 58px;column-gap:10px;padding:13px}.cinema-dealer-login .tv-dial{width:55px;height:55px}.cinema-dealer-login .tv-dial-small{width:47px;height:47px}.cinema-dealer-login .tv-speaker{width:54px}.shoko-theme.cinema-dealer-login .tv-screen{padding:25px 19px}}
@media(max-width:760px){.cinema-dealer-login .cinema-tv-stage{width:100%;flex-basis:100%;max-width:520px;padding-top:10px}.cinema-dealer-login .tv-aerial{top:-26px;height:33px}.cinema-dealer-login .tv-aerial span{height:45px}.cinema-dealer-login .tv-aerial span+span{height:53px}.cinema-dealer-login .tv-cabinet{grid-template-columns:minmax(0,1fr);padding:13px;gap:12px}.cinema-dealer-login .tv-controls{display:none}.shoko-theme.cinema-dealer-login .tv-screen{padding:25px 23px 27px;border-radius:25px / 21px}.cinema-dealer-login .tv-screen-frame{padding:8px}.cinema-dealer-login .tv-feet{height:12px}}
@media(max-width:374px){.cinema-dealer-login .tv-cabinet{padding:10px}.cinema-dealer-login .tv-screen-frame{padding:6px}.shoko-theme.cinema-dealer-login .tv-screen{padding:23px 17px 25px}}