.login-page{min-height:100svh;color:var(--foam);isolation:isolate;background:#031426;position:relative;overflow:hidden}.login-page__ocean{z-index:-4;object-fit:cover;object-position:center;image-rendering:pixelated}.login-page__shade{z-index:-3;background:linear-gradient(90deg,#010a15f0 0%,#031627c7 45%,#03162747 100%),linear-gradient(#010a154d,#010a15d1);position:absolute;inset:0}.login-header{justify-content:space-between;align-items:center;width:min(1180px,100vw - 48px);min-height:84px;margin:0 auto;display:flex}.login-brand{font:700 1.05rem/1 var(--font-pixel), var(--font-mono);letter-spacing:.06em;align-items:center;gap:12px;display:inline-flex}.login-brand img{width:auto;height:46px}.login-play-link{border-bottom:1px solid var(--mint);color:#d8f4f2;padding:11px 0;font-size:.78rem;font-weight:700}.login-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.74fr);align-items:center;gap:clamp(56px,10vw,140px);width:min(1080px,100vw - 48px);min-height:calc(100svh - 84px);margin:0 auto;padding:56px 0 92px;display:grid}.login-layout>*,.login-intro{min-width:0}.login-intro{max-width:630px}.login-intro__kicker,.login-console__label{color:var(--mint);font:800 .63rem/1 var(--font-mono);letter-spacing:.09em;margin:0 0 18px}.login-intro h1{font-family:var(--font-pixel), var(--font-mono);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(3.8rem,8vw,7.5rem);font-weight:700;line-height:.88}.login-intro>p:not(.login-intro__kicker){color:#c6dee1;max-width:540px;margin:28px 0 0;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.75}.login-privacy{border-top:1px solid #96e9e740;align-items:flex-start;gap:14px;max-width:520px;margin-top:38px;padding-top:22px;display:flex}.login-privacy span{color:var(--mint);font-size:.68rem}.login-privacy p{color:#9fc3c8;margin:0;font-size:.78rem;line-height:1.65}.login-console{-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:#021423ed;border:1px solid #adfaf375;width:100%;min-height:540px;padding:clamp(30px,4vw,48px);position:relative;overflow:hidden;box-shadow:14px 14px #00081173,0 34px 90px #00071159}.login-console:before{content:"";transform-origin:0;background:var(--mint);height:3px;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.login-console--reading:before{animation:1.15s steps(8,end) infinite login-scan}.login-console h2{max-width:360px;font-family:var(--font-pixel), var(--font-mono);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,4.8vw,3.6rem);line-height:.96}.login-console__copy{color:#b6d2d6;max-width:350px;margin:22px 0 0;font-size:.88rem;line-height:1.7}.receipt-scanner{margin-top:26px;position:relative}.receipt-scanner__video{aspect-ratio:4/3;object-fit:cover;background:#010b14;width:100%;display:none}.receipt-scanner--active .receipt-scanner__video,.receipt-scanner--starting .receipt-scanner__video{display:block}.receipt-scanner__frame{aspect-ratio:1;border:2px solid var(--mint);pointer-events:none;width:min(58%,210px);position:absolute;top:14%;left:50%;transform:translate(-50%);box-shadow:0 0 0 999px #010b1438}.receipt-scanner__actions{align-items:center;gap:16px;display:flex}.receipt-scanner--active .receipt-scanner__actions,.receipt-scanner--starting .receipt-scanner__actions{flex-direction:column;align-items:flex-start;padding-top:12px}.receipt-scanner__actions button{cursor:pointer;border:0;border-bottom:1px solid var(--mint);color:#e9ffff;background:0 0;min-height:42px;padding:0;font-size:.76rem;font-weight:800}.receipt-scanner__actions button:focus-visible{outline-offset:4px;outline:2px solid #fff}.receipt-scanner__actions p{color:#9fc3c8;margin:0;font-size:.72rem;line-height:1.55}.receipt-scanner--error .receipt-scanner__actions p{color:#ffc7b8}.login-divider{color:#7fa5ac;font:700 .58rem/1 var(--font-mono);align-items:center;gap:12px;margin:30px 0 24px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#9ae5e52e;flex:1;height:1px}.login-form{gap:12px;display:grid}.login-form label{color:#d9f1f0;font-size:.76rem;font-weight:700}.login-form input{color:#fff;width:100%;min-height:58px;font:700 clamp(.72rem, 2vw, .92rem)/1 var(--font-mono);letter-spacing:.035em;background:#061c2d;border:1px solid #9de2e147;border-radius:0;outline:0;padding:0 14px}.login-form input::placeholder{color:#6f949c}.login-form input:focus{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.login-form input:disabled{cursor:not-allowed;opacity:.58}.login-submit{cursor:pointer;border:1px solid var(--mint);background:var(--mint);color:#032132;width:100%;min-height:54px;font:800 .72rem/1 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;margin-top:8px;padding:0 18px;transition:transform .16s,background .16s;display:inline-flex}.login-submit:hover:not(:disabled){background:#a0ffeb;transform:translateY(-2px)}.login-submit:disabled{cursor:not-allowed;color:#91afb1;background:#24444a;border-color:#476c72}.login-submit:focus-visible,.login-switch:focus-visible,.login-play-link:focus-visible{outline-offset:4px;outline:2px solid #fff}.login-message{color:#bce7df;margin:18px 0 0;font-size:.75rem;line-height:1.55}.login-message--error{color:#ffc7b8}.login-success{text-align:center;align-content:center;justify-items:center;min-height:350px;display:grid}.login-success__pixels,.login-console__identity{align-items:end;gap:5px;display:flex}.login-success__pixels span{background:var(--mint);width:18px;height:18px;animation:.8s steps(3,end) infinite alternate login-pixel-wave}.login-success__pixels span:nth-child(2){animation-delay:.1s}.login-success__pixels span:nth-child(3){animation-delay:.2s}.login-success__pixels span:nth-child(4){animation-delay:.3s}.login-success p{color:#fff;margin:30px 0 8px;font-size:1.25rem;font-weight:800}.login-success small{color:#9ebfc4}.login-console--known{flex-direction:column;justify-content:center;display:flex}.login-console__identity{margin:10px 0 34px}.login-console__identity span{background:var(--mint);width:30px;height:12px}.login-console__identity span:nth-child(2){height:24px}.login-console__identity span:nth-child(3){height:38px}.login-console__player{color:#fff;margin:26px 0 6px;font-size:1.15rem;font-weight:800}.login-console__code{color:#91b8bd;font:700 .7rem/1 var(--font-mono);letter-spacing:.06em;margin:0 0 28px}.login-switch{cursor:pointer;color:#b8d6d8;font:700 .7rem/1.5 var(--font-body);background:0 0;border:0;border-bottom:1px solid #b0efea66;margin:22px auto 0;display:block}@keyframes login-scan{0%{transform:scaleX(0)}55%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@keyframes login-pixel-wave{0%{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(-6px)}}@media (max-width:850px){.login-page{overflow:hidden auto}.login-layout{grid-template-columns:1fr;gap:44px;padding-top:56px}.login-intro{max-width:680px}.login-intro h1{font-size:clamp(3.2rem,13vw,5.4rem)}.login-console{width:min(560px,100%);min-height:500px}}@media (max-width:560px){.login-header,.login-layout{width:calc(100vw - 28px)}.login-header{min-height:70px}.login-brand img{height:38px}.login-brand span{font-size:.92rem}.login-play-link{text-align:right;max-width:112px}.login-layout{min-height:auto;padding:44px 0 64px}.login-intro h1{font-size:clamp(2.75rem,13.5vw,3.7rem)}.login-intro>p:not(.login-intro__kicker){font-size:.92rem}.login-console{min-height:480px;padding:30px 22px;box-shadow:8px 8px #00081173}.login-form input{letter-spacing:0;font-size:.7rem}}@media (prefers-reduced-motion:reduce){.login-console--reading:before,.login-success__pixels span{animation:none}}