/* sign-in / create-account screen (ported from the prototype) */
.signin{position:relative;z-index:3;min-height:100vh;display:grid;grid-template-columns:1.1fr 0.9fr;align-items:stretch}
@media(max-width:820px){.signin{grid-template-columns:1fr}.signin .hero{display:none}}

.hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px 54px;border-right:1px solid var(--line);overflow:hidden}
.hero::after{content:'𓂀  𓆄  𓁹  𓊽  𓆎  𓋹  𓏤';position:absolute;bottom:18px;left:54px;right:54px;font-family:'Reem Kufi';color:#1c1726;font-size:22px;letter-spacing:.4em}
.biglogo{display:flex;align-items:center;gap:22px;cursor:pointer}
.biglogo .ditmark{width:92px;height:100px}
.biglogo .dm-c{animation-duration:1s}
.biglogo .word{font-size:96px;text-shadow:4px 0 var(--magenta),-4px 0 var(--cyan)}
.biglogo .word::before{animation-duration:1.3s}.biglogo .word::after{animation-duration:1.05s}
.biglogo.hot .word{text-shadow:7px 0 var(--magenta),-7px 0 var(--cyan),0 0 16px var(--blood)}
.wordar.big{font-size:30px;letter-spacing:.5em;top:104px}
.hero h2{font-family:'Anton';font-size:64px;line-height:.92;margin-top:auto;max-width:9ch;text-wrap:balance}
.hero h2 .hl{color:var(--siren)}
.hero .sub{font-family:'Space Mono';font-size:13px;color:var(--ash);letter-spacing:.06em;margin-top:18px;max-width:42ch;line-height:1.7}
.stat-strip{display:flex;gap:34px;margin-top:26px}
.stat-strip div{font-family:'Space Mono';font-size:10px;color:var(--ash);letter-spacing:.1em}
.stat-strip b{display:block;font-family:'Anton';font-size:30px;color:var(--bone);letter-spacing:0}
.scenemarq{position:absolute;top:0;left:0;right:0;height:34px;border-bottom:1px solid var(--line);background:#06050a;overflow:hidden;display:flex;align-items:center}
.scenemarq .t{white-space:nowrap;font-family:'Space Mono';font-size:11px;color:#4f4860;letter-spacing:.1em;animation:tick 30s linear infinite}
.scenemarq .t b{color:var(--siren)}

.authwrap{display:flex;align-items:center;justify-content:center;padding:30px}
.auth{width:100%;max-width:380px}
.auth .tabs{display:flex;margin-bottom:24px;border:1px solid var(--line)}
.auth .tabs button{flex:1;font-family:'Space Mono';font-size:12px;letter-spacing:.12em;padding:13px;background:#0a0810;border:none;color:var(--ash);cursor:pointer}
.auth .tabs button.on{background:var(--siren);color:#000}
.auth h3{font-family:'Anton';font-size:30px;margin-bottom:4px}
.auth .lead{font-family:'Space Mono';font-size:11px;color:var(--ash);margin-bottom:22px}
.field{margin-bottom:14px}
.field label{display:block;font-family:'Space Mono';font-size:9px;letter-spacing:.18em;color:var(--ash);margin-bottom:7px}
.field input{width:100%;background:#08070b;border:1px solid var(--line);color:var(--bone);font-family:'Space Mono';font-size:13px;padding:12px 13px;outline:none}
.field input:focus{border-color:var(--siren)}
.roles{display:none;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.roles.show{display:flex}
.role{font-family:'Space Mono';font-size:10px;letter-spacing:.08em;color:var(--fog);background:#0a0810;border:1px solid var(--line);padding:9px 12px;cursor:pointer}
.role.on{background:var(--magenta);color:#000;border-color:var(--magenta)}
.enter{width:100%;font-family:'Anton';font-size:20px;letter-spacing:.04em;background:var(--siren);color:#000;border:none;padding:15px;cursor:pointer;margin-top:6px;clip-path:polygon(0 0,100% 0,100% 76%,96% 100%,0 100%);transition:.12s}
.enter:hover{background:var(--magenta)}
.enter:disabled{opacity:.6;cursor:wait}
.alt{font-family:'Space Mono';font-size:10px;color:var(--ash);text-align:center;margin-top:16px;line-height:1.8}
.alt a{color:var(--cyan);cursor:pointer;text-decoration:none}
.oauth{display:flex;gap:8px;margin-top:16px}
.oauth button{flex:1;font-family:'Space Mono';font-size:10px;color:var(--fog);background:#0a0810;border:1px solid var(--line);padding:11px;cursor:pointer}
.oauth button:hover{border-color:var(--ash);color:var(--bone)}
.legal{font-family:'Space Mono';font-size:9px;color:#544d61;text-align:center;margin-top:22px;line-height:1.7}
.autherr{font-family:'Space Mono';font-size:11px;color:var(--blood);margin:10px 0 0;text-align:center;min-height:14px}