body.ocean-page { background:#47aba9; } .auth-frame { width:min(500px,100%); background:rgba(18,65,93,.56); border:14px solid transparent; border-image: url("/features/ui/blue-button-regular-nine-slice.png") 64 fill / 18px / 0 stretch; padding:20px; } .auth-tabs {display:flex;gap:4px;justify-content:center;margin-bottom:12px} .auth-tabs .pixel-button {flex:1; min-width:0; min-height:80px;padding:10px 14px;font-size:clamp(.9rem,3.5vw,1.2rem)} .auth-tabs [aria-selected="false"] {opacity:.7} #production-auth-form {display:flex;flex-direction:column;gap:9px;text-align:left} #production-auth-form label {font-size:1.12rem;font-weight:800} #production-auth-form input {width:100%;padding:14px;background:#f7f9f7;border:3px solid #172327;border-radius:4px;font-size:1.1rem} .auth-submit {align-self:center;margin-top:8px} #auth-error {min-height:1.6em;color:#fff;font-weight:800;text-shadow:1px 1px #172327;text-align:center} @media(max-width:420px){.auth-frame{padding:8px;border-width:10px}.auth-tabs .pixel-button{padding:8px;font-size:.91rem}}