.auth{position:relative;min-height:100dvh;max-width:480px;margin:0 auto;overflow:hidden}.auth-board{position:absolute;top:58px;left:0;right:0;display:grid;grid-template-columns:repeat(10,1fr);grid-auto-rows:min-content;gap:3px;padding:14px;pointer-events:none}.auth-board .c{display:grid;place-items:center;aspect-ratio:1;border-radius:3px;font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums}.auth-board:after{content:"";position:absolute;left:0;right:0;top:0;bottom:-80px;background:linear-gradient(180deg,rgba(11,10,30,.02) 0,rgba(11,10,30,.34) 30%,rgba(11,10,30,.93) 52%,var(--background) 70%)}.auth-board .c.gone{background:#0d111a;color:#2a3346;text-decoration:line-through}.auth-board .c.free{background:#16233c;color:#6f9de0}.auth-fg{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:0 20px calc(18px + env(safe-area-inset-bottom))}.auth-top{display:flex;align-items:center;justify-content:space-between;height:60px}.auth-brand{display:inline-flex;align-items:center;min-height:44px;font-weight:800;font-size:1.05rem;letter-spacing:.04em;color:var(--foreground);text-decoration:none}.auth-brand .dot{color:var(--primary)}.auth-live{display:inline-flex;align-items:center;gap:7px;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2)}.auth-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(0,232,135,.6)}.auth-hero{margin-top:auto;display:grid;gap:2px;margin-left:-20px;margin-right:-20px;padding:30px 20px 18px;background:linear-gradient(180deg,rgba(11,10,30,0) 0,rgba(11,10,30,.86) 42%,var(--background) 86%)}.auth .lt-clock .l,.auth-room,.auth-sub{text-shadow:0 1px 10px var(--background),0 0 4px var(--background)}.auth-room{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-2)}.auth-sub{margin:4px 0 0;font-size:.82rem;color:var(--muted)}.auth .lt-clock{display:grid;gap:1px}.auth .lt-clock .t{font-size:3.3rem;font-weight:800;line-height:1;letter-spacing:-.045em;color:var(--teal-bright);font-variant-numeric:tabular-nums}.auth .lt-clock .l{font-size:.78rem;color:var(--muted-2)}.auth .lt-clock.urgent .t{color:var(--gold)}.auth-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--card-2) 45%,var(--card)),var(--card));border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 24px 50px -30px rgba(4,6,16,.95)}.auth-h1{margin:0;font-size:1.32rem;font-weight:800;letter-spacing:-.02em}.auth-lede{margin:5px 0 0;font-size:.85rem;line-height:1.5;color:var(--muted)}.auth-form{display:grid;gap:12px;margin-top:16px}.auth-form .field{display:grid;gap:6px}.auth-form label{font-size:.72rem;font-weight:600;color:var(--muted)}.auth-form input:not([type]),.auth-form input[type=password],.auth-form input[type=text]{width:100%;height:46px;padding:0 13px;border-radius:10px;background:#0f1420;border:1px solid var(--border);color:var(--foreground);font-size:.95rem;font-family:inherit}.auth-form input::placeholder{color:#3f4a66}.auth-form input:focus-visible{outline:2px solid var(--primary);outline-offset:1px;border-color:transparent}.auth-form .btn{width:100%;height:48px;margin-top:2px}.auth-hint{margin:-4px 0 0;font-size:.72rem;color:var(--muted-2)}.auth-err{margin:0;padding:9px 11px;border-radius:9px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.32);color:var(--loss);font-size:.8rem}.auth-check{display:flex;gap:9px;align-items:flex-start;font-size:.78rem;line-height:1.45;color:var(--muted)}.auth-check input{margin-top:2px;width:17px;height:17px;accent-color:var(--primary);flex:none}.auth-check a{color:var(--muted)}.auth-swap{margin:14px 0 0;text-align:center;font-size:.82rem;color:var(--muted-2)}.auth-alt{color:var(--teal-bright);font-weight:700;text-decoration:none}.auth-alt:hover{text-decoration:underline}@media (max-width:380px){.auth-fg,.auth-hero{padding-left:16px;padding-right:16px}.auth-hero{margin-left:-16px;margin-right:-16px}.auth-board{padding:11px;gap:2px}.auth-board .c{font-size:.6rem}.auth .lt-clock .t{font-size:2.9rem}.auth-panel{padding:18px 15px}}.auth-top{position:relative}.auth-top-r{display:flex;align-items:center;gap:8px}