/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* system/style.css
 *
 * copyright (c) 2022-2025 drow <drow@bin.sh>
 * all rights reserved
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* system */

  div.input_column { white-space: nowrap; }
  div.input_column * { vertical-align: middle; }

  select { min-width: 10em; }
  canvas { margin: 4ex auto; }

  div.inventory {
    border-color: #66cc66;
    padding: 5px;
    background-color: black;
    background-image: url('https://khazad-cdn.com/mines/118e27338c3a6af53ed9198f73e6c243-6a423ee7a3198c3c2226c0629ae65c39.png');
    text-align: left;
    text-transform: uppercase;
    font-family: 'OCR-A';
    color: #66cc66;
  }
  div.star, div.planet {
    margin: 5px;
    border: 4px solid;
    padding: 10px;
  }
  div.inventory div.name {
    font-size: 150%;
  }
  div.inventory div.stat:hover {
    background: #66cc66;
    color: black;
  }
  div.stat span.label {
    display: inline-block;
    width: 12em;
  }

  div.system {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
  }
  div.system div.moon {
    flex: 1;
    flex-basis: 20em;
    flex-grow: 0;
    margin: 5px;
    border: 4px solid;
    padding: 10px;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* media */

  @media screen {
    .print_only { display: none; }
  }
  @media print {        
    .layout_header { display: none; }
    .layout_footer { display: none; }
    .screen_only { display: none; }
    .print_only { display: block; }
    .inventory { page-break-before: always; }
  }   

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */