nav button{text-align:left}.hero{display:block}canvas{max-width:100%;height:auto}.avatar-picker{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.avatar-picker button{padding:6px}.avatar-picker button.selected{outline:2px solid var(--teal)}.avatar-image{border-radius:12px;object-fit:cover}.guide-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.guide-index button[aria-current=true]{outline:2px solid var(--teal)}.guide-body svg{max-width:100%;height:auto}.mail{margin:15px 0;padding:18px;border:1px solid var(--line);border-radius:8px}#player-chip{display:flex;align-items:center;gap:10px}dialog{max-width:550px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:25px}dialog::backdrop{background:#0009}.guide-body code{overflow-wrap:anywhere}

header h1{font-size:clamp(26px,3vw,44px);margin:5px 0}#page-home .hero{padding:28px}

.auth-shell{max-width:1240px;width:100%;gap:clamp(32px,6vw,96px);padding:clamp(24px,5vw,64px);position:relative}.auth-shell>*{min-width:0}.auth-story h1{font-size:clamp(38px,4.2vw,62px)}.auth-panel{width:100%;max-width:520px;justify-self:end}.auth-copyright{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--muted);font-size:12px}.auth-story .brand-logo{background:transparent}.auth-panel input{min-height:48px}@media(max-width:850px){.auth-shell{display:block;max-width:560px;padding-bottom:65px}.auth-panel{max-width:none}.auth-story{margin-bottom:28px}.auth-story .brand-logo{width:160px;height:105px;margin-bottom:16px}.auth-story h1{font-size:36px}.auth-story p{display:none}}