.title54{isolation:isolate;overflow:auto;display:grid;place-items:center;background:#102a30;color:#fff4d8;padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom));text-align:left}
.title-art54{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#102a30b8,#122c31a8),url('assets/auralia-atlas-final.png') center/cover no-repeat;opacity:.85}
.title54::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#10282ff5,transparent 85%);pointer-events:none}
.title-shell54{width:min(100%,1000px);display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;margin:auto}
.title-brand54 .eyebrow{font:600 10px/1.5 monospace;letter-spacing:.18em;color:#e4d7b2;margin:18px 0}
.title-moon54{font:70px/1 Georgia,serif;color:#e2c67e;text-shadow:0 0 35px #efdc9c40}
.title-brand54 h1{font:clamp(34px,5.3vw,64px)/1.3 var(--pixel);letter-spacing:-.05em;margin:0 0 24px;color:#fff5db;text-shadow:3px 4px #14282c}
.title-brand54 h1 em{font-style:normal;color:#e5c77f}
.title-brand54>p{font:16px/1.7 system-ui;color:#e1e7d6;margin:0 0 32px}
.title-region54{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font:11px/1.5 monospace;color:#d4d6be}.title-region54 i{color:#e5c77f;font-style:normal}
.title-panel54{border-top:1px solid #e5c77f88;padding:24px 0 0}.title-panel54>small{font:10px/1.6 monospace;letter-spacing:.15em;color:#e5c77f}.title-panel54 h2{font:600 24px/1.3 system-ui;margin:10px 0;color:#fff5db}.title-panel54>p{font:14px/1.7 system-ui;color:#cfdfd7;margin:0 0 24px}
.title-panel54 .primary{width:100%;border:1px solid #edda9b;background:#e4c479;color:#273d3d;border-radius:7px;box-shadow:0 3px 0 #806c39;font:700 12px/1.5 monospace;min-height:54px;padding:16px 12px}
.title-secondary54{width:100%;padding:12px 4px;min-height:44px;text-align:left;font:13px/1.5 system-ui;color:#e5e8d3;background:transparent;border:0;border-bottom:1px solid #dae6d326;cursor:pointer}.title-secondary54:hover{color:#f6d585;background:#ffffff08}
.title-panel54 footer{margin-top:28px;display:grid;gap:7px;font:10px/1.5 monospace;letter-spacing:.06em;color:#c4d1c1}.title-panel54 footer small{font:11px/1.5 system-ui;letter-spacing:0;color:#95b2a7}
.trainer-form54{display:grid;gap:14px}.trainer-form54 label{display:grid;gap:7px;color:#35594f;font-weight:600}.trainer-form54 input,.trainer-form54 select{width:100%;min-width:0;box-sizing:border-box;min-height:46px;padding:10px;border:1px solid #91ab98;border-radius:6px;font:16px system-ui;color:#294e4c;background:#fffef1}.trainer-form54 small{font:12px/1.5 system-ui;color:#647e71}.trainer-form54 .trainer-error54{color:#97473d;margin:0}.trainer-form54 button{width:100%}
@media(max-width:720px){.title-shell54{grid-template-columns:1fr;gap:30px;max-width:460px}.title-brand54 h1{font-size:clamp(31px,8vw,44px);margin-bottom:16px}.title-moon54{font-size:46px}.title-brand54 .eyebrow{font-size:9px;margin:12px 0}.title-brand54>p{font-size:14px;margin-bottom:18px}.title-panel54 h2{font-size:22px}.title-art54{background-position:44% center}.title-region54{font-size:10px}.title-panel54 footer{margin-top:20px}}
@media(max-height:580px) and (min-width:650px){.title-shell54{gap:32px;grid-template-columns:1fr 1fr}.title-brand54 h1{font-size:34px}.title-moon54{font-size:36px}.title-brand54>p{font-size:12px;margin-bottom:15px}.title-panel54 footer{margin-top:15px}.title-brand54 .eyebrow{margin:10px 0;font-size:8px}}