/* Raster artwork supplies materials; separate layers keep frame edges crisp. */
body{background:#101720;color:#f6f1e6;position:relative;isolation:isolate}
/* One viewport-sized scene serves the hero and translucent content below. */
body[data-game-id="aion-2"]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--aion-scene);background-size:cover;background-position:var(--aion-scene-position,center);background-repeat:no-repeat}
#publishedGame{--aion-frame-width:30px;max-width:none;width:100%;margin:0;padding:0 0 32px;background:transparent;isolation:isolate}
#publishedGame .fta-page-content{max-width:none;margin:0;font-size:16px;line-height:1.65}
#publishedGame .fta-page-content> :not(.publishedHero){width:calc(100% - 40px);max-width:1200px;margin-inline:auto}
#publishedGame .publishedIdentity{color:#ecdbb5;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;margin-block:16px}
body[data-game-page="home"] #publishedGame .publishedIdentity{display:none}
#publishedGame .publishedNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-block:18px}
#publishedGame .fta-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:58px;padding:16px 28px;border:0;border-radius:0;background:transparent url('/assets/aion-2/gold-wing-button.webp') center 43%/100% 140% no-repeat;box-shadow:none;color:#f7ecd5;text-decoration:none;font:500 1rem/1.4 system-ui,sans-serif;transition:filter .18s,transform .18s;isolation:isolate}
#publishedGame .fta-button>.fta-label-content{padding:0;background:transparent;color:inherit;border:0;box-shadow:none;font:inherit}
#publishedGame .fta-button::before,#publishedGame .fta-button::after{content:none}
#publishedGame .fta-button>.fta-art,#publishedGame .fta-button>.fta-cap,#publishedGame .fta-button>.fta-accent-art,#publishedGame .fta-button>.fta-fx,#publishedGame .fta-pane>.fta-art,#publishedGame .fta-pane>.fta-accent-art,#publishedGame .fta-pane>.fta-fx{display:none!important}
#publishedGame .fta-button:hover{filter:brightness(1.25);transform:translateY(-2px)}
#publishedGame .fta-button:active{transform:translateY(1px);filter:brightness(.9)}
#publishedGame .fta-button:focus-visible,#publishedGame .aionCard:focus-visible{outline:2px solid #bce9f8;outline-offset:3px}
#publishedGame .publishedNav [aria-current=page]{filter:brightness(1.3);outline:1px solid #e6ce94;outline-offset:-9px}
#publishedGame .publishedHero{width:100%;min-height:360px;padding:64px max(24px,calc((100% - 1120px)/2));margin:0;border-radius:0;background-position:center;background-size:cover;display:flex;flex-direction:column;justify-content:center}
body[data-game-page="home"] #publishedGame .publishedHero{min-height:calc(100vh - var(--aion-header-height,0px));min-height:calc(100svh - var(--aion-header-height,0px))}
#publishedGame .publishedHero h1{font:400 clamp(3.5rem,8vw,7.5rem)/1.06 'Marcellus',Georgia,serif;letter-spacing:-.025em;color:#fff7e9;margin:0 0 22px;text-shadow:0 3px 18px #0009}
#publishedGame .publishedHero h2{font:400 clamp(1rem,2vw,1.3rem)/1.5 'Marcellus',Georgia,serif;letter-spacing:.09em;color:#f0dcaf;text-transform:uppercase;margin:0 0 18px}
#publishedGame .publishedHero p{max-width:46ch;color:#f0f0ed;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.8;text-shadow:0 2px 8px #000}
#publishedGame .fta-pane,#publishedGame .aionCard{position:relative;isolation:isolate;border:var(--aion-frame-width) solid transparent;border-image:url('/assets/aion-2/gold-wing-panel.webp') 150 180 150 180 / var(--aion-frame-width) / 0 stretch;background:transparent;box-shadow:none;border-radius:0;color:#f3efdf;overflow:visible}
/* Same nine-slice artwork beneath the opaque border supplies an 86% interior. */
#publishedGame .fta-pane::before,#publishedGame .aionCard::before{content:"";position:absolute;inset:calc(-1 * var(--aion-frame-width));pointer-events:none;z-index:-1;border:var(--aion-frame-width) solid transparent;border-image:url('/assets/aion-2/gold-wing-panel.webp') 150 180 150 180 fill / var(--aion-frame-width) / 0 stretch;background:none;opacity:.86}
#publishedGame .fta-pane::after,#publishedGame .aionCard::after{content:none}
#publishedGame .fta-pane{padding:8px 14px 18px;margin-block:18px;min-height:0}
#publishedGame .fta-pane-header{background:transparent;border:0;padding:4px 0 14px;font:400 clamp(1.35rem,2.2vw,1.7rem)/1.4 'Marcellus',Georgia,serif;color:#efdbaf;text-transform:none;letter-spacing:.01em}
#publishedGame .fta-pane-body{padding:0;background:transparent;color:#f2f0e8;font-size:1rem;line-height:1.75}
#publishedGame .fta-pane-body>.fta-button{margin:8px 8px 0 0}
#publishedGame .aionCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block:18px}
#publishedGame .aionCard{display:flex;flex-direction:column;text-decoration:none;min-width:0;min-height:210px;padding:10px 8px;transition:filter .18s}
#publishedGame .aionCard:hover{filter:brightness(1.14)}
#publishedGame .aionCard h2{font:400 1.4rem/1.4 'Marcellus',Georgia,serif;margin:4px 0 12px;color:#f0dbac}
#publishedGame .aionCard p{font-size:1rem;line-height:1.7;color:#eef0f2;margin:0 0 14px}
#publishedGame .aionCard>span{margin-top:auto;color:#ead4a5;font-size:1rem}
#publishedGame .aionWorld img{width:100%;display:block;aspect-ratio:21/8;object-fit:cover}
#publishedGame select{padding:12px;background:#18212c;color:#f3ecd9;border:1px solid #a78b53;margin-top:18px;max-width:100%}
#publishedGame .calendarDay{background:#131f2ee6;color:#f3efdf}
#publishedGame .publishedMember{border-color:#64573e}
@media(max-width:780px){#publishedGame{--aion-frame-width:24px}#publishedGame .fta-page-content> :not(.publishedHero){width:calc(100% - 24px)}#publishedGame .aionCards{grid-template-columns:1fr;gap:12px;margin-block:14px}#publishedGame .aionCard{min-height:0;padding:8px 12px}#publishedGame .publishedHero{padding:48px 24px;min-height:300px}#publishedGame .publishedNav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-block:12px}#publishedGame .publishedNav .fta-button{font-size:1rem;min-height:54px;padding:14px 22px}#publishedGame .fta-pane{padding:8px 12px 14px;margin-block:14px}#publishedGame .fta-pane-body>.fta-button{display:flex;width:100%;margin:8px 0 0;min-height:60px}#publishedGame .aionWorld img{aspect-ratio:3/2}}
@media(prefers-reduced-motion:reduce){#publishedGame .fta-button,#publishedGame .aionCard{transition:none}#publishedGame .fta-button:hover{transform:none}#publishedGame{background-attachment:scroll}}

/* Desktop composition: share a wide content rail and keep the hero close to navigation. */
@media(min-width:1100px){
 body[data-game-id="aion-2"] #publishedGame{
  --aion-content-width:1560px;
  --aion-frame-width:28px;
  padding-bottom:56px;
 }
 #publishedGame .fta-page-content> :not(.publishedHero){
  width:calc(100% - 96px);
  max-width:var(--aion-content-width);
 }
 #publishedGame .publishedHero{
  padding:64px max(48px,calc((100% - var(--aion-content-width))/2));
  min-height:280px;
 }
 body[data-game-page="home"] #publishedGame .publishedHero{
  min-height:clamp(380px,calc(76svh - var(--aion-header-height,140px)),650px);
  justify-content:center;
 }
 #publishedGame .publishedHero h1{font-size:clamp(64px,6vw,108px);max-width:18ch}
 #publishedGame .publishedHero p{max-width:52ch;font-size:20px;line-height:1.7}
 #publishedGame .publishedNav{
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:10px;
  margin-block:16px 28px;
 }
 #publishedGame .publishedNav .fta-button{
  min-height:62px;padding:16px 12px;font-size:15px;white-space:nowrap;
 }
 #publishedGame .aionCards{gap:24px;margin-block:0 32px}
 #publishedGame .aionCard{min-height:238px;padding:18px 20px}
 #publishedGame .aionCard h2{font-size:26px}
 #publishedGame .aionCard p{font-size:17px;line-height:1.7;max-width:42ch}
 #publishedGame .fta-pane{padding:16px 24px 24px;margin-block:24px}
 #publishedGame .fta-pane-header{font-size:28px;padding-bottom:16px}
 #publishedGame .fta-pane-body{font-size:17px}
 #publishedGame .fta-pane-body>.fta-button{min-width:180px;min-height:62px;margin-right:16px}
}
@media(min-width:1100px) and (max-width:1279px){
 #publishedGame .fta-page-content> :not(.publishedHero){width:calc(100% - 48px)}
 #publishedGame .publishedHero{padding-inline:24px}
 #publishedGame .publishedNav{gap:4px}
 #publishedGame .publishedNav .fta-button{font-size:13px;padding-inline:8px}
 #publishedGame .aionCards{gap:16px}
 #publishedGame .aionCard{padding:12px 10px}
 #publishedGame .aionCard h2{font-size:23px}
}