/* Nexus Aero changes material and lighting only. Canonical card, domain,
   tier, glyph, relationship, and currency colors remain in their source CSS. */

html[data-skin="aero"]{
  --aero-blue:#087fc3;
  --aero-blue-deep:#075984;
  --aero-cyan:#53d6e7;
  --aero-glass:rgba(248,254,255,.72);
  --aero-line:rgba(62,78,90,.2);
  --aero-shadow:0 16px 38px rgba(31,42,50,.13),inset 0 1px 0 rgba(255,255,255,.88);
  --aero-radius:18px;
}

/* Shared appearance switch; mounted by skin.js on every public surface. */
.nexus-skin-switch{
  min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 5px;
  border:1px solid rgba(88,102,116,.26);border-radius:999px;background:rgba(255,255,255,.36);
  color:inherit;font:600 8px/1 'Cinzel',serif;letter-spacing:1.2px;text-transform:uppercase;
  cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.nexus-skin-switch:hover{border-color:rgba(8,127,195,.55);}
.nexus-skin-switch .nss-swatch{
  width:20px;height:20px;border-radius:6px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(70,76,82,.78));
  border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 #fff,0 1px 4px rgba(0,0,0,.18);
}
.nexus-skin-switch.is-aero{
  color:#075984;border-color:rgba(8,127,195,.36);
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(214,247,255,.68));
}
.nexus-skin-switch.is-aero .nss-swatch{
  background:linear-gradient(145deg,#f9ffff 0,#86dfec 38%,#087fc3 100%);
  box-shadow:inset 0 1px 0 #fff,0 0 7px rgba(62,184,226,.38);
}

/* Account chrome is one material system. The currency itself remains gold,
   but the bank, identity, sign-out, theme, and ledger controls all live in
   the same Aero glass instead of falling back to unrelated parchment chips. */
html[data-skin="aero"] body[data-nexus-surface] .nexus-skin-switch{min-height:40px;}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  :is(.nav-day,.nav-kojin,.nav-me,.nav-me-chip){
  min-height:40px;border:1px solid rgba(18,124,170,.28);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(211,247,253,.7));
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(4,102,153,.12);
  backdrop-filter:blur(12px) saturate(1.2);
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-kojin{
  display:inline-flex;align-items:center;padding:0 14px;color:#765b10;
  font-variant-numeric:tabular-nums;
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-kojin:hover{
  color:#5c4508;border-color:rgba(158,126,31,.5);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(194,241,250,.82));
}
html[data-skin="aero"] body[data-nexus-surface="home"] .nav-me{
  display:inline-flex;align-items:center;justify-content:center;padding:0 14px;
  color:var(--aero-blue-deep);font-weight:600;
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-me-chip{
  display:inline-flex;align-items:center;gap:8px;padding:3px 4px 3px 13px;
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-me-chip a{
  color:var(--aero-blue-deep);font-weight:600;
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-me-chip button{
  min-height:30px;padding:0 10px;border:1px solid rgba(18,124,170,.2);border-radius:999px;
  color:#65747d;background:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-me-chip button:hover{
  color:var(--aero-blue-deep);border-color:rgba(8,127,195,.4);background:rgba(255,255,255,.76);
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"]).night
  :is(.nav-day,.nav-kojin,.nav-me,.nav-me-chip){
  border-color:rgba(91,223,233,.3);background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 0 15px rgba(39,210,222,.08);
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"]).night
  .nav-kojin{color:#ecdca0;}
html[data-skin="aero"] body[data-nexus-surface="home"].night .nav-me{color:#bdfaff;}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"]).night
  .nav-me-chip a{color:#bdfaff;}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"]).night
  .nav-me-chip button{
  color:#a8c8d0;border-color:rgba(141,235,242,.2);background:rgba(7,37,56,.5);
  box-shadow:inset 0 1px 0 rgba(220,255,255,.1);
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"]).night
  .nexus-skin-switch.is-aero{
  color:#bdfaff;border-color:rgba(91,223,233,.3);
  background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 0 15px rgba(39,210,222,.08);
}

html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-kojin-pop{
  border:1px solid rgba(18,124,170,.28);border-radius:18px;
  background:linear-gradient(145deg,rgba(252,255,255,.96),rgba(224,240,244,.92));
  box-shadow:0 20px 48px rgba(31,63,79,.2),inset 0 1px 0 #fff;
  backdrop-filter:blur(20px) saturate(1.15);
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  :is(.nav-kojin-pop .nkp-hd,.nav-kojin-pop .nkp-foot){color:var(--aero-blue-deep);}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
  .nav-kojin-pop .nkp-foot{background:rgba(255,255,255,.34);}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"]).night
  .nav-kojin-pop{
  border-color:rgba(91,223,233,.28);background:linear-gradient(145deg,rgba(28,48,59,.97),rgba(10,24,34,.95));
  box-shadow:0 22px 52px rgba(0,5,14,.48),inset 0 1px 0 rgba(211,255,255,.13);
}
html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"]).night
  :is(.nav-kojin-pop .nkp-hd,.nav-kojin-pop .nkp-foot){color:#bdfaff;}

/* Home: a neutral glass field. Color belongs to content and controls. */
html[data-skin="aero"] body[data-nexus-surface="home"]{
  --bg:#edf0f2;--panel:rgba(255,255,255,.7);--panel2:rgba(239,242,244,.66);
  --border:rgba(62,78,90,.2);--border2:rgba(62,78,90,.11);
  --text:#18252e;--text2:#45555f;--text3:#748089;
  min-height:100%;
  background:linear-gradient(145deg,#f8f9fa 0,#e8ecef 48%,#f3f5f6 100%);
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="home"].night{
  --bg:#111519;--panel:rgba(28,33,38,.72);--panel2:rgba(20,25,30,.7);
  --border:rgba(198,210,219,.17);--border2:rgba(198,210,219,.09);
  --text:#f0f4f6;--text2:#c3cbd0;--text3:#8c979e;
  background:linear-gradient(145deg,#171d22 0,#1b2025 52%,#13181c 100%); /* one night canvas — the 7/25 "black cap" lift, now on the shell pages too */
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="home"] .nav{
  background:rgba(250,251,252,.68);border-bottom-color:var(--aero-line);
  box-shadow:0 8px 30px rgba(31,42,50,.09),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(1.28);
}
html[data-skin="aero"] body[data-nexus-surface="home"].night .nav{background:rgba(21,26,31,.7);}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.nav-day,.btn-signin,.live-refresh,.dw-play,.live-chip){
  border:1px solid rgba(18,124,170,.28);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(211,247,253,.68));
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(4,102,153,.12);
}
html[data-skin="aero"] body[data-nexus-surface="home"].night :is(.nav-day,.btn-signin,.live-refresh,.dw-play,.live-chip){
  background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  border-color:rgba(91,223,233,.32);box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 0 15px rgba(39,210,222,.08);
}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.nav .logo,.hero h1){
  color:var(--aero-blue-deep);text-shadow:0 1px 0 rgba(255,255,255,.72),0 8px 26px rgba(4,127,188,.14);
}
html[data-skin="aero"] body[data-nexus-surface="home"].night :is(.nav .logo,.hero h1){
  color:#aef7ff;text-shadow:0 0 24px rgba(83,214,231,.22);
}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.door,.pillar,.daily-wall,.lg-tile,.mg-tile,.auth-card,.profile-card,.prof-card){
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(232,236,239,.58));
  border-color:var(--aero-line);box-shadow:var(--aero-shadow);backdrop-filter:blur(15px) saturate(1.2);
}
html[data-skin="aero"] body[data-nexus-surface="home"].night :is(.door,.pillar,.daily-wall,.lg-tile,.mg-tile,.auth-card,.profile-card,.prof-card){
  background:linear-gradient(145deg,rgba(34,40,45,.84),rgba(17,21,25,.64));
  box-shadow:0 16px 40px rgba(0,8,22,.3),inset 0 1px 0 rgba(188,247,255,.13);
}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.door,.pillar,.lg-tile,.mg-tile){border-radius:var(--aero-radius);}
html[data-skin="aero"] body[data-nexus-surface="home"] .daily-wall{
  position:relative;overflow:hidden;border-radius:28px;border-width:1px;
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(228,232,235,.6));
  box-shadow:0 20px 50px rgba(31,42,50,.16),inset 0 2px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(67,82,92,.16);
}
html[data-skin="aero"] body[data-nexus-surface="home"] .daily-wall::after{
  content:'';position:absolute;left:4%;right:4%;top:4px;height:34%;border-radius:24px 24px 50% 50%;pointer-events:none;
  z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.44),transparent);
}
html[data-skin="aero"] body[data-nexus-surface="home"] .daily-wall > *{position:relative;z-index:1;}
html[data-skin="aero"] body[data-nexus-surface="home"].night .daily-wall{
  background:linear-gradient(145deg,rgba(40,47,53,.88),rgba(15,19,23,.74));
  box-shadow:0 22px 55px rgba(0,5,15,.38),inset 0 1px 0 rgba(235,242,246,.18);
}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.lg-tile,.mg-tile){
  border-width:1px;background:linear-gradient(155deg,rgba(255,255,255,.84),rgba(230,234,237,.62));
}
html[data-skin="aero"] body[data-nexus-surface="home"] .lg-board{
  border-color:rgba(95,224,230,.34);background:radial-gradient(ellipse at 50% 38%,#174c69 0%,#09283f 72%);
  box-shadow:inset 0 1px 12px rgba(110,241,242,.12);
}
html[data-skin="aero"] body[data-nexus-surface="home"] .lg-clock{background:rgba(120,216,63,.18);border:1px solid rgba(87,177,47,.18);border-radius:999px;}
html[data-skin="aero"] body[data-nexus-surface="home"] .door:hover{
  border-color:rgba(8,127,195,.55);box-shadow:0 22px 48px rgba(7,110,161,.22),inset 0 1px 0 #fff;
  transform:translateY(-5px) scale(1.01);
}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.door h3,.pillar h4,.tenet h4,.section h2,.mg-tile b){color:var(--aero-blue-deep);}
html[data-skin="aero"] body[data-nexus-surface="home"].night :is(.door h3,.pillar h4,.tenet h4,.section h2,.mg-tile b){color:#8debf2;}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.btn-register,.auth-submit){
  color:#06334d;background:linear-gradient(180deg,#e2ffff 0,#78e0eb 52%,#3bb3d0 100%);
  border:1px solid rgba(255,255,255,.82);box-shadow:0 4px 11px rgba(5,123,175,.19),inset 0 1px 1px #fff;
}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.btn-register,.btn-signin){
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 17px;border-radius:999px;line-height:1;white-space:nowrap;
}
html[data-skin="aero"] body[data-nexus-surface="home"] .btn-signin{
  background:rgba(251,255,255,.72);border-color:var(--aero-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-skin="aero"] body[data-nexus-surface="home"] .nav-drop-menu{
  background:rgba(249,252,253,.96);border:1px solid rgba(59,82,96,.2);
  box-shadow:0 18px 46px rgba(31,42,50,.2),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(20px) saturate(1.05);
}
html[data-skin="aero"] body[data-nexus-surface="home"].night .btn-signin{background:rgba(5,38,58,.76);}
html[data-skin="aero"] body[data-nexus-surface="home"].night .nav-drop-menu{
  background:rgba(16,25,31,.96);border-color:rgba(128,217,226,.22);
}
html[data-skin="aero"] body[data-nexus-surface="home"] :is(.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:var(--aero-blue-deep);}
html[data-skin="aero"] body[data-nexus-surface="home"].night :is(.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:#82e8f1;}

/* The full desktop header is dense around laptop widths. Keep every control
   on-screen without returning Sign In to the accidental two-line circle. */
@media (min-width:641px) and (max-width:1350px){
  html[data-skin="aero"] body[data-nexus-surface="home"] .nav{gap:16px;padding-inline:16px;}
  html[data-skin="aero"] body[data-nexus-surface="home"] .nav-links{gap:14px;}
  html[data-skin="aero"] body[data-nexus-surface="home"] :is(.btn-register,.btn-signin){padding-inline:14px;}
}

/* Learn: long-form reading on clear or smoked glass, without scenery. */
html[data-skin="aero"] body[data-nexus-surface="learn"]{
  color-scheme:light;
  --bg:#edf0f2;--panel:rgba(255,255,255,.72);--panel2:rgba(239,242,244,.68);
  --border:rgba(62,78,90,.2);--border2:rgba(62,78,90,.11);
  --text:#18252e;--text2:#45555f;--text3:#748089;
  --gold:#075984;--gold-bright:#087fc3;--gold-dim:rgba(7,89,132,.32);
  min-height:100%;background:linear-gradient(145deg,#f8f9fa 0,#e8ecef 48%,#f3f5f6 100%);
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="learn"].night{
  color-scheme:dark;
  --bg:#111519;--panel:rgba(28,33,38,.74);--panel2:rgba(20,25,30,.72);
  --border:rgba(198,210,219,.17);--border2:rgba(198,210,219,.09);
  --text:#f0f4f6;--text2:#c3cbd0;--text3:#8c979e;
  --gold:#8debf2;--gold-bright:#bdfaff;--gold-dim:rgba(141,235,242,.3);
  background:linear-gradient(145deg,#171d22 0,#1b2025 52%,#13181c 100%); /* one night canvas — the 7/25 "black cap" lift, now on the shell pages too */
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="learn"] .nav{
  background:rgba(250,251,252,.7);border-bottom-color:var(--aero-line);
  box-shadow:0 8px 30px rgba(31,42,50,.09),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(1.2);
}
html[data-skin="aero"] body[data-nexus-surface="learn"].night .nav{background:rgba(21,26,31,.72);}
html[data-skin="aero"] body[data-nexus-surface="learn"] :is(.nav .logo,.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:var(--aero-blue-deep);}
html[data-skin="aero"] body[data-nexus-surface="learn"].night :is(.nav .logo,.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:#8debf2;}
html[data-skin="aero"] body[data-nexus-surface="learn"] .spec{
  margin:32px auto 80px;border:1px solid var(--aero-line);border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(230,234,237,.62));
  box-shadow:0 22px 54px rgba(31,42,50,.14),inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter:blur(18px) saturate(1.12);
}
html[data-skin="aero"] body[data-nexus-surface="learn"].night .spec{
  background:linear-gradient(145deg,rgba(38,44,50,.86),rgba(16,20,24,.7));
  box-shadow:0 24px 58px rgba(0,4,12,.38),inset 0 1px 0 rgba(255,255,255,.14);
}
html[data-skin="aero"] body[data-nexus-surface="learn"] .spec :is(h1,h2){text-shadow:0 1px 0 rgba(255,255,255,.75);}
html[data-skin="aero"] body[data-nexus-surface="learn"].night .spec :is(h1,h2){text-shadow:0 0 18px rgba(83,214,231,.12);}
html[data-skin="aero"] body[data-nexus-surface="learn"] .spec blockquote{background:rgba(255,255,255,.3);}
html[data-skin="aero"] body[data-nexus-surface="learn"].night .spec blockquote{color:var(--text2);background:rgba(255,255,255,.035);}

/* Collection: neutral glass around the tools and deck workspace; cards keep
   their canonical edition, tier, domain, and ownership colors. */
html[data-skin="aero"] body[data-nexus-surface="collection"]{
  color-scheme:light;
  --bg:#edf0f2;--panel:rgba(255,255,255,.72);--panel2:rgba(239,242,244,.68);
  --border:rgba(62,78,90,.2);--border2:rgba(62,78,90,.11);
  --text:#18252e;--text2:#45555f;--text3:#748089;
  --gold:#075984;--gold-bright:#087fc3;--gold-dim:rgba(7,89,132,.32);
  min-height:100%;background:linear-gradient(145deg,#f8f9fa 0,#e8ecef 48%,#f3f5f6 100%);
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="collection"].night{
  color-scheme:dark;
  --bg:#111519;--panel:rgba(28,33,38,.74);--panel2:rgba(20,25,30,.72);
  --border:rgba(198,210,219,.17);--border2:rgba(198,210,219,.09);
  --text:#f0f4f6;--text2:#c3cbd0;--text3:#8c979e;
  --gold:#8debf2;--gold-bright:#bdfaff;--gold-dim:rgba(141,235,242,.3);
  background:linear-gradient(145deg,#171d22 0,#1b2025 52%,#13181c 100%); /* one night canvas — the 7/25 "black cap" lift, now on the shell pages too */
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="collection"] .nav{
  background:rgba(250,251,252,.7);border-bottom-color:var(--aero-line);
  box-shadow:0 8px 30px rgba(31,42,50,.09),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(1.2);
}
html[data-skin="aero"] body[data-nexus-surface="collection"].night .nav{background:rgba(21,26,31,.72);}
html[data-skin="aero"] body[data-nexus-surface="collection"] :is(.nav .logo,.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:var(--aero-blue-deep);}
html[data-skin="aero"] body[data-nexus-surface="collection"].night :is(.nav .logo,.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:#8debf2;}
html[data-skin="aero"] body:is([data-nexus-surface="collection"],[data-nexus-surface="market"]) :is(.coll-tools input[type=search],#sortSel,.view-seg,.tier-chip,.gal-btns button,.lrow .lbtns button,.mk-tools input[type=search],#mkSort,.view-seg,.tier-chip,.mk-buy,.bs-btn){
  border-color:rgba(62,78,90,.2);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(226,231,234,.66));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),0 3px 10px rgba(31,42,50,.07);backdrop-filter:blur(9px);
}
html[data-skin="aero"] body:is([data-nexus-surface="collection"],[data-nexus-surface="market"]).night :is(.coll-tools input[type=search],#sortSel,.view-seg,.tier-chip,.gal-btns button,.lrow .lbtns button,.mk-tools input[type=search],#mkSort,.view-seg,.tier-chip,.mk-buy,.bs-btn){
  color:#c3cbd0;border-color:rgba(198,210,219,.18);background:linear-gradient(180deg,rgba(43,50,56,.82),rgba(18,23,27,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 10px rgba(0,0,0,.14);
}
html[data-skin="aero"] body:is([data-nexus-surface="collection"],[data-nexus-surface="market"]) :is(.tier-chip.on,.view-seg button.on){
  color:var(--aero-blue-deep);border-color:rgba(8,127,195,.38);background:linear-gradient(180deg,rgba(230,252,255,.92),rgba(169,224,235,.64));
}
html[data-skin="aero"] body:is([data-nexus-surface="collection"],[data-nexus-surface="market"]).night :is(.tier-chip.on,.view-seg button.on){
  color:#bdfaff;border-color:rgba(141,235,242,.34);background:linear-gradient(180deg,rgba(24,75,91,.82),rgba(17,42,52,.7));
}
html[data-skin="aero"] body:is([data-nexus-surface="collection"],[data-nexus-surface="market"]) :is(#zoomBar,#mkZoom){accent-color:var(--aero-blue);}
html[data-skin="aero"] body[data-nexus-surface="collection"] .deck-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(229,233,236,.64));
  border-color:var(--aero-line);box-shadow:0 18px 42px rgba(31,42,50,.12),inset 0 1px 0 rgba(255,255,255,.94);
  backdrop-filter:blur(17px) saturate(1.12);
}
html[data-skin="aero"] body[data-nexus-surface="collection"].night .deck-panel{
  background:linear-gradient(145deg,rgba(38,44,50,.86),rgba(16,20,24,.7));
  border-color:rgba(198,210,219,.17);box-shadow:0 20px 48px rgba(0,4,12,.34),inset 0 1px 0 rgba(255,255,255,.13);
}
html[data-skin="aero"] body[data-nexus-surface="collection"] :is(.dp-row,.lrow){background:rgba(255,255,255,.24);}
html[data-skin="aero"] body[data-nexus-surface="collection"].night :is(.dp-row,.lrow){background:rgba(255,255,255,.025);}
html[data-skin="aero"] body[data-nexus-surface="collection"] .dp-row.on{
  color:var(--aero-blue-deep);border-color:rgba(8,127,195,.4);background:rgba(83,214,231,.12);
}
html[data-skin="aero"] body[data-nexus-surface="collection"].night .dp-row.on{
  color:#bdfaff;border-color:rgba(141,235,242,.36);background:rgba(83,214,231,.09);
}
html[data-skin="aero"] body[data-nexus-surface="collection"] .guest-nudge{
  background:rgba(255,255,255,.66);border-radius:18px;box-shadow:0 0 0 20px rgba(255,255,255,.66),0 20px 50px 20px rgba(31,42,50,.11);
  backdrop-filter:blur(17px);
}
html[data-skin="aero"] body[data-nexus-surface="collection"].night .guest-nudge{
  background:rgba(31,37,42,.7);box-shadow:0 0 0 20px rgba(31,37,42,.7),0 20px 50px 20px rgba(0,4,12,.3);
}

/* Forge and Table: neutral glass shells in bright and dark lighting. */
html[data-skin="aero"] body[data-nexus-surface="forge"],
html[data-skin="aero"] body[data-nexus-surface="table"]{
  color-scheme:dark;
  --ui-bg:#111519;--ui-panel:rgba(27,33,38,.82);--ui-topbar:rgba(24,29,34,.86);--ui-stage:rgba(23,28,33,.64);
  --ui-border:rgba(197,209,218,.17);--ui-border2:rgba(197,209,218,.09);
  --ui-input:rgba(15,19,23,.72);--ui-input-bdr:rgba(197,209,218,.2);
  --ui-text:#f0f4f6;--ui-text2:#c4cdd2;--ui-text3:#919da4;--ui-text4:#77838a;
  --ui-lbl:#8d989f;--ui-muted:#5d686f;--ui-scroll:#59666e;
  /* the old top stop (#0d1013) was effectively black, so the whole page cap
     under the translucent bar read as a black band (Chairman 2026-07-25:
     "i don't know why the top is kinda black") — night now starts at the
     blue-grey mid-family instead of near-black */
  background:linear-gradient(145deg,#171d22 0,#1b2025 52%,#13181c 100%);
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day,
html[data-skin="aero"] body[data-nexus-surface="table"].day{
  color-scheme:light;
  --ui-bg:#edf0f2;--ui-panel:rgba(255,255,255,.78);--ui-topbar:rgba(250,251,252,.78);--ui-stage:rgba(235,238,240,.67);
  --ui-border:rgba(62,78,90,.2);--ui-border2:rgba(62,78,90,.1);
  --ui-input:rgba(255,255,255,.76);--ui-input-bdr:rgba(62,78,90,.22);
  --ui-text:#1b2932;--ui-text2:#4a5962;--ui-text3:#758188;--ui-text4:#68757d;
  --ui-lbl:#65727a;--ui-muted:#98a1a7;--ui-scroll:#929da4;
  background:linear-gradient(145deg,#f8f9fa 0,#e8ecef 48%,#f3f5f6 100%);
  background-attachment:fixed;
}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.top-bar,.left,.right,.btm,.nav.ogs),
html[data-skin="aero"] body[data-nexus-surface="table"] :is(.site-nav,.top-bar,.tray,.hand-box,.game-panel,.spectate-panel,.dlg,.nav.ogs){
  backdrop-filter:blur(17px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day :is(.top-bar,.left,.right,.btm,.nav.ogs),
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.site-nav,.top-bar,.tray,.hand-box,.game-panel,.spectate-panel,.dlg,.nav.ogs){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 10px 28px rgba(10,93,132,.08);
}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.top-bar,.btm,.nav.ogs),
html[data-skin="aero"] body[data-nexus-surface="table"] :is(.site-nav,.top-bar,.nav.ogs){
  border-color:rgba(197,209,218,.18);background:linear-gradient(180deg,rgba(48,56,63,.82),rgba(27,33,39,.78));
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day :is(.top-bar,.btm,.nav.ogs),
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.site-nav,.top-bar,.nav.ogs){
  background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(230,234,237,.68));border-color:rgba(62,78,90,.18);
}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.left,.right),
html[data-skin="aero"] body[data-nexus-surface="table"] :is(.tray,.game-panel,.spectate-panel,.dlg){
  background:linear-gradient(145deg,rgba(35,42,48,.88),rgba(17,21,25,.76));
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day :is(.left,.right),
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.tray,.game-panel,.spectate-panel,.dlg){
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(229,233,236,.7));
}
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-stage-shell{
  background:linear-gradient(145deg,rgba(41,48,54,.74),rgba(20,25,29,.62));
}
html[data-skin="aero"] body[data-nexus-surface="forge"] .stage{background:none;}
html[data-skin="aero"] body[data-nexus-surface="forge"].day .forge-stage-shell{
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(223,227,230,.66));
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day .stage{background:none;}
html[data-skin="aero"] body[data-nexus-surface="table"] .board{
  background:linear-gradient(145deg,rgba(29,35,41,.96),rgba(13,17,21,.9));
}
html[data-skin="aero"] body[data-nexus-surface="table"].day .board{
  background:linear-gradient(145deg,rgba(248,250,251,.94),rgba(219,224,227,.88));
}
html[data-skin="aero"] body[data-nexus-surface="table"] .board-grid{
  background-image:radial-gradient(circle,rgba(91,218,224,.2) 1px,transparent 1px);
}
html[data-skin="aero"] body[data-nexus-surface="table"].day .board-grid{
  background-image:radial-gradient(circle,rgba(13,110,152,.19) 1px,transparent 1px);
}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.logo,.forge-nav a:hover,.forge-nav a.on),
html[data-skin="aero"] body[data-nexus-surface="table"] :is(.logo,.sn-links a:hover,.sn-links a.on){color:#7eeaf2;}
html[data-skin="aero"] body[data-nexus-surface="forge"].day :is(.logo,.forge-nav a:hover,.forge-nav a.on),
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.logo,.sn-links a:hover,.sn-links a.on){color:var(--aero-blue-deep);}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.si,input,select,textarea,.mode-btn,.deckbtn),
html[data-skin="aero"] body[data-nexus-surface="table"] :is(.si,input,select,textarea,.seg,.tbtn,.dlg-type){
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11);backdrop-filter:blur(8px);
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day :is(.si,input,select,textarea,.mode-btn,.deckbtn),
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.si,input,select,textarea,.seg,.tbtn,.dlg-type){box-shadow:inset 0 1px 0 rgba(255,255,255,.8);}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.fbtn,.claim-btn){
  color:#05344d;background:linear-gradient(180deg,#c4ffff,#52d7e6 48%,#2aa9cf);
  border:1px solid rgba(255,255,255,.65);box-shadow:0 5px 14px rgba(3,121,169,.24),inset 0 1px 0 #fff;
}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.mode-btn,.deckbtn,.daynight,.auth-signin),
html[data-skin="aero"] body[data-nexus-surface="table"] :is(.tbtn,.daynight,.seg){
  border-width:1px;border-radius:999px;background:linear-gradient(180deg,rgba(35,101,132,.82),rgba(5,48,78,.72));
  box-shadow:inset 0 1px 0 rgba(225,255,255,.2),0 3px 10px rgba(0,8,24,.14);
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day :is(.mode-btn,.deckbtn,.daynight,.auth-signin),
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.tbtn,.daynight,.seg){
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(203,242,249,.76));
  box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(5,101,149,.11);
}

/* Forge has its own toolbar rather than the shared nav. Give its economy and
   identity controls the same glass shells, including both lighting modes. */
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools
  :is(.wallet-chip,.auth-chip,.nav-offers){
  min-height:40px;border:1px solid rgba(91,223,233,.3);border-radius:999px;
  background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 3px 10px rgba(0,8,24,.14);
  backdrop-filter:blur(10px) saturate(1.16);
}
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools .wallet-chip{
  display:inline-flex;align-items:center;padding:0 14px;color:#ecdca0;font-variant-numeric:tabular-nums;
}
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools .nav-offers{
  display:inline-flex;align-items:center;padding:0 13px;color:#bdfaff;
}
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools .auth-chip{
  gap:8px;padding:3px 4px 3px 13px;
}
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools .auth-chip span{color:#bdfaff;font-weight:600;}
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools .auth-chip button{
  min-height:30px;padding:0 10px;border:1px solid rgba(141,235,242,.2);border-radius:999px;
  color:#a8c8d0;background:rgba(7,37,56,.5);box-shadow:inset 0 1px 0 rgba(220,255,255,.1);
}
html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools .nexus-skin-switch.is-aero,
html[data-skin="aero"] body[data-nexus-surface="table"] .sn-right .nexus-skin-switch.is-aero{
  color:#bdfaff;border-color:rgba(91,223,233,.3);
  background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 0 15px rgba(39,210,222,.08);
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day .forge-tools
  :is(.wallet-chip,.auth-chip,.nav-offers),
html[data-skin="aero"] body[data-nexus-surface="forge"].day .forge-tools .nexus-skin-switch.is-aero,
html[data-skin="aero"] body[data-nexus-surface="table"].day .sn-right .nexus-skin-switch.is-aero{
  border-color:rgba(18,124,170,.28);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(203,242,249,.76));
  box-shadow:inset 0 1px 0 #fff,0 4px 10px rgba(5,101,149,.11);
}
html[data-skin="aero"] body[data-nexus-surface="forge"].day .forge-tools .wallet-chip,
html[data-skin="aero"] body[data-nexus-surface="table"].day .sn-right #navKojin{color:#765b10;}
html[data-skin="aero"] body[data-nexus-surface="forge"].day .forge-tools :is(.nav-offers,.auth-chip span){color:var(--aero-blue-deep);}
html[data-skin="aero"] body[data-nexus-surface="forge"].day .forge-tools .auth-chip button{
  color:#65747d;border-color:rgba(18,124,170,.2);background:rgba(255,255,255,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-skin="aero"] body[data-nexus-surface="table"] .sn-right #navKojin{color:#ecdca0;font-variant-numeric:tabular-nums;}
html[data-skin="aero"] body[data-nexus-surface="table"] .sn-right #authBtn{color:#bdfaff;}
html[data-skin="aero"] body[data-nexus-surface="table"].day .sn-right #authBtn{color:var(--aero-blue-deep);}
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) :is(.stage>div,.right-hdr span,.right-hdr a,.tier-nm,.deckhint,.cempty){
  color:#b9e7eb!important;
}
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) :is(#collSearch,#collSort,#deckSel,#wikiLang){
  color:#e9fbff!important;background:rgba(4,37,63,.78)!important;border-color:rgba(100,219,228,.3)!important;
  box-shadow:inset 0 1px 0 rgba(220,255,255,.14)!important;
}
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) :is(#collSearch,#collSort,#deckSel,#wikiLang)::placeholder{color:#79aab6!important;}
html[data-skin="aero"] body[data-nexus-surface="forge"] :is(.left,.right),
html[data-skin="aero"] body[data-nexus-surface="table"] :is(.tray,.hand-box,.game-panel,.spectate-panel,.dlg){border-color:var(--aero-line);}

/* Shared shell pages used to skip the skin bundle entirely, so following a
   Learn/Profile/Archive/Locus link dropped an Aero player back into parchment.
   These surfaces now share one neutral-glass canvas and account chrome. */
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
){
  color-scheme:light;
  --bg:#edf0f2;--panel:rgba(255,255,255,.72);--panel2:rgba(239,242,244,.68);
  --border:rgba(62,78,90,.2);--border2:rgba(62,78,90,.11);
  --text:#18252e;--text2:#45555f;--text3:#748089;
  --gold:#075984;--gold-bright:#087fc3;--gold-dim:rgba(7,89,132,.32);
  min-height:100%;background:linear-gradient(145deg,#f8f9fa 0,#e8ecef 48%,#f3f5f6 100%);
  background-attachment:fixed;
}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night{
  color-scheme:dark;
  --bg:#111519;--panel:rgba(28,33,38,.74);--panel2:rgba(20,25,30,.72);
  --border:rgba(198,210,219,.17);--border2:rgba(198,210,219,.09);
  --text:#f0f4f6;--text2:#c3cbd0;--text3:#8c979e;
  --gold:#8debf2;--gold-bright:#bdfaff;--gold-dim:rgba(141,235,242,.3);
  background:linear-gradient(145deg,#171d22 0,#1b2025 52%,#13181c 100%); /* one night canvas — the 7/25 "black cap" lift, now on the shell pages too */
  background-attachment:fixed;
}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
) .nav.ogs{
  background:rgba(250,251,252,.7);border-bottom-color:var(--aero-line);
  box-shadow:0 8px 30px rgba(31,42,50,.09),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(18px) saturate(1.2);
}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night .nav.ogs{background:rgba(21,26,31,.72);}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
) :is(.nav .logo,.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:var(--aero-blue-deep);}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night :is(.nav .logo,.nav-links a:hover,.nav-links a.on,.nav-drop-menu a b){color:#8debf2;}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
) :is(.nav-day,.nav-kojin,.nav-me,.nav-me-chip){
  min-height:40px;border:1px solid rgba(18,124,170,.28);border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(211,247,253,.7));
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(4,102,153,.12);
  backdrop-filter:blur(12px) saturate(1.2);
}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night :is(.nav-day,.nav-kojin,.nav-me,.nav-me-chip){
  border-color:rgba(91,223,233,.3);background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 0 15px rgba(39,210,222,.08);
}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
) :is(.ob-card,.prof-card,.arch-tile){
  border:1px solid var(--aero-line);border-radius:var(--aero-radius);
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(230,234,237,.62));
  box-shadow:var(--aero-shadow);backdrop-filter:blur(18px) saturate(1.12);
}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],
  [data-nexus-surface="profile"],
  [data-nexus-surface="archive"],
  [data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],
  [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night :is(.ob-card,.prof-card,.arch-tile){
  background:linear-gradient(145deg,rgba(38,44,50,.86),rgba(16,20,24,.7));
  box-shadow:0 24px 58px rgba(0,4,12,.38),inset 0 1px 0 rgba(255,255,255,.14);
}

@media (max-width:640px){
  .nexus-skin-switch{min-width:44px;min-height:44px;padding:5px;justify-content:center;}
  .nexus-skin-switch .nss-label{display:none;}
  .nexus-skin-switch .nss-swatch{width:25px;height:25px;}
  html[data-skin="aero"] body[data-nexus-surface="home"] .nav-menu{
    min-width:84px;min-height:44px;padding:0 14px 0 13px;gap:9px;
    border:1px solid rgba(18,124,170,.34);border-radius:999px;
    color:var(--aero-blue-deep);
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(205,244,251,.78));
    box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(4,102,153,.14);
    backdrop-filter:blur(12px) saturate(1.25);
    text-shadow:0 1px 0 rgba(255,255,255,.8);
  }
  html[data-skin="aero"] body[data-nexus-surface="home"] .nav-menu::before{
    content:'';width:15px;height:2px;flex:none;border-radius:999px;background:currentColor;
    box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor;
  }
  html[data-skin="aero"] body[data-nexus-surface="home"] .nav-menu:hover{
    border-color:rgba(8,127,195,.58);
    background:linear-gradient(180deg,#fff,rgba(188,239,249,.9));
  }
  html[data-skin="aero"] body[data-nexus-surface="home"] .nav-menu[aria-expanded="true"]{
    color:#043f61;border-color:rgba(8,127,195,.68);
    background:linear-gradient(180deg,rgba(196,245,252,.96),rgba(109,215,233,.78));
    box-shadow:inset 0 2px 5px rgba(4,98,141,.16),0 2px 8px rgba(4,102,153,.12);
  }
  html[data-skin="aero"] body[data-nexus-surface="home"].night .nav-menu{
    color:#bdfaff;border-color:rgba(91,223,233,.34);
    background:linear-gradient(180deg,rgba(30,91,122,.88),rgba(5,46,76,.82));
    box-shadow:inset 0 1px 0 rgba(197,255,255,.22),0 0 16px rgba(39,210,222,.1);
    text-shadow:0 0 10px rgba(83,214,231,.2);
  }
  html[data-skin="aero"] body[data-nexus-surface="home"].night .nav-menu[aria-expanded="true"]{
    border-color:rgba(125,239,246,.58);
    background:linear-gradient(180deg,rgba(35,112,143,.94),rgba(7,60,91,.88));
  }
  html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
    :is(.nav-day,.nav-kojin,.nav-me,.nav-me-chip),
  html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools :is(.wallet-chip,.auth-chip,.nav-offers){min-height:44px;}
  html[data-skin="aero"] body:is([data-nexus-surface="home"],[data-nexus-surface="learn"],[data-nexus-surface="collection"])
    .nav-me-chip button,
  html[data-skin="aero"] body[data-nexus-surface="forge"] .forge-tools .auth-chip button{min-height:44px;}
  html[data-skin="aero"] body:is(
    [data-nexus-surface="welcome"],
    [data-nexus-surface="profile"],
    [data-nexus-surface="archive"],
    [data-nexus-surface="locus"],
    [data-nexus-surface="locus-explainer"],
    [data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
  ) :is(.nav-day,.nav-kojin,.nav-me,.nav-me-chip,.nav-me-chip button){min-height:44px;}
  html[data-skin="aero"] body[data-nexus-surface="home"] :is(.btn-register,.btn-signin){min-height:44px;}
  html[data-skin="aero"] body[data-nexus-surface="learn"] .spec{margin:12px 10px 48px;border-radius:16px;}
  /* Keep Aero's glass controls at the same phone touch floor as Archive.
     Earlier high-specificity 40px material rules overrode several page-level
     44px mobile rules. */
  html[data-skin="aero"] body[data-nexus-surface]
    :is(.nav-day,.daynight,.nexus-skin-switch){min-width:44px;min-height:44px;}
}

@media (prefers-reduced-motion:reduce){
  html[data-skin="aero"] *{scroll-behavior:auto!important;}
}

/* ═══════════════ ONE CHIP GRAMMAR — geometry parity (2026-07-27) ═══════════════
   Chairman 7/25: ONE chip grammar on every page — [page tools] [₭] [@me] [skin]
   [day/night]. The four hand-rolled shells (home header, forge tools, table
   sn-right, mountNav pages) each sized these chips separately and drifted:
   Table's ₭/@me never got the 40px rule, day/night had three definitions,
   fonts ran 9–14px across the same slot ("nav bar subtly shifts between
   pages" — Chairman 7/27). This section is the single source of chip GEOMETRY
   (height, padding, radius, font scale) for every shell and BOTH skins —
   ungated on purpose so Archive matches Aero and the skin switch stops
   resizing itself (32→40px) when clicked. Colors stay with each shell's own
   material rules above. Sizes change HERE and nowhere else. */

/* the chip row: every slot is one 40px pill (44px touch floor on phones).
   The bar markup is ONE component now (js/navbar.js) — same classes on every
   page; forge/table keep only their element IDS for their page scripts. */
body[data-nexus-surface] :is(
  .nav-kojin,.nav-me,.nav-me-chip,             /* ₭ + the @me capsule    */
  .wallet-chip,.auth-chip,.nav-offers,.auth-signin, /* legacy forge classes */
  .nav-tool,                                   /* page tools (sound, offers…) */
  .nav-day,.daynight,                          /* theme + table sound    */
  .btn-register,.btn-signin,                   /* home signed-out CTAs   */
  .nexus-skin-switch
){min-height:40px;align-items:center;border-radius:999px;box-sizing:border-box;}
/* display lives in a zero-specificity :where() so a page's own display:none
   (e.g. home moves day/skin into the phone drawer) always wins — a plain
   display here silently resurrected hidden chips */
:where(body[data-nexus-surface] :is(
  .nav-kojin,.nav-me,.nav-me-chip,
  .wallet-chip,.auth-chip,.nav-offers,.auth-signin,
  .nav-tool,
  .nav-day,.daynight,
  .btn-register,.btn-signin,
  .nexus-skin-switch
)){display:inline-flex;}

/* ₭ bank — one numeral style everywhere */
body[data-nexus-surface] :is(.nav-kojin,.wallet-chip){
  font-family:'Cinzel',serif;font-size:12px;font-weight:600;letter-spacing:.5px;
  font-variant-numeric:tabular-nums;padding:0 14px;text-decoration:none;
}
/* @me — one name style; the capsule holds the name + a nested Sign out */
body[data-nexus-surface] :is(.nav-me,.nav-me-link,.auth-chip){
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:1px;
}
body[data-nexus-surface] .nav-me{padding:0 14px;justify-content:center;}
body[data-nexus-surface] :is(.nav-me-chip,.auth-chip){gap:8px;padding:3px 4px 3px 13px;}
body[data-nexus-surface] .nav-me-link{
  background:none;border:none;padding:0;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;text-transform:none;
}
body[data-nexus-surface] :is(.nav-me-out,.auth-chip button){
  min-height:30px;border-radius:999px;padding:0 10px;cursor:pointer;
  font-family:'Cinzel',serif;font-size:9px;letter-spacing:1px;text-transform:uppercase;
  display:inline-flex;align-items:center;
}
/* theme / sound — same glyph, same box, on every shell */
body[data-nexus-surface] :is(.nav-day,.daynight){padding:0 12px;font-size:14px;justify-content:center;cursor:pointer;}
/* offers (forge today; the site-wide Offers & Challenges inbox tomorrow) */
body[data-nexus-surface] .nav-offers{padding:0 13px;font-size:10px;letter-spacing:2px;position:relative;}
/* home signed-out CTAs ride the same row height */
body[data-nexus-surface] :is(.btn-register,.btn-signin){padding:0 15px;}

/* ── SKIN-AGNOSTIC base material — the Aero glass below OVERRIDES this, but
   without it the Archive skin fell back to raw browser buttons and bare
   text ("broken for archive", Chairman 7/27): the old per-shell chip CSS
   died with the class unification, and every unified material rule was
   html[data-skin="aero"]-gated. Quiet bordered pills, themed by each page's
   own vars, matching the pre-unification Archive look. ── */
body[data-nexus-surface] :is(.nav-day,.daynight,.nav-tool,.nav-offers,.nav-me-out){
  background:none;border:.5px solid var(--ui-border,var(--border,rgba(150,144,130,.4)));
  color:var(--ui-text3,var(--text3,#8b877c));
}
body[data-nexus-surface] .nav-me-chip{
  border:.5px solid var(--ui-border,var(--border,rgba(150,144,130,.4)));
  background:rgba(150,144,130,.06);
}
body[data-nexus-surface] .nav-me-link{color:var(--gold,#8a7020);}
body[data-nexus-surface] .nav-kojin{
  background:rgba(201,185,122,.14);border:.5px solid var(--gold,#c9b97a);color:#8a7020;
}
body[data-nexus-surface].night :is(.nav-kojin,.nav-me-link),
body[data-nexus-surface="forge"]:not(.day) :is(.nav-kojin,.nav-me-link),
body[data-nexus-surface="table"]:not(.day) :is(.nav-kojin,.nav-me-link){color:#ecdca0;}
/* the skin switch: its light .is-aero glass never got a night variant
   outside home/learn/collection — "theme button looks wrong" on the dark
   Table. AERO gets the blue glass; ARCHIVE night gets a neutral pill in its
   own palette (the blue chip under Archive was "wrong in archive dark mode",
   Chairman 7/28). */
html[data-skin="aero"] body[data-nexus-surface].night .nexus-skin-switch,
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) .nexus-skin-switch,
html[data-skin="aero"] body[data-nexus-surface="table"]:not(.day) .nexus-skin-switch{
  color:#bdfaff;border-color:rgba(91,223,233,.3);
  background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 0 15px rgba(39,210,222,.08);
}
html[data-skin="archive"] body[data-nexus-surface].night .nexus-skin-switch,
html[data-skin="archive"] body[data-nexus-surface="forge"]:not(.day) .nexus-skin-switch,
html[data-skin="archive"] body[data-nexus-surface="table"]:not(.day) .nexus-skin-switch{
  color:var(--ui-text2,#a89ec0);border-color:var(--ui-border,#232238);
  background:rgba(255,255,255,.07);box-shadow:none;
}
/* one Archive night canvas: home paints a radial glow; the game surfaces ran
   flat (and the Forge a darker flat) — same sky on all three */
html[data-skin="archive"] body[data-nexus-surface="forge"]:not(.day),
html[data-skin="archive"] body[data-nexus-surface="table"]:not(.day){
  background:radial-gradient(ellipse 1400px 900px at 50% -10%, #181a2c 0%, #101120 55%, #0b0c18 100%);
}

/* ── the bar shell — :where() defaults so home.css (where loaded) still wins;
   forge/table load only this file and get the identical structure ── */
:where(.nav.ogs){
  display:flex;align-items:center;gap:26px;padding:10px 20px;
  border-bottom:.5px solid var(--ui-border,var(--border,rgba(120,120,120,.3)));
  background:var(--ui-topbar,rgba(244,241,232,.85));
  position:sticky;top:0;z-index:300;backdrop-filter:blur(8px);
}
:where(.nav.ogs .logo){font-family:'Cinzel',serif;font-size:20px;letter-spacing:5px;color:var(--gold,#c9b97a);text-decoration:none;}
:where(.nav-links){display:flex;gap:20px;align-items:center;}
:where(.nav-links a){
  font-family:'Cinzel',serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--ui-text2,var(--text2,#9a9a92));text-decoration:none;cursor:pointer;
}
:where(.nav-links a:hover,.nav-links a.on){color:var(--ui-text,var(--text,#f2efe6));}
:where(.nav-links a.soon-link){opacity:.45;cursor:default;}
:where(.nav-drop){position:relative;display:inline-flex;}
:where(.nav-drop-menu){
  position:absolute;top:calc(100% + 8px);left:-12px;display:flex;flex-direction:column;gap:2px;
  min-width:216px;background:var(--ui-panel,var(--panel,#141c24));
  border:.5px solid var(--gold-dim,rgba(201,185,122,.45));border-radius:10px;padding:6px;
  opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;z-index:400;
  box-shadow:0 12px 34px rgba(0,0,0,.4);
}
:where(.nav-drop-menu)::before{content:'';position:absolute;left:-10px;right:-10px;top:-10px;height:10px;}
:where(.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu,.nav-drop.open .nav-drop-menu){opacity:1;visibility:visible;}
:where(.nav-drop-menu a){display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:7px;text-transform:none;letter-spacing:.5px;}
:where(.nav-drop-menu a:hover){background:rgba(201,185,122,.14);}
:where(.nav-drop-menu a b){font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold,#c9b97a);}
:where(.nav-drop-menu a em){font-family:'Spectral',serif;font-size:12px;font-style:italic;color:var(--ui-text2,var(--text3,#8a887e));}
:where(.nav-right){margin-left:auto;display:flex;align-items:center;gap:10px;}
:where(.nav-menu,.nav-drawer-theme,.nav-mobile-signout){display:none;}
:where(.offers-badge){
  position:absolute;top:-6px;right:-10px;min-width:15px;height:15px;padding:0 3px;
  border-radius:8px;background:var(--gold,#c9b97a);color:#241c04;font-size:9px;line-height:15px;text-align:center;
}
@media (max-width:640px){
  :where(.nav.ogs){flex-wrap:wrap;gap:8px;padding:8px 12px;}
  :where(.nav-menu){
    display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:44px;
    padding:0 13px;border:.5px solid var(--gold-dim,rgba(201,185,122,.45));border-radius:9px;
    background:none;color:var(--ui-text2,var(--text2,#9a9a92));font:600 10px/1 'Cinzel',serif;letter-spacing:1.5px;text-transform:uppercase;
  }
  :where(.nav-links){
    display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
    gap:2px;padding:10px;background:var(--ui-topbar,var(--panel,#141c24));
    border-bottom:.5px solid var(--ui-border,var(--border,rgba(120,120,120,.3)));z-index:350;
  }
  :where(.nav-links.open){display:flex;}
  :where(.nav-links a){min-height:44px;display:inline-flex;align-items:center;}
  :where(.nav-drop){display:flex;flex-direction:column;}
  :where(.nav-drop-menu){position:static;opacity:1;visibility:visible;box-shadow:none;min-width:0;padding:0 0 0 14px;border:none;background:none;}
  :where(.nav-drawer-theme){display:flex;gap:10px;}
  :where(.nav-drawer-theme button){
    flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 11px;
    border:.5px solid var(--gold-dim,rgba(201,185,122,.45));border-radius:9px;background:none;
    color:var(--ui-text2,var(--text2,#9a9a92));font:600 10px/1 'Cinzel',serif;letter-spacing:1.5px;text-transform:uppercase;
  }
}

/* ── one Aero material for the chip row on EVERY surface — this replaces the
   old per-surface-list copies (the drift trap that left the Table out).
   Light glass in Day, deep glass at Night; forge is dark-only, the table's
   night is the absence of .day ── */
html[data-skin="aero"] body[data-nexus-surface] :is(
  .nav-day,.nav-kojin,.nav-me,.nav-me-chip,.nav-tool,.nav-offers,
  .wallet-chip,.auth-chip,.auth-signin,.btn-register,.btn-signin
){
  border:1px solid rgba(18,124,170,.28);
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(211,247,253,.7));
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(4,102,153,.12);
  backdrop-filter:blur(12px) saturate(1.2);color:var(--aero-blue-deep,#075984);
}
html[data-skin="aero"] body[data-nexus-surface].night :is(
  .nav-day,.nav-kojin,.nav-me,.nav-me-chip,.nav-tool,.nav-offers,
  .wallet-chip,.auth-chip,.auth-signin,.btn-register,.btn-signin
),
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) :is(
  .nav-day,.nav-kojin,.nav-me,.nav-me-chip,.nav-tool,.nav-offers,.auth-signin
),
html[data-skin="aero"] body[data-nexus-surface="table"]:not(.day) :is(
  .nav-day,.nav-kojin,.nav-me,.nav-me-chip,.nav-tool,.nav-offers
){
  border-color:rgba(91,223,233,.3);
  background:linear-gradient(180deg,rgba(30,91,122,.86),rgba(5,46,76,.78));
  box-shadow:inset 0 1px 0 rgba(197,255,255,.2),0 0 15px rgba(39,210,222,.08);
  color:#bdfaff;
}
html[data-skin="aero"] body[data-nexus-surface] .nav-kojin{color:#765b10;}
html[data-skin="aero"] body[data-nexus-surface].night .nav-kojin,
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) .nav-kojin,
html[data-skin="aero"] body[data-nexus-surface="table"]:not(.day) .nav-kojin{color:#ecdca0;}
html[data-skin="aero"] body[data-nexus-surface] .nav-me-link{color:var(--aero-blue-deep,#075984);font-weight:600;}
html[data-skin="aero"] body[data-nexus-surface].night .nav-me-link,
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) .nav-me-link,
html[data-skin="aero"] body[data-nexus-surface="table"]:not(.day) .nav-me-link{color:#bdfaff;}
html[data-skin="aero"] body[data-nexus-surface] .nav-me-out{
  border:1px solid rgba(18,124,170,.2);color:#65747d;
  background:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-skin="aero"] body[data-nexus-surface].night .nav-me-out,
html[data-skin="aero"] body[data-nexus-surface="forge"]:not(.day) .nav-me-out,
html[data-skin="aero"] body[data-nexus-surface="table"]:not(.day) .nav-me-out{
  color:#a8c8d0;border-color:rgba(141,235,242,.2);background:rgba(7,37,56,.5);
  box-shadow:inset 0 1px 0 rgba(220,255,255,.1);
}

/* the bar itself: one padding, one link grammar (Cinzel 10px / ls 2px /
   6px 2px pad; active = 1.5px gold underline with a compensated 4.5px gap
   so the row never changes height between pages or active states) */
.nav.ogs{padding:10px 20px;}
body[data-nexus-surface="forge"] .top-bar{padding:10px 20px;}
.site-nav{padding:10px 20px;gap:26px;}
:is(.nav-links,.forge-nav,.sn-links){gap:20px;}
:is(.nav-links,.forge-nav,.sn-links)>a,
:is(.nav-links,.forge-nav,.sn-links) :is(.nav-drop,.fdrop,.sn-drop)>a{
  font-family:'Cinzel',serif;font-size:10px;letter-spacing:2px;text-transform:uppercase;
  padding:6px 2px;
}
:is(.nav-links,.forge-nav,.sn-links) a.on{border-bottom:1.5px solid var(--gold,#c9b97a);padding-bottom:4.5px;}
/* forge never defined the gold tokens its bar borrows */
body[data-nexus-surface="forge"]{--gold:#c9b97a;--gold-dim:rgba(201,185,122,.45);}
/* one caret: the CSS chevron (forge/table used to bake a literal ▾) */
:is(.nav-drop-top,.fdrop>a,.sn-drop>a)::after{
  content:'';display:inline-block;width:4px;height:4px;margin-left:6px;vertical-align:2px;
  border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);
}
/* dropdown chrome: one size spec (position/animation stays per shell) */
:is(.nav-drop-menu,.fdrop-menu,.sn-drop-menu){min-width:216px;border-radius:10px;padding:6px;border-width:.5px;}
:is(.nav-drop-menu,.fdrop-menu,.sn-drop-menu) a{padding:8px 12px;border-radius:7px;}
:is(.nav-drop-menu,.fdrop-menu,.sn-drop-menu) a b{font-size:11px;letter-spacing:1.5px;}
:is(.nav-drop-menu,.fdrop-menu,.sn-drop-menu) a em{font-family:'Spectral',serif;font-size:12px;}

/* the welcome/profile/archive/locus group never got the inner @me colors the
   home/learn/collection group has (aero splits them into two selector lists —
   the drift trap): give the capsule's name + sign-out the same Aero glass */
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],[data-nexus-surface="profile"],
  [data-nexus-surface="archive"],[data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],[data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
) .nav-kojin{color:#765b10;}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],[data-nexus-surface="profile"],
  [data-nexus-surface="archive"],[data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],[data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
) .nav-me-chip a{color:var(--aero-blue-deep);font-weight:600;}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],[data-nexus-surface="profile"],
  [data-nexus-surface="archive"],[data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],[data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
) .nav-me-chip button{
  border:1px solid rgba(18,124,170,.2);color:#65747d;
  background:rgba(255,255,255,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],[data-nexus-surface="profile"],
  [data-nexus-surface="archive"],[data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],[data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night .nav-kojin{color:#ecdca0;}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],[data-nexus-surface="profile"],
  [data-nexus-surface="archive"],[data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],[data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night .nav-me-chip a{color:#bdfaff;}
html[data-skin="aero"] body:is(
  [data-nexus-surface="welcome"],[data-nexus-surface="profile"],
  [data-nexus-surface="archive"],[data-nexus-surface="locus"],
  [data-nexus-surface="locus-explainer"],[data-nexus-surface="locus-universe"],[data-nexus-surface="press"],[data-nexus-surface="market"],[data-nexus-surface="community"],[data-nexus-surface="campaign"],[data-nexus-surface="appeals"]
).night .nav-me-chip button{
  color:#a8c8d0;border-color:rgba(141,235,242,.2);background:rgba(7,37,56,.5);
  box-shadow:inset 0 1px 0 rgba(220,255,255,.1);
}

/* phones: every chip reaches the 44px touch floor — including the Table's
   ₭/@me pills, which the older per-shell floors always missed */
@media (max-width:640px){
  body[data-nexus-surface] :is(
    .nav-kojin,.nav-me,.nav-me-chip,.nav-me-out,.nav-me-link,
    .wallet-chip,.auth-chip,.auth-chip button,.nav-offers,.auth-signin,
    .nav-tool,.nav-day,.daynight,
    .btn-register,.btn-signin,.nexus-skin-switch
  ){min-height:44px;}
}

/* the bar is flush against the viewport top — the panels' specular inset
   highlight reads as a stray white hairline there ("thin white bar across
   the top", Chairman 7/28). Panels keep theirs; the bar keeps only its
   bottom border. */
html[data-skin="aero"] body[data-nexus-surface] .nav.ogs,
html[data-skin="aero"] body[data-nexus-surface].day .nav.ogs{box-shadow:none;}

/* the two press-era surfaces ride the same skies as every other shell page */
html[data-skin="aero"] body:is([data-nexus-surface="press"],[data-nexus-surface="market"]){
  background:linear-gradient(145deg,#f8f9fa 0,#e8ecef 48%,#f3f5f6 100%);background-attachment:fixed;
}
html[data-skin="aero"] body:is([data-nexus-surface="press"],[data-nexus-surface="market"]).night{
  background:linear-gradient(145deg,#171d22 0,#1b2025 52%,#13181c 100%);background-attachment:fixed;
}

/* (the day's-pack chip left the front page 8/9 — its Aero dress went with it) */

/* the Market's shelf tabs in Aero dress — aqua glass, not gold */
html[data-skin="aero"] body[data-nexus-surface="market"] .mk-tabs button.on{
  color:#05344d;border-color:rgba(255,255,255,.6);
  background:linear-gradient(180deg,#dbf7fb,#8fd8e8 52%,#5fbdd6);
  box-shadow:0 5px 18px rgba(3,121,169,.24),inset 0 1px 0 #fff;
}

/* ── THE JUDGE'S TABLE, skinned (Chairman 8/2: "doesn't seem like it's
   matching the aero theme") — the popup rides the same glass as the game
   panel/dialogs in both aero modes. The old always-dark plate stays for the
   archive skin only; aero day gets a light glass plate + dark text. ── */
html[data-skin="aero"] body[data-nexus-surface="table"] .judge-popup{
  background:rgba(9,13,17,.7);backdrop-filter:blur(14px) saturate(1.15);
}
html[data-skin="aero"] body[data-nexus-surface="table"].day .judge-popup{
  background:rgba(216,224,229,.66);
}
html[data-skin="aero"] body[data-nexus-surface="table"] .jp-card{
  background:linear-gradient(145deg,rgba(35,42,48,.92),rgba(17,21,25,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-card{
  background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(229,233,236,.78));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 22px rgba(10,93,132,.08);
}
html[data-skin="aero"] body[data-nexus-surface="table"] .jp-art{
  background:radial-gradient(ellipse at 50% 40%,rgba(40,48,55,.7),rgba(10,13,16,.9));
}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-art{
  background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.55),rgba(206,213,218,.85));
}
html[data-skin="aero"] body[data-nexus-surface="table"] .jp-verdict,
html[data-skin="aero"] body[data-nexus-surface="table"] .judge-popup.mpjt.collapsed .jp-inner{
  background:linear-gradient(145deg,rgba(35,42,48,.95),rgba(17,21,25,.9));
  border-color:rgba(126,234,242,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 34px rgba(0,0,0,.4);
}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-verdict,
html[data-skin="aero"] body[data-nexus-surface="table"].day .judge-popup.mpjt.collapsed .jp-inner{
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(231,235,238,.85));
  border-color:var(--aero-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 28px rgba(10,93,132,.12);
}
html[data-skin="aero"] body[data-nexus-surface="table"] .jp-actions{
  background:linear-gradient(to bottom,rgba(24,30,35,.94),rgba(13,17,21,.99));
  border-top-color:rgba(126,234,242,.14);
}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-actions{
  background:linear-gradient(to bottom,rgba(245,247,249,.94),rgba(229,233,236,.99));
  border-top-color:var(--aero-line);box-shadow:0 -12px 28px rgba(10,93,132,.1);
}
/* day text flips WITH the plate — the plate is light now, so the popup's
   forced-light text must go dark (readability pair, never split them) */
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.jp-base b,.jp-who,.jp-reason){color:#1b2932;}
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.jp-base,.jp-anon,.jp-delib){color:#5a6770;}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-arg{color:#3d4a52;}
html[data-skin="aero"] body[data-nexus-surface="table"].day :is(.jp-hd,.jp-crown){color:#8a7020;}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-fold{
  color:#7a6420;background:rgba(138,112,32,.1);border-color:rgba(138,112,32,.35);}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-appeal{
  color:#7a6420;border-color:rgba(138,112,32,.45);}
html[data-skin="aero"] body[data-nexus-surface="table"].day .jp-appeal:hover{background:rgba(138,112,32,.1);}