@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');

/* Orbynia components. Farever supplies the geometry; each game supplies its palette. */
body[data-game]{--orb-serif:'Libre Caslon Display',Georgia,serif;--orb-sans:'DM Sans',Arial,sans-serif;--orb-radius:20px;--orb-gutter:clamp(16px,3vw,40px);--orb-width:1380px;--orb-motion:180ms;--orb-surface:var(--surface);--orb-inset:var(--panel-inset);--orb-text:var(--text);--orb-muted:var(--muted);--orb-accent:var(--accent);--orb-border:var(--border);--orb-hover:var(--control-hover);--orb-shadow:var(--panel-shadow);--orb-header:rgba(12,27,26,.88)}
body.game-hub-page{--orb-surface:var(--hub-surface);--orb-inset:rgba(5,13,29,.48);--orb-text:var(--hub-text);--orb-muted:var(--hub-muted);--orb-accent:var(--hub-accent-strong);--orb-border:var(--hub-border);--orb-hover:rgba(195,219,255,.13);--orb-shadow:0 18px 55px rgba(1,9,20,.24),inset 0 1px rgba(255,255,255,.09);--orb-header:rgba(12,23,38,.88);--orb-glow:rgba(96,148,223,.17);font-family:var(--orb-sans);line-height:1.6}
body.game-hub-page[data-game=oncehuman]{--orb-inset:rgba(26,11,20,.48);--orb-hover:rgba(255,197,179,.12);--orb-header:rgba(29,19,25,.88);--orb-glow:rgba(213,106,87,.17)}
html.theme-light body[data-game]{--orb-header:rgba(245,249,241,.92)}
html.theme-light body.game-hub-page{--orb-header:rgba(248,250,255,.92);--orb-inset:rgba(255,255,255,.72);--orb-hover:rgba(59,91,150,.1);--orb-shadow:0 18px 52px rgba(28,42,65,.1),inset 0 1px rgba(255,255,255,.9)}
html.theme-light body.game-hub-page[data-game=oncehuman]{--orb-header:rgba(255,248,246,.92);--orb-hover:rgba(145,63,55,.1)}
html body[data-game] :is(.game-hub-intro h1,.game-home-intro h2,.game-home-links h2,.game-home-card h3,.game-hero-copy h1){font-family:var(--orb-serif);font-weight:400}
html body[data-game] :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--orb-accent);outline-offset:3px}

/* One navigation rail and one responsive breakpoint for every game. */
@media(min-width:1151px){
 html body[data-game] :is(.header,.game-hub-header){display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:72px;padding:10px clamp(16px,2vw,30px);background:var(--orb-header);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
 html body[data-game] :is(.header,.game-hub-header)>.platform-chip{order:0;flex-shrink:0}
 html body[data-game] :is(.header,.game-hub-header)>[data-game-switcher]{order:1;flex-shrink:0;margin:0}
 html body[data-game] :is(#navigation,.game-hub-nav){order:2;flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:10px;margin:0}
 html body[data-game] :is(.header-live,.game-header-live){order:3;margin:0;flex-shrink:0}
 html body[data-game] :is(.header-quick,.game-header-link){order:4;flex-shrink:0}
 html body[data-game] :is(#site-settings,.game-languages){order:5;flex-shrink:0;margin:0}
 html body[data-game] .game-theme-toggle{order:6;flex-shrink:0}
 html body[data-game] :is(.menu-button,.game-menu-toggle){display:none}
 html body[data-game] :is(#navigation,.game-hub-nav)>a,
 html body[data-game] :is(.nav-group,.game-nav-group)>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--orb-muted);font:700 14px/1.4 var(--orb-sans)}
 html body[data-game] :is(#navigation,.game-hub-nav)>a[data-hub-route=home]{display:none}
 html body[data-game] .orbynia-game-dropdown{top:calc(100% + 9px)}
}
@media(min-width:1151px) and (max-width:1799px){
 html body[data-game] :is(#navigation,.game-hub-nav){order:10;flex:1 0 100%;gap:18px}
 html body[data-game] :is(.header-live,.game-header-live){margin-left:auto}
}
html body[data-game] :is(.nav-group,.game-nav-group)>summary{list-style:none;cursor:pointer;transition:background var(--orb-motion),color var(--orb-motion)}
html body[data-game] :is(.nav-group,.game-nav-group)>summary::-webkit-details-marker{display:none}
html body[data-game] :is(.nav-group,.game-nav-group)>summary>span{display:block;flex:0 0 7px;width:7px;height:7px;margin:0 2px 4px 1px;border:solid currentColor;border-width:0 1px 1px 0;font-size:0;transform:rotate(45deg);transition:transform var(--orb-motion)}
html body[data-game] :is(.nav-group,.game-nav-group)[open]>summary>span{transform:translateY(3px) rotate(225deg)}
html body[data-game] :is(.nav-group,.game-nav-group)>summary:hover,
html body[data-game] :is(.nav-group,.game-nav-group)[open]>summary,
html body[data-game] :is(#navigation,.game-hub-nav)>a:hover{background:var(--orb-hover);color:var(--orb-text)}
html body[data-game] :is(.tools-dropdown,.game-nav-panel){padding:8px;border:1px solid var(--orb-border);border-radius:17px;background:var(--orb-header);color:var(--orb-text);box-shadow:var(--orb-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:orb-menu-in var(--orb-motion) ease-out}
html body[data-game] :is(.tools-dropdown,.game-nav-panel)>a{display:block;min-height:44px;padding:11px 14px;border-radius:10px;font:600 14px/1.5 var(--orb-sans);color:var(--orb-muted);transition:background var(--orb-motion),color var(--orb-motion)}
html body[data-game] :is(.tools-dropdown,.game-nav-panel)>a:is(:hover,[aria-current=page]){color:var(--orb-text);background:var(--orb-hover)}
@keyframes orb-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}

/* Farever's title panel, home grid and content rhythm. */
html body.game-hub-page .game-hero{min-height:min(760px,calc(100dvh - 72px));padding:clamp(60px,9vh,115px) 6%;align-items:center}
html body.game-hub-page .game-hero-copy{width:min(730px,100%);margin:0;padding:clamp(25px,3.4vw,49px);border-radius:28px;box-shadow:0 25px 75px rgba(0,10,20,.3),inset 0 1px rgba(255,255,255,.12)}
html body.game-hub-page .game-hero-copy h1{margin:25px 0 27px;font-size:clamp(54px,6.4vw,96px);line-height:1;letter-spacing:-.055em}
html body.game-hub-page .game-hero-copy h1 em{color:var(--hub-accent-strong);font-weight:400}
html body.game-hub-page .game-hero-copy p{font-size:clamp(16px,1.3vw,18px);line-height:1.65;max-width:650px}
html body.game-hub-page .game-hero-eyebrow{display:flex;align-items:center;gap:13px;font:700 12px/1.6 var(--orb-sans);letter-spacing:.14em;color:var(--hub-accent-strong)}
html body.game-hub-page .game-hero-eyebrow::before{content:'';width:30px;height:1px;flex-shrink:0;background:currentColor}
html body.game-hub-page .game-hero-actions{gap:14px;margin-top:30px}
html body.game-hub-page .game-hero-footer{left:2%;right:2%;font-family:var(--orb-sans)}
html body[data-game] :is(.home-nav,.game-home-cards){grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
html body.game-hub-page :is(.game-home-intro,.game-home-cards,.game-home-links,.game-home-strip,.game-hub-intro,.game-data-shell,.game-event-card,.orb-section-nav){width:min(var(--orb-width),calc(100% - var(--orb-gutter)*2));margin-inline:auto}
html body.game-hub-page .game-home-intro{padding:clamp(40px,6vw,80px) 0;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px)}
html body.game-hub-page .game-home-links{padding:clamp(40px,6vw,80px) 0;border-top:1px solid var(--orb-border);margin-top:64px;grid-template-columns:1fr 1.15fr}
html body.game-hub-page :is(.game-home-intro,.game-home-links) h2{font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-.04em}
html body.game-hub-page .game-home-card{min-height:265px;padding:32px}
html body.game-hub-page .game-home-card h3{font-size:32px;margin-top:28px}
html body.game-hub-page .game-home-card p{font-size:16px;line-height:1.65}
html body.game-hub-page .game-quick-links{grid-template-columns:1fr}
html body.game-hub-page .game-home-strip{gap:20px;padding:18px 24px;border:1px solid var(--orb-border);background:var(--orb-surface);box-shadow:var(--orb-shadow)}

/* The same page header, secondary navigation, cards and controls in every space. */
html body[data-game] :is(.home-card,.game-home-card,.community-card,.game-build-card,.guild-panel,.game-guild-panel,.build-panel,.aion-character-welcome,.orb-workbench-panel){border:1px solid var(--orb-border);border-radius:var(--orb-radius);background:var(--orb-surface);color:var(--orb-text);box-shadow:var(--orb-shadow);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
html body[data-game] :is(.home-card,.game-home-card,.community-card,.game-build-card,.database-card,.game-resource-card){transition:background var(--orb-motion),border-color var(--orb-motion),box-shadow var(--orb-motion),transform var(--orb-motion)}
html body[data-game] :is(.home-card,.game-home-card,.community-card,.game-build-card):hover{border-color:var(--orb-accent);transform:translateY(-3px)}
html body.game-hub-page .game-hub-intro{padding:clamp(24px,3.2vw,43px);margin-block:24px;gap:12px;border-radius:24px;background:linear-gradient(120deg,var(--orb-glow),var(--orb-surface) 48%);box-shadow:var(--orb-shadow)}
html body.game-hub-page .game-hub-intro h1{font-size:clamp(30px,3.7vw,55px);line-height:1.08}
html body.game-hub-page .game-hub-intro>.orb-page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.orb-section-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--orb-muted);font-size:14px}
.orb-breadcrumb{display:flex;align-items:center;gap:9px;margin:0}.orb-breadcrumb a{color:var(--orb-accent)}
.orb-section-links{display:flex;flex-wrap:wrap;gap:6px}
html body[data-game] :is(.tools-siblings,.orb-section-links)>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--orb-muted);font:600 14px/1.4 var(--orb-sans);text-decoration:none;transition:background var(--orb-motion),color var(--orb-motion)}
html body[data-game] :is(.tools-siblings,.orb-section-links)>a:is(:hover,[aria-current=page]){background:var(--orb-hover);color:var(--orb-text);border-color:var(--orb-border)}
html body.game-hub-page .game-data-shell{padding:clamp(18px,2.5vw,32px);background:transparent;border:0;box-shadow:none;backdrop-filter:none}
html body.game-hub-page:not(.hub-home) .game-data-shell{padding:0}
html body.game-hub-page .game-data-head{align-items:center;padding:18px 22px;border:1px solid var(--orb-border);border-radius:20px;background:var(--orb-surface);box-shadow:var(--orb-shadow);gap:20px;margin-bottom:20px}
html body.game-hub-page .game-data-head h2{margin:4px 0 0;font:400 28px/1.15 var(--orb-serif)}
html body.game-hub-page .game-data-head label{display:grid;gap:6px;font-size:14px}
html body.game-hub-page .game-data-head input{min-width:min(320px,100%)}
html body.game-hub-page:is([data-view=character],[data-view=my-builds]) .game-data-head{display:none}
html body.game-hub-page .game-resource-grid{gap:18px}
html body.game-hub-page :is(.game-resource-card,.game-summary-card){border:1px solid var(--orb-border);border-radius:17px;background:var(--orb-surface);color:var(--orb-text);padding:18px}
html body.game-hub-page .game-resource-card{align-items:center;gap:16px;min-height:112px}
html body.game-hub-page .game-resource-card>img{width:64px;height:64px;object-fit:contain;background:var(--orb-inset);border:1px solid var(--orb-border);border-radius:12px;padding:6px;flex-shrink:0}
html body.game-hub-page .game-resource-card h3{margin:4px 0;font-size:16px;line-height:1.4}
html body.game-hub-page .aion-class-card>img{width:40%;height:220px;object-fit:contain;object-position:bottom;padding:0;border:0;background:none}
html body.game-hub-page .game-resource-card p{font-size:14px;line-height:1.55}
html body.game-hub-page .game-build-card{padding:24px;min-width:0}
html body.game-hub-page .game-build-card h3{font:400 30px/1.15 var(--orb-serif);margin:16px 0}
html body.game-hub-page .game-build-card p{color:var(--orb-muted);font-size:16px;line-height:1.6}
html body.game-hub-page .game-build-foot{border-top:1px solid var(--orb-border);padding-top:16px;margin-top:20px;gap:8px;flex-wrap:wrap}
html body.game-hub-page :is(.my-variants,.aion-character-shell){width:100%;margin:20px 0}
html body.game-hub-page :is(.aion-character-welcome,.game-guild-panel){padding:clamp(24px,3vw,40px)}
html body.game-hub-page :is(.aion-character-welcome,.game-guild-panel) h3{font:400 34px/1.15 var(--orb-serif);margin:0 0 18px}
html body.game-hub-page :is(.game-guild-panel,.game-build-loadout) :is(p,small,span){color:var(--orb-muted)}
html body.game-hub-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--orb-border);border-radius:12px;background:var(--orb-inset);color:var(--orb-text);font:400 16px/1.5 var(--orb-sans);color-scheme:dark}
html.theme-light body.game-hub-page :is(input,select,textarea){color-scheme:light}
html body.game-hub-page :is(input,textarea)::placeholder{color:var(--orb-muted);opacity:.75}
html body.game-hub-page main :is(button,.game-primary-action,.game-guild-button,.orb-button){min-height:44px;padding:10px 16px;border:1px solid var(--orb-border);border-radius:12px;background:var(--hub-panel);color:var(--orb-text);font:700 14px/1.4 var(--orb-sans);cursor:pointer;text-decoration:none;transition:background var(--orb-motion),border-color var(--orb-motion),transform var(--orb-motion)}
html body.game-hub-page main :is(button,.game-primary-action,.game-guild-button,.orb-button):hover{background:var(--orb-hover);border-color:var(--orb-accent)}
html body.game-hub-page main :is(button,.game-primary-action,.game-guild-button,.orb-button):active{transform:scale(.975)}
html body.game-hub-page main :is(.game-primary-action,.aion-new-build,button[type=submit]){display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hub-accent-strong),var(--hub-accent));color:#122039;border-color:var(--hub-accent-strong);box-shadow:0 8px 22px rgba(3,12,20,.18)}
html body.game-hub-page main :is(.game-primary-action,.aion-new-build,button[type=submit]):hover{background:linear-gradient(135deg,var(--hub-accent-strong),var(--hub-accent));filter:brightness(1.06)}
html.theme-light body.game-hub-page main :is(.game-primary-action,.aion-new-build,button[type=submit]){color:#fff}
html body.game-hub-page main button:disabled{opacity:.5;cursor:wait;transform:none}

/* Shared workbench: visual equipment slots, tabbed sections and persistent actions. */
html body.game-hub-page .variant-editor.orb-workbench{display:block;padding:0;border:0;background:transparent;box-shadow:none}
.orb-workbench-identity{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px;margin-bottom:18px;border:1px solid var(--orb-border);border-radius:20px;background:var(--orb-surface)}
.orb-workbench-identity>h3,.orb-workbench-identity>.aion-character-heading,.orb-workbench-identity>.aion-class-choices,.orb-workbench-identity>.aion-character-identity{grid-column:1/-1}
html body.game-hub-page .variant-editor .aion-class-choices{background:transparent;border:0;padding:12px 0 0;margin:0}
html body.game-hub-page .variant-editor .aion-class-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
html body.game-hub-page .variant-editor .aion-class-grid img{height:110px;object-fit:contain}
html body.game-hub-page .variant-editor .aion-class-grid strong{font-size:12px;padding:8px 4px}
html body.game-hub-page .variant-editor .aion-class-grid label>span{background:var(--orb-inset);border-color:var(--orb-border);transition:border-color var(--orb-motion),background var(--orb-motion)}
html body.game-hub-page .variant-editor .aion-class-grid input:checked+span{border-color:var(--orb-accent);box-shadow:inset 0 0 0 1px var(--orb-accent);background:var(--orb-hover)}
html body[data-game] :is(.workbench-navigation,.orb-workbench-tabs){display:flex;align-items:stretch;gap:4px;overflow-x:auto;margin:0 0 14px;padding:5px;border:1px solid var(--orb-border);border-radius:13px;background:var(--orb-surface);backdrop-filter:blur(20px);scrollbar-width:thin}
html body[data-game] :is(.workbench-tab,.orb-workbench-tab){flex:0 0 auto;min-height:42px;padding:10px 18px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--orb-muted);font:700 14px/1.4 var(--orb-sans)}
html body[data-game] :is(.workbench-tab,.orb-workbench-tab)[aria-selected=true]{background:var(--orb-hover);border-color:var(--orb-border);color:var(--orb-text);box-shadow:inset 0 0 0 1px var(--orb-border)}
.orb-workbench-panel{padding:24px;margin-bottom:18px;animation:orb-menu-in var(--orb-motion) ease-out}
.orb-workbench-panel[hidden]{display:none!important}
html body.game-hub-page .orb-workbench-panel :is(.aion-gear-grid,.aion-stat-grid,.variant-loadout){border:0;padding:0;margin:0;background:transparent}
html body.game-hub-page .orb-workbench-panel label{color:var(--orb-text);font-size:14px;min-width:0}
html body.game-hub-page .orb-workbench-panel legend{color:var(--orb-text);font-size:20px;margin-bottom:20px;font-weight:600}
html body.game-hub-page .aion-gear-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
html body.game-hub-page .aion-gear-grid>label{padding:16px;border:1px solid var(--orb-border);border-radius:14px;background:var(--orb-inset)}
html body.game-hub-page .variant-editor .aion-pick-button{width:100%;margin-top:8px;font-size:13px}
html body.game-hub-page .variant-editor .variant-loadout{gap:18px}
html body.game-hub-page .variant-editor .variant-loadout>label{padding:18px;border:1px solid var(--orb-border);border-radius:14px;background:var(--orb-inset)}
html body.game-hub-page .aion-catalog-panel{margin:0 0 18px;scroll-margin-top:160px}
html body.game-hub-page .aion-selected-item{background:var(--orb-surface)}
html body.game-hub-page .aion-selected-item button{min-height:32px;padding:4px 8px}
html body.game-hub-page .variant-actions{position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:14px;border:1px solid var(--orb-border);border-radius:16px;background:var(--orb-header);backdrop-filter:blur(24px);box-shadow:var(--orb-shadow)}
.orb-site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px var(--orb-gutter);margin-top:30px;border-top:1px solid var(--orb-border);color:var(--orb-muted);font-size:14px;background:var(--orb-inset)}
.orb-footer-brand{display:flex;align-items:center;gap:12px;color:var(--orb-text);text-decoration:none;font:400 26px var(--orb-serif)}
.orb-footer-brand img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.orb-site-footer a:last-child{color:var(--orb-accent);text-decoration:none}
.game-hub [hidden]{display:none!important}
.hub-home [data-orb-section-nav]{display:none}
html body.game-hub-page:not(.hub-home) :is(.game-home-strip,.game-event-card){display:none}

@media(max-width:1150px){
 html body.game-hub-page .game-hub-header{padding:8px 12px;gap:8px;grid-template-columns:auto minmax(0,1fr) auto auto;background:var(--orb-header)}
 html body.game-hub-page .game-hub-header>.platform-chip{grid-column:1;grid-row:1}
 html body.game-hub-page .game-hub-header>[data-game-switcher]{grid-column:2/4;grid-row:1}
 html body.game-hub-page .game-hub-header>.game-menu-toggle{grid-column:4;grid-row:1;width:44px;height:44px}
 html body.game-hub-page .game-hub-header>.game-header-live{grid-column:1/3;grid-row:2;margin:0;justify-self:start}
 html body.game-hub-page .game-hub-header>.game-languages{grid-column:3;grid-row:2}
 html body.game-hub-page .game-hub-header>.game-theme-toggle{grid-column:4;grid-row:2;width:44px;height:44px}
 html body.game-hub-page .game-hub-nav{top:calc(var(--orb-header-height,112px) + 8px);max-height:calc(100dvh - var(--orb-header-height,112px) - 24px);background:var(--orb-header);border-color:var(--orb-border);backdrop-filter:blur(24px);padding:12px;border-radius:20px}
 html body.game-hub-page .game-hub-nav.open{display:grid}
 html body.game-hub-page .game-hub-nav>a,html body.game-hub-page .game-nav-group>summary{width:100%;padding:12px 14px;font:700 15px/1.4 var(--orb-sans);min-height:46px}
 html body.game-hub-page .game-nav-panel{position:static;width:100%;max-width:none;margin:6px 0 12px;background:var(--orb-inset);box-shadow:none;backdrop-filter:none}
 html body.game-hub-page .variant-editor .aion-class-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
 html body.game-hub-page .game-header-players{min-width:104px;padding:4px 7px}
 html body.game-hub-page .game-header-players span{display:block;font-size:10px}
 html body.game-hub-page .game-hero{min-height:680px;padding:65px 14px 80px}
 html body.game-hub-page .game-hero-copy{width:100%;padding:25px;border-radius:22px}
 html body.game-hub-page .game-hero-copy h1{font-size:clamp(46px,10vw,65px)}
 html body.game-hub-page .game-hero-eyebrow{font-size:10px;letter-spacing:.1em}
 html body.game-hub-page .game-hero-actions{gap:10px}
 html body.game-hub-page .game-hero-actions>*{flex:1 1 170px;text-align:center;justify-content:center}
 html body.game-hub-page :is(.game-home-intro,.game-home-links){grid-template-columns:1fr;gap:24px;padding:36px 0}
 html body[data-game] :is(.home-nav,.game-home-cards){grid-template-columns:1fr}
 html body.game-hub-page .game-home-card{min-height:220px;padding:25px}
 html body.game-hub-page .game-home-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}
 html body.game-hub-page .game-data-head{align-items:stretch;padding:18px;flex-direction:column}
 html body.game-hub-page .game-data-head input{width:100%;min-width:0}
 html body.game-hub-page .game-resource-grid{grid-template-columns:1fr}
 .orb-section-nav{gap:12px;margin-top:20px}.orb-section-links{flex-wrap:nowrap;width:100%;overflow:auto;padding-bottom:4px}.orb-section-links>a{flex-shrink:0}
 html body.game-hub-page .game-hub-intro{padding:24px;margin-block:18px}
 .orb-workbench-identity{grid-template-columns:1fr;padding:18px}.orb-workbench-panel{padding:18px}
 html body.game-hub-page .aion-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html body.game-hub-page .aion-gear-grid>label{padding:12px}
 html body.game-hub-page .variant-editor .variant-loadout{grid-template-columns:1fr}
 html body.game-hub-page .variant-actions{bottom:6px}.variant-actions>button{flex:1 1 auto}
 html body.game-hub-page .aion-character-identity{grid-template-columns:1fr 1fr}
 .orb-site-footer{align-items:flex-start;flex-direction:column;gap:16px}
}
@media(max-width:390px){html body.game-hub-page .aion-gear-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html body[data-game] *,html body[data-game] *::before{scroll-behavior:auto!important;animation:none!important;transition:none!important}html body[data-game] :is(.home-card,.game-home-card,.community-card,.game-build-card):hover{transform:none}}

/* Official news reuse Farever's article cards within each game palette. */
.game-hub-page #game-news-content{--surface:var(--orb-surface);--text:var(--orb-text);--muted:var(--orb-muted);--border:var(--orb-border);--accent:var(--orb-accent);--bg:var(--hub-bg);--panel-inset:var(--orb-inset);--sans:var(--orb-sans)}
.game-hub-page .patch-card{box-shadow:var(--orb-shadow);backdrop-filter:blur(16px)}
.game-hub-page .patch-details>summary{background:var(--hub-accent);color:#122039}
html.theme-light .game-hub-page .patch-details>summary{color:white}
.game-hub-page .patch-reading p{margin:0 0 18px;white-space:pre-wrap}
.game-hub-page .patch-official{display:inline-flex;color:var(--orb-muted);font-size:13px}
.game-hub-page .game-news-actions{display:flex;justify-content:center;gap:12px;margin:28px 0}
html body.game-hub-page[data-view=news] .orb-section-links{display:none}
@media(min-width:1151px){html body.game-hub-page[data-game] a.game-header-link[data-hub-route=news]{display:inline-flex}}
@media(max-width:1150px){.game-hub-nav .game-news-mobile{display:block}}
@media(min-width:1151px){.game-hub-nav .game-news-mobile{display:none!important}}

/* Shared navigation rail: Aion layout, game-owned content and counter nodes. */
html body[data-game] #orb-header{position:sticky;top:0;z-index:60;box-sizing:border-box;border:0;border-bottom:1px solid var(--orb-border);background:var(--orb-header);color:var(--orb-text);overflow:visible}
html body[data-game] #orb-header .orb-mobile-link{display:none}
html body[data-game] #orb-header :is(.platform-chip,.orbynia-game-button.game-brand-switch){box-sizing:border-box;height:44px;min-height:44px;border:1px solid var(--orb-border);border-radius:12px;background:var(--orb-hover);color:var(--orb-text)}
html body[data-game] #orb-header .platform-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;font:800 13px/1 var(--orb-sans);letter-spacing:0;white-space:nowrap}
html body[data-game] #orb-header .platform-logo{width:24px;height:24px}
html body[data-game] #orb-header .game-brand-switch{padding:4px 7px 4px 4px;gap:8px}
html body[data-game] #orb-header .game-switch-logo{width:34px;height:34px;flex-basis:34px}
html body[data-game] #orb-header .game-switch-label strong{font-size:16px}
html body[data-game] #orb-header .game-switch-label small{font-size:8px;letter-spacing:.04em}
html body[data-game] #orb-header :is(#navigation,.game-hub-nav)>a,html body[data-game] #orb-header :is(.nav-group,.game-nav-group)>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:0;border-radius:12px;font:700 14px/1.4 var(--orb-sans);color:var(--orb-muted)}
html body[data-game] #orb-header :is(#navigation,.game-hub-nav)>.orb-mobile-link{display:none}
html body[data-game] #orb-header :is(.language-switch,.game-languages){display:flex;align-items:center;gap:2px;box-sizing:border-box;height:44px;padding:4px;border:1px solid var(--orb-border);border-radius:12px;background:var(--orb-hover)}
html body[data-game] #orb-header :is(.language-switch button,.game-languages a){display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:28px;width:28px;height:34px;min-height:34px;padding:4px;border:0;border-radius:8px;background:transparent;color:var(--orb-muted);font:750 12px/1 var(--orb-sans)}
html body[data-game] #orb-header :is(.language-switch button.is-active,.game-languages a[aria-current=page]){background:var(--orb-hover);color:var(--orb-text)}
html body[data-game] #orb-header :is(#site-theme,.game-theme-toggle,.menu-button,.game-menu-toggle){box-sizing:border-box;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:1px solid var(--orb-border);border-radius:12px;background:var(--orb-hover);color:var(--orb-text);font-size:20px}
html body[data-game] #orb-header #site-theme{display:inline-flex}
@media(min-width:1151px){
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav){position:static;justify-content:center;gap:10px;padding:0;background:transparent}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav)>a[data-hub-route=home]{display:none}
 html body[data-game] #orb-header .header-quick a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--orb-border);border-radius:12px;background:var(--orb-hover)}
 html body[data-game] #orb-header .header-character svg{display:none}
 html body[data-game] #orb-header .header-character span{position:static;width:auto;height:auto;clip-path:none;overflow:visible}
 html body[data-game] #orb-header .header-character{width:auto}
}
@media(max-width:1150px){
 html body[data-game] #orb-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto 44px;grid-template-rows:44px 44px;align-items:center;gap:8px;padding:8px 12px;min-height:106px;backdrop-filter:none;-webkit-backdrop-filter:none}
 html body[data-game] #orb-header>.platform-chip{grid-column:1;grid-row:1;margin:0}
 html body[data-game] #orb-header>[data-game-switcher]{grid-column:2/4;grid-row:1;min-width:0;width:100%;margin:0}
 html body[data-game] #orb-header .orbynia-game-button.game-brand-switch{width:100%;max-width:none}
 html body[data-game] #orb-header .game-switch-label{min-width:0;overflow:hidden}
 html body[data-game] #orb-header .game-switch-label :is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html body[data-game] #orb-header .game-switch-arrow{margin-left:auto}
 html body[data-game] #orb-header :is(.menu-button,.game-menu-toggle){display:inline-flex;grid-column:4;grid-row:1;margin:0}
 html body[data-game] #orb-header .menu-button{font-size:0!important}
 html body[data-game] #orb-header .menu-button span{font-size:20px}
 html body[data-game] #orb-header :is(.header-live,.game-header-live){display:flex;grid-column:1/3;grid-row:2;align-items:center;justify-content:flex-start;justify-self:start;gap:6px;width:auto;max-width:100%;min-width:0;margin:0}
 html body[data-game] #orb-header #site-settings{display:contents}
 html body[data-game] #orb-header :is(.language-switch,.game-languages){grid-column:3;grid-row:2;margin:0}
 html body[data-game] #orb-header :is(#site-theme,.game-theme-toggle){grid-column:4;grid-row:2;margin:0}
 html body[data-game] #orb-header :is(.header-quick,.game-header-link){display:none}
 html body[data-game] #orb-header :is(.header-players,.game-header-players,.header-rift,.game-timer-chip){display:flex;align-items:center;justify-content:center;flex:0 1 auto;box-sizing:border-box;min-width:0;min-height:44px;height:44px;margin:0;padding:4px 7px;border:1px solid var(--orb-border);border-radius:12px;background:var(--orb-hover);font-size:12px}
 html body[data-game] #orb-header :is(.header-players,.game-header-players){flex-direction:column;gap:2px}
 html body[data-game] #orb-header :is(.header-player-source,.game-header-players span){display:block;font-size:10px;white-space:nowrap}
 html body[data-game] #orb-header .header-rift-copy{display:flex;flex-direction:column;gap:0}
 html body[data-game] #orb-header .header-rift img{width:20px;height:20px}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav){display:none;position:absolute;grid-area:auto;justify-self:stretch;max-width:none;inset:calc(100% + 8px) 12px auto;z-index:70;width:auto;max-height:calc(100dvh - var(--orb-header-height,106px) - 24px);overflow:auto;margin:0;padding:12px;border:1px solid var(--orb-border);border-radius:20px;background:color-mix(in srgb,var(--orb-header) 98%,var(--orb-text) 2%);backdrop-filter:blur(24px);box-shadow:var(--orb-shadow);transform-origin:top;animation:orb-menu-in 180ms ease-out}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav).open{display:grid;align-content:start;gap:4px}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav)>:is(a,details){width:100%;margin:0}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav)>a,html body[data-game] #orb-header :is(#navigation,.game-hub-nav) summary{display:flex;justify-content:space-between;min-height:46px;padding:12px 14px;font:700 15px/1.4 var(--orb-sans)}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav) .orb-mobile-link{display:flex}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav)>a svg{display:none}
 html body[data-game] #orb-header :is(#navigation,.game-hub-nav) :is(.tools-dropdown,.game-nav-panel){position:static;display:grid;grid-template-columns:1fr;width:100%;min-width:0;max-width:none;margin:6px 0 12px;padding:8px;background:var(--orb-inset);box-shadow:none;backdrop-filter:none}
 html body[data-game].menu-open::after{display:none}
 html body[data-game].menu-open{overflow:auto}
}
@media(max-width:390px){
 html body[data-game] #orb-header .game-switch-label strong{font-size:13px}
 html body[data-game] #orb-header .game-switch-label small{font-size:7px}
 html body[data-game] #orb-header .platform-chip{padding-inline:7px;font-size:11px}
}
@media(min-width:1151px){
 html body[data-game] #orb-header>[data-game-switcher]{width:236px}
 html body[data-game] #orb-header .orbynia-game-button.game-brand-switch{width:100%}
 html body[data-game] #orb-header :is(.platform-chip,.orbynia-game-button.game-brand-switch,.language-switch,.game-languages,#site-theme,.game-theme-toggle){height:52px;min-height:52px}
 html body[data-game] #orb-header :is(.language-switch,.game-languages){width:80px;min-width:80px;justify-content:center}
 html body[data-game] #orb-header :is(#site-theme,.game-theme-toggle){width:52px;min-width:52px}
}

/* Keep the Farever rift visible and identifiable on phones. */
@media(max-width:1150px){
 html body[data-game=farever] #orb-header #header-rift{display:flex;visibility:visible;flex-shrink:0;gap:6px;min-width:108px}
 html body[data-game=farever] #orb-header #header-rift-label{display:block;font-size:10px;line-height:1.2;white-space:nowrap}
 html body[data-game=farever] #orb-header #header-rift-countdown{display:block;font-size:14px;line-height:1.2;font-variant-numeric:tabular-nums}
 html body[data-game=farever] #orb-header .header-players{min-width:0;overflow:hidden}
}
@media(max-width:380px){
 html body[data-game=farever] #orb-header .header-player-source{display:none}
 html body[data-game=farever] #orb-header .header-live{gap:4px}
}

@media(max-width:1150px){
 html body[data-game=aion2] #orb-header .game-timer-chip{display:grid;flex-shrink:0;grid-template-columns:16px auto;grid-template-rows:auto auto;column-gap:5px;row-gap:0;min-width:77px;text-align:left}
 html body[data-game=aion2] #orb-header .game-timer-chip span:first-child{grid-row:1/3}
 html body[data-game=aion2] #orb-header .game-timer-chip span:nth-child(2){display:block;font-size:10px;line-height:1.2}
 html body[data-game=aion2] #orb-header .game-timer-chip strong{grid-column:2;line-height:1.2;font-size:13px;font-variant-numeric:tabular-nums}
 html body[data-game=aion2] #orb-header .game-header-players{overflow:hidden}
}