@font-face{font-family:Anton;src:url('/static/fonts/entry/anton.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:Manrope;src:url('/static/fonts/entry/manrope-regular.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:Manrope;src:url('/static/fonts/entry/manrope-bold.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:700}
:root{color-scheme:dark;--ink:#f1ead6;--muted:#c6c6be;--accent:#f4b52c;--accent-hover:#ffca51;--field:#171e22;--border:#89918e;--focus:#ffd468;--page-gutter:clamp(28px,6.2vw,110px);--form-width:350px}
*{box-sizing:border-box}
html{background:#11191c;scrollbar-color:#717b7b #11191c}
body{margin:0;color:var(--ink);font:400 16px/1.45 Manrope,sans-serif;min-width:280px;isolation:isolate}
button,input,a{-webkit-tap-highlight-color:transparent}
::selection{color:#141b1e;background:var(--accent)}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:var(--ink);text-underline-offset:4px}
a:hover{color:var(--accent-hover)}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
[hidden]{display:none!important}
.landscape{position:fixed;inset:0;z-index:-2;background-image:url('/static/img/access/company-yard-v2.png');background-size:cover;background-position:center}
.landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,20,.2),transparent 48%)}
.entry{min-height:100svh;padding:clamp(72px,16vh,180px) var(--page-gutter) 80px}
.entry-column{width:min(var(--form-width),100%)}
.game-brand{margin:0 0 42px;width:max-content;max-width:100%;text-transform:uppercase;font-family:Anton,sans-serif;font-weight:400;line-height:1.03;letter-spacing:-.025em;text-shadow:0 2px 12px rgba(0,0,0,.2)}
.brand-first{display:block;font-size:clamp(50px,4.65vw,76px)}
.brand-rule{display:block;width:60%;height:10px;background:var(--accent);margin:8px 0 10px}
.brand-last{display:block;font-size:clamp(96px,8.7vw,142px);letter-spacing:.005em}
.game-menu{display:grid;gap:14px}
.menu-action{width:100%;min-height:62px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid;border-radius:4px;font-size:23px;line-height:1.35;font-weight:700;text-decoration:none;transition:background-color 160ms ease-out,color 160ms ease-out,border-color 160ms ease-out}
.menu-action svg{flex:none;transition:transform 160ms ease-out}
.menu-action:hover svg{transform:translateX(3px)}
.menu-primary{color:#131b1d;background:var(--accent);border-color:var(--accent)}
.menu-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.menu-secondary{color:var(--ink);background:rgba(14,22,26,.62);border-color:#b3b4a9;font-weight:400}
.menu-secondary:hover{background:#222b2e;border-color:var(--accent);color:var(--accent-hover)}
.menu-action:active,.button:active{transform:translateY(1px)}
.game-footer{position:fixed;bottom:25px;left:32px;font-size:12px;color:#c6c6be;text-shadow:0 1px 5px #000}
.access h2{font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance}
.field{margin-bottom:18px}
.field label{display:block;margin-bottom:6px;font-size:15px;line-height:1.4}
.input-wrap{position:relative}
input{display:block;width:100%;height:50px;border:1px solid var(--border);border-radius:3px;background:var(--field);color:var(--ink);padding:11px 14px;caret-color:var(--accent);box-shadow:none;transition:border-color 150ms ease-out}
input[type=password],input[data-password]{padding-right:84px}
input:hover{border-color:#ccd0c7}
input:focus{border-color:var(--accent)}
.reveal{position:absolute;right:2px;top:2px;bottom:2px;padding:0 13px;border:0;border-radius:2px;color:var(--muted);font-size:13px;background:transparent}
.reveal:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:3px;font-size:17px;font-weight:700;padding:10px 16px;transition:background-color 150ms ease-out,border-color 150ms ease-out,color 150ms ease-out}
.button-primary{color:#11191e;background:var(--accent);margin-top:24px}
.button-primary:hover{background:var(--accent-hover)}
.button:disabled{opacity:.6;cursor:wait}
.separator{height:1px;background:#656f70;margin:22px 0}
.button-google{background:rgba(13,20,24,.88);color:var(--ink);border-color:#aeb6b4;font-weight:400}
.button-google:hover{background:#283135}
.button-google svg{flex:none}
.account-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:16px}
.feedback{font-size:14px;line-height:1.55;padding:12px 14px;margin:16px 0 0;background:#293236;border-radius:3px;color:#eef0e9}
.back-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);font-size:14px;margin:0 0 13px;text-decoration:none}
.back-link:hover{color:var(--accent-hover)}
.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);z-index:5;background:#161e22;padding:12px}
.skip-link:focus{transform:none}
.login-open .entry,.registration .entry{padding-top:36px;padding-bottom:64px}
.login-open .game-brand,.registration .game-brand{margin-bottom:14px}
.login-open .brand-first,.registration .brand-first{font-size:30px}
.login-open .brand-last,.registration .brand-last{font-size:54px}
.login-open .brand-rule,.registration .brand-rule{height:5px;margin:4px 0 5px}
.login-open .landscape::after,.registration .landscape::after{background:linear-gradient(90deg,rgba(9,16,20,.74),rgba(9,16,20,.42) 32%,transparent 66%)}
.login-open .game-footer{display:none}
.login-open .access{animation:access-reveal 200ms cubic-bezier(.16,1,.3,1) both}
@keyframes access-reveal{from{opacity:.6}to{opacity:1}}
@media(max-aspect-ratio:4/3) and (min-width:701px){
.landscape{background-position:80% center}
.landscape::after{background:linear-gradient(90deg,rgba(9,16,20,.88),rgba(9,16,20,.45) 35%,transparent 70%)}
}
@media(min-width:701px) and (max-height:660px){
.entry{padding-top:48px;padding-bottom:60px}
.brand-first{font-size:44px}
.brand-last{font-size:82px}
.brand-rule{height:7px;margin:5px 0 7px}
.game-brand{margin-bottom:28px}
.login-open .entry,.registration .entry{padding-top:24px}
}
@media(max-width:700px){
:root{--page-gutter:28px;--form-width:390px}
.landscape{background-position:72% center}
.landscape::after{background:linear-gradient(180deg,rgba(7,15,20,.5),rgba(7,15,20,.05) 40%,rgba(7,15,20,.82) 80%,#0b1318)}
.entry{padding-top:60px;padding-bottom:82px;display:flex}
.entry-column{margin-inline:auto;display:flex;flex-direction:column}
.game-brand{margin-bottom:32px;text-shadow:0 2px 18px #10191e}
.brand-first{font-size:42px}
.brand-last{font-size:78px}
.brand-rule{height:6px;margin:4px 0 6px}
.game-menu{margin-top:auto;padding-top:100px;gap:12px}
.menu-action{min-height:58px;font-size:21px;padding:12px 18px}
.game-footer{position:absolute;bottom:22px;left:28px;font-size:11px}
.login-open .entry,.registration .entry{padding-top:26px;padding-bottom:74px}
.login-open .entry-column,.registration .entry-column{display:block}
.login-open .landscape::after,.registration .landscape::after{background:rgba(8,17,22,.84)}
.login-open .game-brand,.registration .game-brand{margin-bottom:12px}
.login-open .brand-first,.registration .brand-first{font-size:28px}
.login-open .brand-last,.registration .brand-last{font-size:51px}
}
@media(max-width:700px) and (max-height:700px){
.entry{padding-top:42px}
.brand-first{font-size:36px}
.brand-last{font-size:66px}
.game-menu{padding-top:70px}
}
@media(min-width:701px) and (max-height:460px){
.title-screen:not(.login-open) .entry{padding-top:24px;padding-bottom:54px}
.title-screen:not(.login-open) .brand-first{font-size:32px}
.title-screen:not(.login-open) .brand-last{font-size:58px}
.title-screen:not(.login-open) .brand-rule{height:5px;margin:4px 0 5px}
.title-screen:not(.login-open) .game-brand{margin-bottom:20px}
.menu-action{min-height:48px;padding:10px 18px;font-size:18px}
.game-menu{gap:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.feedback:empty{display:none}.feedback[data-state=error]{color:#ffe2c9;background:#422e28}.caps-state{color:#ffd468;font-size:13px;margin:6px 0 0}.menu-primary:hover{color:#131b1d}.registration .account-link{margin-top:8px}