/* Self-hosted OFL fonts: upright game titles and a clear, friendly reading face. */
@font-face{font-family:AOLilita;src:url('/static/nostalgia/fonts/lilita-one-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:AONunito;src:url('/static/nostalgia/fonts/nunito-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
body.portal{--display:AONunito,'Trebuchet MS',sans-serif;font-family:AONunito,'Trebuchet MS',sans-serif;font-size:15px}
body.portal :is(h1,h2,h3){font-family:AOLilita,'Trebuchet MS',sans-serif!important;font-style:normal;font-weight:400!important;letter-spacing:.005em}
body.portal :is(button,input,select,textarea),body.portal .game-button,body.portal .page .btn,body.portal .chapter-label,body.portal .notice-kind,body.portal .notice-entry time,body.portal .hero-edition,body.portal .motion-toggle,body.portal .window-title,body.portal .portal-footer__name{font-family:AONunito,'Trebuchet MS',sans-serif!important}
body.portal .page__title{font-size:44px;line-height:1.1}
body.portal.aon-home .hero-copy h1{font-size:66px;line-height:1.03;letter-spacing:.005em}
body.portal.aon-home .notice-entry h3{font-size:19px;line-height:1.3}
body.portal .notice-entry time b,body.portal .desk-link>b,body.portal .realm-counts dd{font-family:AONunito,'Trebuchet MS',sans-serif;font-weight:900}
body.portal .page .panel h2.panel__title{font-size:25px;line-height:1.2}
.portal .page.download-page .download-showcase{width:100%;max-width:none;display:grid;grid-template-columns:.95fr 1.05fr;gap:0;align-items:stretch;border:1px solid #a68d58;background:#d5e8f2;box-shadow:0 5px 0 #c6d7e1;overflow:hidden}
.download-party{position:relative;min-height:390px;overflow:hidden;background:linear-gradient(0deg,#16456ba8,#6298bd33),url('/static/nostalgia/native-angel-lyceum.webp') 62% 44%/cover}
.download-party img{position:absolute;bottom:37px;height:265px;width:auto;object-fit:contain;filter:drop-shadow(0 5px 3px #16324e55)}
.download-party img:nth-child(1){left:0;transform:rotate(-6deg);animation:download-angel-left 6s ease-in-out infinite}
.download-party img:nth-child(2){right:0;transform:rotate(5deg);animation:download-angel-right 6s ease-in-out -2s infinite}
.download-party img:nth-child(3){left:50%;transform:translateX(-50%);height:310px;z-index:1}
.download-party p{position:absolute;bottom:0;inset-inline:0;margin:0;padding:10px;color:#fff4c5;background:#173c5be8;text-align:center;font-family:AOLilita,sans-serif;font-size:23px;z-index:2;border-top:1px solid #c4a669}
.portal .page .download-showcase .download-package{border:0;border-left:1px solid #bea46e;box-shadow:none;padding:34px 28px;display:flex;flex-direction:column;justify-content:center}
.portal .download-package .btn{gap:8px}.download-button-character{width:28px;height:36px;object-fit:contain;flex:none}.portal .download-package .hint{font-size:12px}
.portal .page .registration-wrap{width:min(1030px,calc(100% - 48px))}
.registration-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:30px;align-items:start}
.registration-welcome{position:relative;overflow:hidden;border:1px solid #af9a73;background:#ddecf4;box-shadow:0 5px 0 #c7d8e4}
.registration-characters{height:310px;position:relative;background:linear-gradient(0deg,#ddecf4,#ddecf422 60%),url('/static/nostalgia/native-angel-lyceum.webp') 50% 60%/cover}
.registration-characters img{position:absolute;height:260px;width:auto;bottom:0;filter:drop-shadow(0 4px 3px #345a7a44)}
.registration-characters img:first-child{left:17px;animation:registration-angel 7s ease-in-out infinite}.registration-characters img:last-child{right:12px;height:240px}
.registration-welcome-copy{padding:23px 25px}.portal .registration-welcome-copy h2{font-size:31px;margin:0 0 13px;background:none;border:0;padding:0;color:#214f72;text-shadow:none;box-shadow:none}.registration-welcome-copy>p{font-size:13px;color:#4a667b;margin:0 0 16px}.registration-welcome-copy>a{font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;color:#1b577d}
.registration-fields{min-width:0}.portal .registration-fields .form{margin:0}.portal .registration-fields .registration-safety{margin-top:20px}.portal .registration-fields .btn{gap:9px}
.portal .registration-fields .field input:required:invalid:not(:user-invalid){border-color:#a5bdcd}
@keyframes download-angel-left{50%{transform:translateY(-6px) rotate(-4deg)}}@keyframes download-angel-right{50%{transform:translateY(-5px) rotate(3deg)}}@keyframes registration-angel{50%{transform:translateY(-5px)}}
@media(max-width:1000px){.download-party img{height:220px}.download-party img:nth-child(3){height:260px}.registration-layout{gap:22px;grid-template-columns:.8fr 1.2fr}.registration-characters{height:265px}.registration-characters img{height:220px}.registration-characters img:last-child{height:200px}.registration-welcome-copy{padding:22px 18px}.portal .page .download-showcase .download-package{padding:25px 22px}}
@media(max-width:760px){body.portal.aon-home .hero-copy h1{font-size:49px}body.portal .page__title{font-size:38px}.portal .page.download-page .download-showcase{grid-template-columns:1fr}.download-party{min-height:255px}.download-party img{height:210px;bottom:31px}.download-party img:nth-child(1){left:3%}.download-party img:nth-child(2){right:4%}.download-party img:nth-child(3){height:230px}.download-party p{font-size:20px;padding:5px}.portal .page .download-showcase .download-package{border-left:0;border-top:1px solid #bea46e;padding:26px 19px}.portal .page .registration-wrap{width:calc(100% - 32px)}.registration-layout{grid-template-columns:1fr;gap:25px}.registration-welcome{display:grid;grid-template-columns:44% 56%;align-items:center}.registration-characters{height:220px}.registration-characters img{height:163px;bottom:0}.registration-characters img:first-child{left:-15px}.registration-characters img:last-child{right:-5px;height:155px}.registration-welcome-copy{padding:15px 14px}.portal .registration-welcome-copy h2{font-size:25px;line-height:1.1}.registration-welcome-copy>p{font-size:11px}.registration-welcome-copy>a{font-size:10px}.registration-welcome-copy .chapter-label{font-size:8px}.portal .page .panel h2.panel__title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.portal :is(.download-party img,.registration-characters img){animation:none!important}}