.access-page{background:var(--g3)}.access{position:relative;min-height:100vh;min-height:100svh;display:flex}.access-town{position:fixed;inset:0;background:var(--g3)}.access-inner{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;padding-top:102px;padding-bottom:72px;pointer-events:none}.access-inner>*{pointer-events:auto}.access-card{width:534px;overflow:hidden}.access-card[aria-busy=true] .access-go{opacity:.7}.access-bunting{height:33px;background:var(--sea6);box-shadow:0 3px 0 0 var(--ink)}.access-body{display:flex;flex-direction:column;gap:15px;padding:21px 27px 30px}.access-title{margin-bottom:3px}.access-tabs{display:flex;gap:9px}.access-tabs .btn{flex:1}.access-tabs .btn[aria-pressed=true]{--b: var(--roof2);--hi: var(--roof4);--lo: var(--roof1);--fg: var(--cream4);text-shadow:0 3px 0 var(--lo)}.access-form{display:flex;flex-direction:column;gap:12px}.access-form [hidden],.access-body [hidden]{display:none}.access-citizen{position:relative;display:flex;justify-content:center;margin:3px -27px 6px;background:var(--rosa3);box-shadow:0 3px 0 0 var(--ink),0 -3px 0 0 var(--ink)}.access-citizen .nameplate span{max-width:15em;overflow:hidden;text-overflow:clip}.field{display:grid;gap:6px}.field span{font:16px/24px var(--classic);text-transform:uppercase;color:var(--ochre0)}.field input{width:calc(100% - 6px);margin:3px;padding:6px 12px;border:0;border-radius:0;appearance:none;outline:none;background:var(--white);color:var(--ink);font:24px/36px var(--testo);box-shadow:var(--edge),inset 0 3px 0 0 var(--cream2)}.field input:focus{background:var(--yel3);box-shadow:var(--edge),inset 0 3px 0 0 var(--yel2)}.pass{position:relative}.pass input{padding-right:63px}.peek{position:absolute;right:3px;bottom:3px;width:48px;height:48px;padding:0;border:0;background:none;cursor:pointer}.peek:focus-visible{outline-offset:-3px}.peek canvas{display:block;width:48px;height:48px;image-rendering:pixelated}.access-hint{color:var(--stone1)}.access-go{width:calc(100% - 6px);margin-top:9px;font-size:32px;line-height:32px}.access-note{color:var(--g1)}.access-note.bad{color:var(--red1)}.access-note:empty{display:none}.access-in{display:flex;flex-direction:column;gap:18px}.access-play{display:flex;flex-wrap:wrap;align-items:center;gap:15px 18px}.access-link{align-self:flex-start;padding:0;border:0;background:none;color:var(--roof2);font:inherit;text-decoration:underline;text-underline-offset:6px;cursor:pointer}.access-foot{color:var(--stone1)}.access-foot a{color:var(--roof2)}@media(max-width:900px){.access-page .nav-links{display:none}.access-page .nav>.btn{margin-left:auto}}@media(max-width:640px){.access-inner{padding-top:162px;padding-bottom:48px}.access-card{width:100%}.access-body{gap:12px;padding:15px 18px 24px}.access-body .logo-box{max-width:210px}.access-citizen{margin:3px -18px 6px}.access-go,.access-play .btn{width:calc(100% - 6px)}}