
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,sans-serif;background:var(--page);color:var(--text)}p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{padding:0;background:none;border:0;color:inherit}button:not(:disabled),a{cursor:pointer}button:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}img{display:block}input.native-input{min-width:0;width:100%;height:100%;padding:0;background:transparent;color:var(--text);border:0;outline:none;font-size:14px;line-height:20px}input::placeholder{color:var(--muted)}[data-name="Field"]:focus-within{box-shadow:var(--shadow-focus);border-color:var(--primary)}button:focus-visible,a:focus-visible,[role=checkbox]:focus-visible{outline:3px solid var(--primary);outline-offset:3px}#app{min-height:100vh}#app>div{max-width:100%}[data-name="Main content"]{max-width:calc(100% - 48px)}[data-name^="Header"]{max-width:100%}[data-name^="Footer"]{max-width:100%}input[aria-invalid=true]{color:var(--danger)}.feedback-live{width:100%;padding:16px;border:1px solid var(--field-border);border-radius:var(--radius-panel);background:var(--button-surface);font-size:14px;line-height:20px}.feedback-live.error{border-color:var(--danger);background:#fff1f2}.native-modal{padding:0;border:1px solid var(--border);border-radius:12px;max-width:calc(100% - 32px);color:var(--text);background:var(--surface)}.native-modal::backdrop{background:rgba(8,27,62,.5)}[data-name="Auth / LoginForm"],[data-name="Auth / RegisterForm"],[data-name="Auth / ForgotForm"]{max-width:100%}.download-state{font-size:12px;line-height:18px;color:var(--muted)}@media(max-width:767px){[data-name="Main content"]{max-width:calc(100% - 32px)}[data-name^="Footer"]{padding-left:16px;padding-right:16px}button{touch-action:manipulation}}
/* Keep native Figma dimensions at the artboard width, but account for the
   classic Windows scrollbar reducing the usable width on small viewports. */
@media(max-width:767px){
  [data-name="Main content"] :where(div,section,form,a){max-width:100%}
  [data-name="Main content"] p{max-width:100%}
  [data-name="POP and Resources"] > *, [data-name="Production and Technology"] > *{flex-shrink:1;min-width:0}
}
[data-component="AoeStore03Header"]{max-width:100%}
/* The artboard widths describe content containers, not a narrow background
   strip when the browser is between the three Figma reference widths. */
[data-component="AoeStore03Header"],[data-name^="Footer /"]{width:100%}
[data-component="AoeStore03Header"] > div{max-width:1392px;margin-inline:auto}
[data-name^="Footer /"] > *{max-width:960px;margin-inline:auto}
@media(max-width:1439px){
  [data-component="AoeStore03Header"] > div,[data-name^="Footer /"] > *{max-width:720px}
}
@media(max-width:767px){
  [data-component="AoeStore03Header"] > div,[data-name^="Footer /"] > *{max-width:358px}
}
