body {
  background: url("img/mission-border.jpg") no-repeat right bottom; }
  body > header {
    background-image: url("img/shadows.jpg");
    height: 94px; }
  body > header h1 {
    background: -webkit-linear-gradient(#eee, #333);
    font-size: 72px;
    font-style: italic;
    left: 60px;
    position: absolute;
    text-shadow: 1px 1px #c00, 2px 2px #600;
    top: 12px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    body > header h1 a {
      text-decoration: none; }
  body > h2 {
    color: #333;
    font-size: 2em;
    font-style: italic; }
  body .actions .import, body .actions .print {
    display: none; }
  body .blog.output .actions, body .mission.output .actions {
    position: absolute;
    right: 2em; }
    body .blog.output .actions a, body .mission.output .actions a {
      height: 1.1em;
      line-height: 1.4em; }
  body #main {
    background: url("img/biohazard.png") no-repeat 100px 30px, url("img/biohazard2.png") no-repeat 700px 600px, url("img/biohazard.png") no-repeat 250px 1400px;
    background-size: 600px;
    margin-right: 90px; }
  body #trashcan {
    display: none; }

/* The current framework uses a grid layout; this application keeps its own frame. */
body {
  display: flex;
  flex-direction: column; }

body > header {
  flex: 0 0 94px;
  position: relative; }

body > nav#menu {
  display: block;
  flex: 0 0 auto;
  overflow: visible; }

body > nav#menu > ul {
  overflow: visible; }

body > main#main {
  flex: 1;
  overflow: auto;
  margin: 0; }

body > header h1 {
  display: block; }

body #messages {
  position: absolute;
  right: 1em;
  top: 0;
  z-index: 3; }

article.mission.edit #tab_map > ol > li:is(.component-objects, .objects) {
  padding: 0;
  border: none; }

article.mission.edit #tab_map > ol > li:is(.component-objects, .objects) > label {
  display: none; }

article.mission.edit :is(.component-objects, .objects) .material {
  top: 170px;
  max-width: 220px; }

article.mission.edit :is(.component-objects, .objects) .material img {
  max-width: 100px; }

article.mission.edit #tab_map :is(.component-objects, .objects) > label {
  display: none; }

article.mission.edit #tab_map :is(.component-objects, .objects) .material {
  top: 170px;
  bottom: 0;
  max-width: none; }

article.mission.edit #tab_map :is(.component-objects, .objects).tiles .material {
  right: 0;
  width: 220px; }

article.mission.edit #tab_map :is(.component-objects, .objects).tokens .material {
  right: 225px;
  width: 120px; }

article.mission.edit #tab_map :is(.component-objects, .objects) .material {
  height: calc(100vh - 170px); }