/* Classic inherits the existing stylesheet. Other palettes are scoped to the chosen theme. */
.grid-theme-control{display:flex;flex-direction:column;justify-content:center;gap:5px;align-self:stretch;min-width:88px;padding:6px 8px;border:1px solid var(--line);border-radius:5px;background:rgba(0,0,0,.72);color:var(--muted);font-size:8px;letter-spacing:1px}
.grid-theme-control select{width:100%;min-height:28px;padding:4px 6px;border-color:var(--line-soft);border-radius:3px;color:var(--text);font-size:11px;letter-spacing:0;cursor:pointer}
.theme-brand{display:none;align-items:center;gap:14px;min-width:0}
.theme-brand-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.theme-brand-copy strong{font-size:32px;line-height:1.1;letter-spacing:5px}
.theme-brand-copy small{font-size:9px;letter-spacing:3px;white-space:nowrap}
.theme-emblem{width:52px;height:58px;flex:none;display:grid;place-items:center;font-size:35px;line-height:1}
html[data-grid-theme=neon]{--bg:#060515;--panel:rgba(12,12,31,.96);--panel-soft:rgba(19,17,43,.96);--line:rgba(79,235,255,.65);--line-soft:rgba(101,127,196,.35);--cyan:#50efff;--cyan-soft:#b1f8ff;--pink:#ff4bcd;--purple:#a47bff;--text:#e8f8ff;--muted:#a0a8cf}
html[data-grid-theme=neon] body{background:radial-gradient(ellipse at 15% 0%,rgba(35,179,230,.15),transparent 45%),radial-gradient(ellipse at 90% 20%,rgba(228,43,186,.12),transparent 45%),linear-gradient(rgba(83,127,230,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(83,127,230,.04) 1px,transparent 1px),#060515;background-size:auto,auto,42px 42px,42px 42px,auto}
html[data-grid-theme=neon] .grid-header{position:relative;isolation:isolate;background:linear-gradient(112deg,#0b112b 0%,#10102b 55%,#1e0b2a 100%);border-color:#50efff;border-radius:14px;box-shadow:0 0 24px #50efff18,inset 0 0 26px #bc43fd0c;border-bottom:1px solid #ff4bcd}
html[data-grid-theme=neon] .grid-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(120deg,transparent 0 46px,#77dbff08 47px 48px,transparent 49px 90px)}
html[data-grid-theme=neon] .forteca-brand img,html[data-grid-theme=valheim] .forteca-brand img{display:none}
html[data-grid-theme=neon] .theme-brand-neon{display:flex}
html[data-grid-theme=neon] .theme-emblem{border:1px solid #50efff;border-radius:12px;color:#50efff;box-shadow:0 0 17px #50efff33,inset 0 0 13px #50efff14;background:#0a1128;transform:skew(-5deg)}
html[data-grid-theme=neon] .theme-brand-copy strong{color:#f2fcff;text-shadow:0 0 15px #50efff66}
html[data-grid-theme=neon] .theme-brand-copy small{color:#ff8cdb}
html[data-grid-theme=neon] .header-nav>a,html[data-grid-theme=neon] .grid-theme-control,html[data-grid-theme=neon] .forteca-age{background:#080b20b8;border-color:#657ac780;border-radius:8px}
html[data-grid-theme=neon] .header-nav>a:first-child{border-color:#ff4bcd;box-shadow:inset 0 0 14px #ff4bcd15;color:#ff8cdb}
html[data-grid-theme=neon] .panel{border-radius:10px;box-shadow:0 5px 20px #0003,inset 0 0 13px #55dfff06}
html[data-grid-theme=neon] .panel-header{background:linear-gradient(100deg,#14254199,#22193966)}
html[data-grid-theme=neon] .quick-tile,html[data-grid-theme=neon] .server-row,html[data-grid-theme=neon] .pulse-host{background:#0d1025;border-radius:6px}
html[data-grid-theme=neon] .quick-tile:hover{box-shadow:0 0 13px #ff4bcd22}
html[data-grid-theme=valheim]{--bg:#10130f;--panel:rgba(24,27,21,.98);--panel-soft:rgba(32,35,26,.98);--line:rgba(185,153,85,.62);--line-soft:rgba(149,132,87,.32);--cyan:#d5b775;--cyan-soft:#eddbac;--pink:#e6a366;--purple:#adbc7e;--green:#9bc878;--amber:#e6bd64;--red:#ef8c71;--text:#eee6d3;--muted:#b4af98}
html[data-grid-theme=valheim] body{background:radial-gradient(ellipse at 20% 0%,#4b57312b,transparent 60%),linear-gradient(110deg,#121810,#16160f 70%,#0c110e);color:var(--text)}
html[data-grid-theme=valheim] .grid-header{position:relative;isolation:isolate;border:1px solid #ad8e4e;border-top:1px solid #dbc18a;border-bottom:1px solid #705932;border-radius:3px;background:repeating-linear-gradient(3deg,#322c2038 0 2px,transparent 2px 12px),linear-gradient(100deg,#2b2c21,#151e19 65%,#24261b);box-shadow:inset 0 0 30px #0007,0 6px 15px #0005}
html[data-grid-theme=valheim] .grid-header::before,html[data-grid-theme=valheim] .grid-header::after{content:"";position:absolute;width:7px;height:7px;border:1px solid #c8ad73;background:#655339;box-shadow:1px 1px 2px #0008;top:9px;pointer-events:none}
html[data-grid-theme=valheim] .grid-header::before{left:9px}html[data-grid-theme=valheim] .grid-header::after{right:9px}
html[data-grid-theme=valheim] .theme-brand-valheim{display:flex}
html[data-grid-theme=valheim] .theme-emblem{width:52px;height:68px;clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%);border:0;color:#efd9a3;background:linear-gradient(130deg,#796d4d,#2c392d 45%,#161f19);box-shadow:inset 0 0 0 2px #b89b61;text-shadow:0 2px 5px #000;padding-bottom:8px}
html[data-grid-theme=valheim] .theme-brand-copy strong{font-weight:700;letter-spacing:5px;color:#efd9a3;text-shadow:0 2px 3px #000}
html[data-grid-theme=valheim] .theme-brand-copy small{color:#b6c39b;font-family:Georgia,serif;letter-spacing:2px}
html[data-grid-theme=valheim] .header-nav>a,html[data-grid-theme=valheim] .grid-theme-control,html[data-grid-theme=valheim] .forteca-age{background:#101710c9;border-color:#927a4a;border-radius:2px}
html[data-grid-theme=valheim] .header-nav>a:first-child{color:#f1d69c;border-top:1px solid #c6a365}
html[data-grid-theme=valheim] .panel{border-radius:3px;box-shadow:inset 0 0 14px #0003,0 3px 10px #0003}
html[data-grid-theme=valheim] .panel-header{background:linear-gradient(100deg,#373b2a,#252d21);border-bottom-color:#927a4a55}
html[data-grid-theme=valheim] .quick-tile,html[data-grid-theme=valheim] .server-row,html[data-grid-theme=valheim] .pulse-host{background:#1c241b;border-radius:2px}
html[data-grid-theme=valheim] .quick-tile:hover{background:#2d3526;color:#efd9a3;border-color:#cdb47a}
html[data-grid-theme=valheim] input,html[data-grid-theme=valheim] select,html[data-grid-theme=valheim] .realm-telemetry,html[data-grid-theme=valheim] .side-drawer,html[data-grid-theme=valheim] .legend-help,html[data-grid-theme=valheim] .panel.is-maximized,html[data-grid-theme=valheim] #panel-manager[open],html[data-grid-theme=valheim] #panel-manager-list{background:#151c14;color:var(--text)}
@media(max-width:1000px) and (min-width:701px){.grid-header{flex-wrap:wrap}.header-nav{margin-left:auto}html[data-grid-theme=neon] .theme-brand-copy strong,html[data-grid-theme=valheim] .theme-brand-copy strong{font-size:25px}}
@media(max-width:700px){
 .header-nav{display:grid;grid-template-columns:auto minmax(88px,1fr) auto;gap:5px;align-items:stretch}
 .header-nav>a{grid-row:1;height:46px;min-width:43px;padding:0 10px}.header-nav>a:last-child{grid-column:3}
 .grid-theme-control{grid-column:2;grid-row:1;flex-direction:row;align-items:center;justify-content:center;padding:5px 8px;gap:8px;min-width:0}
 .grid-theme-control select{width:min(120px,100%);min-width:0}
 .forteca-age{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;min-width:0;min-height:53px}
  .theme-brand{gap:12px;padding:4px 0}.theme-brand-copy strong{font-size:26px;letter-spacing:4px}.theme-brand-copy small{font-size:8px;letter-spacing:2px}
 html[data-grid-theme=valheim] .theme-brand-copy strong{letter-spacing:4px}.theme-emblem{width:42px;height:47px;font-size:29px}
 html[data-grid-theme=valheim] .theme-emblem{width:42px;height:54px}
}

/* Reserve the same logo slot in every theme so navigation and wrapping stay fixed. */
.forteca-brand{position:relative;flex:none;width:min(390px,32vw);height:76px}
.forteca-brand img{width:100%;height:100%}
.theme-brand{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
@media(max-width:1100px) and (min-width:701px){.forteca-brand{width:28vw}}
@media(max-width:700px){
 .forteca-brand{width:290px;max-width:90vw;height:57px}
 .theme-brand{padding:0}
 .theme-brand-copy strong,html[data-grid-theme=neon] .theme-brand-copy strong,html[data-grid-theme=valheim] .theme-brand-copy strong{font-size:26px}
}

/* Background artwork never participates in header sizing. Keep palette borders/glow. */
html[data-grid-theme] .grid-header {position:relative;isolation:isolate;background-image:none}
.grid-header-art {position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
.grid-header-art::before {
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(90deg,rgba(2,4,10,.46),rgba(2,4,10,.08) 32%,rgba(2,4,10,.12) 60%,rgba(2,4,10,.58)),var(--grid-header-image);
  background-size:cover;
  background-position:center,var(--grid-header-position,center);
  background-repeat:no-repeat;
}
html[data-grid-theme=neon] .grid-header::before {background:none}
/* Classic inherited an already-missing Legacy image. Retain its rendered dark
   gradients without requesting the retired file; other new themes use this palette. */
html[data-grid-theme]:not([data-grid-theme=neon]):not([data-grid-theme=valheim]) body {
  background-image:linear-gradient(rgba(2,4,10,.82),rgba(2,4,10,.94));
}
/* Match the original 95px desktop selector instead of sizing it from new names. */
@media(min-width:701px){.grid-theme-control{width:95px;flex-shrink:0}}

/* Give cinematic header artwork more room on desktop; keep mobile geometry. */
@media(min-width:701px){.grid-header{min-height:128px}}

/* Classic keeps the original plain dark header. */
html[data-grid-theme=classic] .grid-header-art{display:none}
html[data-grid-theme=classic] .grid-header{background-image:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.3))}

/* Palette and fullscreen share the existing icon row without enlarging it. */
.theme-control-actions{display:flex;align-items:center;justify-content:center;gap:8px;height:14px;min-height:14px;line-height:1;letter-spacing:0}
.grid-theme-control .grid-fullscreen-toggle{display:inline-grid;place-items:center;flex:none;width:18px;height:14px;min-height:0;margin:0;padding:0;border:0;border-radius:2px;background:transparent;color:inherit;font-size:11px;line-height:1;cursor:pointer}
.grid-theme-control .grid-fullscreen-toggle:hover{color:var(--cyan)}
.grid-theme-control .grid-fullscreen-toggle:disabled{opacity:.45;cursor:default}

/* Proportional source artwork, with deliberate per-theme focal points. Classic stays plain. */
@media(min-width:701px){html[data-grid-theme]:not([data-grid-theme=classic]) .grid-header{min-height:240px}}
@media(max-width:700px){.grid-header-art::before{background-position:center,var(--grid-header-position-mobile,center)}}

/* Remove one third of the header, equally from its top and bottom. */
@media(min-width:701px){
 html[data-grid-theme] #grid-cockpit .grid-header{height:160px;min-height:160px}
 html[data-grid-theme=classic] #grid-cockpit .grid-header{height:calc(256px / 3);min-height:calc(256px / 3);padding-block:calc(11px / 3)}
 .grid-header-art::before{inset-block:auto;top:50%;height:238px;transform:translateY(-50%)}
}
@media(max-width:700px){
 html[data-grid-theme] #grid-cockpit .grid-header{height:118px;min-height:118px;gap:4px;padding:5px}
 .forteca-brand{height:28px}
 .theme-brand-copy{gap:2px}
 .theme-brand-copy strong,html[data-grid-theme=neon] .theme-brand-copy strong,html[data-grid-theme=valheim] .theme-brand-copy strong{font-size:19px;letter-spacing:3px}
 .theme-brand-copy small{font-size:6px;letter-spacing:1px}
 .theme-brand{gap:8px}
 .theme-emblem,html[data-grid-theme=valheim] .theme-emblem{width:25px;height:28px;font-size:20px;padding:0}
 .header-nav{gap:4px;align-items:stretch}
 .header-nav>a{height:32px;min-height:32px;padding-block:1px}
 .header-nav>a i{font-size:16px}
 .header-nav>a span{font-size:7px}
 .grid-theme-control{height:32px;min-height:32px;padding:2px 6px;gap:6px}
 .forteca-age{min-height:34px;gap:1px;padding:2px 6px;font-size:6px}
 .forteca-age span{gap:1px}
 .forteca-age b{font-size:12px}
 .forteca-age small{font-size:6px}
 .grid-header-art::before{inset-block:auto;top:50%;height:175px;transform:translateY(-50%)}
}

/* New compositions use the actual header frame; the logo is a separate, whole image. */
@media(min-width:701px){
 html[data-grid-theme=classic] #grid-cockpit .grid-header{height:160px;min-height:160px;padding-block:14px}
}
html:is([data-grid-theme=alien],[data-grid-theme=yggdrasil],[data-grid-theme=zombie-pandemic],[data-grid-theme=aurora],[data-grid-theme=valheim]) .grid-header-art::before{
 inset:0;height:100%;top:0;transform:none;
 background-image:linear-gradient(90deg,rgba(2,4,10,.38),rgba(2,4,10,.03) 30%,rgba(2,4,10,.04) 60%,rgba(2,4,10,.46)),var(--grid-header-image);
}
html:is([data-grid-theme=alien],[data-grid-theme=yggdrasil],[data-grid-theme=zombie-pandemic],[data-grid-theme=aurora],[data-grid-theme=valheim],[data-grid-theme=classic]) .forteca-brand img{
 display:block;object-fit:contain;object-position:center;width:100%;height:100%;max-height:none;
}
html[data-grid-theme=valheim] .theme-brand-valheim{display:none}
html[data-grid-theme=alien] .forteca-brand img{filter:grayscale(1) sepia(.55) hue-rotate(105deg) saturate(1.8) brightness(1.25) drop-shadow(0 0 10px #59d8b84d)}
html[data-grid-theme=yggdrasil] .forteca-brand img{filter:grayscale(1) sepia(1) saturate(1.4) brightness(1.12) drop-shadow(0 0 10px #dfb6654d)}
html[data-grid-theme=zombie-pandemic] .forteca-brand img{filter:grayscale(1) sepia(.85) saturate(1.3) brightness(1.03) drop-shadow(0 0 8px #c2954b38)}
html[data-grid-theme=aurora] .forteca-brand img{filter:grayscale(1) sepia(.4) hue-rotate(135deg) saturate(1.8) brightness(1.5) drop-shadow(0 0 12px #77dafa4d)}
html[data-grid-theme=valheim] .forteca-brand img{filter:grayscale(1) sepia(1) saturate(.8) brightness(1.1) drop-shadow(0 3px 8px #0009)}

/* Compact controls sit against the lower right edge without covering artwork. */
html[data-grid-theme] #grid-cockpit .grid-header .header-nav{
 position:absolute;right:8px;bottom:8px;display:grid;
 grid-template-columns:88px 240px 54px;grid-template-rows:20px 20px;
 align-items:stretch;justify-content:end;gap:4px;margin:0;width:auto;height:44px;
}
html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control{
 grid-column:1;grid-row:1/3;width:88px;min-width:0;height:44px;min-height:0;
 flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px 4px;
 background:transparent;border:1px solid rgba(130,170,185,.07);border-radius:4px;box-shadow:none;
}
html[data-grid-theme] #grid-cockpit .grid-header .theme-control-actions{height:10px;min-height:10px;gap:7px;font-size:8px}
html[data-grid-theme] #grid-cockpit .grid-header .grid-fullscreen-toggle{height:10px;font-size:9px}
html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control select{
 width:100%;height:21px;min-height:21px;padding:1px 4px;font-size:10px;
 background:rgba(0,0,0,.06);border-color:rgba(130,170,185,.14);box-shadow:none;
}
html[data-grid-theme] #grid-cockpit .grid-header .forteca-age{
 grid-column:2;grid-row:1/3;width:240px;min-width:0;height:44px;min-height:0;
 padding:3px 5px;gap:2px;font-size:6px;background:transparent;
 border:1px solid rgba(130,170,185,.06);border-radius:4px;box-shadow:none;
}
html[data-grid-theme] #grid-cockpit .grid-header .forteca-age span{gap:2px}
html[data-grid-theme] #grid-cockpit .grid-header .forteca-age b{font-size:12px}
html[data-grid-theme] #grid-cockpit .grid-header .forteca-age small{font-size:7px}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a{
 grid-column:3;width:54px;min-width:0;height:20px;min-height:0;
 display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:0 5px;
 font-size:9px;background:rgba(0,0,0,.03);border:1px solid rgba(130,170,185,.14);
 border-radius:4px;box-shadow:none;
}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>.header-grid-link{grid-row:1}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>.header-lab-link{grid-row:2}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a i{width:10px;height:10px;font-size:10px}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a span{font-size:8px}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a:hover{background:rgba(130,170,185,.08);border-color:rgba(130,170,185,.3)}
@media(max-width:700px){
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav{
  grid-template-columns:70px minmax(0,1fr) 48px;left:7px;right:7px;bottom:7px;
 }
 html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control{width:70px;padding-inline:2px}
 html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control select{font-size:9px}
 html[data-grid-theme] #grid-cockpit .grid-header .forteca-age{width:100%;padding-inline:2px;gap:1px;font-size:5px}
 html[data-grid-theme] #grid-cockpit .grid-header .forteca-age b{font-size:10px}
 html[data-grid-theme] #grid-cockpit .grid-header .forteca-age small{font-size:6px}
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a{width:48px;padding-inline:3px;gap:3px}
}

/* Theme choices use the active palette, including the opened menu. */
#grid-theme-select{color-scheme:dark}
#grid-theme-select option{background:var(--bg);color:var(--text)}
#grid-theme-select option:checked{background:var(--panel-soft);color:var(--cyan)}
@supports (appearance:base-select){
 #grid-theme-select,#grid-theme-select::picker(select){appearance:base-select}
 #grid-theme-select{align-items:center}
 #grid-theme-select::picker(select){background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px #0009;font:inherit}
 #grid-theme-select option{padding:6px 8px;min-height:26px;gap:8px;cursor:pointer}
 #grid-theme-select option:hover,#grid-theme-select option:focus-visible{background:var(--panel-soft);color:var(--cyan)}
 #grid-theme-select option::checkmark{color:var(--cyan)}
}

/* Keep the transparent header controls together: GRiD, LAB, then theme/fullscreen. */
html[data-grid-theme] #grid-cockpit .grid-header .header-nav{grid-template-columns:240px 88px;grid-template-rows:20px 20px 44px;height:92px}
html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control{grid-column:2;grid-row:3;border-color:color-mix(in srgb,var(--cyan) 40%,transparent)}
html[data-grid-theme] #grid-cockpit .grid-header .forteca-age{grid-column:1;grid-row:3;border-color:color-mix(in srgb,var(--cyan) 40%,transparent)}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a{grid-column:2;width:88px;border-color:color-mix(in srgb,var(--cyan) 55%,transparent)}
html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control select{border-color:color-mix(in srgb,var(--cyan) 55%,transparent)}
html[data-grid-theme] #grid-cockpit .grid-header .theme-control-actions{height:12px;min-height:12px}
html[data-grid-theme] #grid-cockpit .grid-header .grid-fullscreen-toggle{height:12px;border:1px solid color-mix(in srgb,var(--cyan) 45%,transparent)}
html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a:hover,html[data-grid-theme] #grid-cockpit .grid-header .grid-fullscreen-toggle:hover{border-color:var(--cyan)}
@media(max-width:700px){
 html[data-grid-theme] #grid-cockpit .grid-header:has(>.global-reach-strip):has(>.header-nav){height:170px;min-height:170px}
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav{grid-template-columns:minmax(0,1fr) 70px}
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a{width:70px}
}

/* Use the right-hand space from just below the flags to the header's lower edge. */
@media(min-width:701px){
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav{top:36px;height:auto;grid-template-rows:minmax(26px,1fr) minmax(26px,1fr) 54px}
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a{height:100%;gap:5px}
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a i{width:16px;height:16px;font-size:16px}
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a span{font-size:10px}
 html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control{height:54px}
 html[data-grid-theme] #grid-cockpit .grid-header .theme-control-actions{height:18px;min-height:18px;gap:8px;font-size:12px}
 html[data-grid-theme] #grid-cockpit .grid-header .grid-fullscreen-toggle{width:24px;height:18px;font-size:12px}
 html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control select{height:25px;min-height:25px;font-size:11px}
 html[data-grid-theme] #grid-cockpit .grid-header .forteca-age{align-self:end}
}
@media(max-width:700px){
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a i{width:12px;height:12px;font-size:12px}
 html[data-grid-theme] #grid-cockpit .grid-header .header-nav>a span{font-size:9px}
 html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control{gap:1px;padding:2px}
 html[data-grid-theme] #grid-cockpit .grid-header .theme-control-actions{height:14px;min-height:14px;font-size:10px}
 html[data-grid-theme] #grid-cockpit .grid-header .grid-fullscreen-toggle{width:20px;height:14px;font-size:10px}
 html[data-grid-theme] #grid-cockpit .grid-header .grid-theme-control select{height:23px;min-height:23px;font-size:10px}
}

/* Dissolve the header artwork and logo together without animating dashboard layout. */
html[data-grid-theme]{view-transition-name:none}
.grid-header{view-transition-name:forteca-header}
::view-transition{pointer-events:none}
::view-transition-group(forteca-header){animation-duration:700ms;animation-timing-function:ease-in-out}
::view-transition-old(forteca-header),::view-transition-new(forteca-header){animation-duration:700ms;animation-timing-function:ease-in-out}
@media(prefers-reduced-motion:reduce){
 .grid-header{view-transition-name:none}
 ::view-transition-group(forteca-header),::view-transition-old(forteca-header),::view-transition-new(forteca-header){animation:none}
}