*, *::before, *::after {
  box-sizing: border-box;
}

input, button, textarea, select {
  font: inherit;
}

BODY.phone2, BODY.phone1, BODY.big2, BODY.big1, :root {
  --fontsize-splash1: 50px;
  --fontsize-splash2: 43px;
  --fontsize-title: 25px;
  --fontsize-esig: 8px;
  --fontsize-fine: 12px;
  --fontsize-desc: 14px;
  --fontsize-norm: 19px;
  --fontsize-codenameglyph: 30px;
  --fontsize-toolbutton: 20px;
  --fontsize-shiplist-title: 30px;
  --fontsize-shiplist-name: 19px;
  --fontsize-shiplist-class: 15px;
  --fontsize-options-button: 19px;
  --fontsize-intelbuttons: var(--fontsize-fine);
  --clickfield-height: 36px;
  --clickfield-icon: 25px;
  --note-icon: 30px;
  --esig-width: 80px;
  --esig-height: 16px;
  --esig-tpad: 2px;
  --toolbox-pipsize: 13px;
  --telescope-buttonsize: 30px;
  --map-starsize: 10px;
  --map-starboxsize: 20px;
  --labelbox-pipsize: 16px;
  --d-inset-gap: 5px;
  --d-toolicon: 40px;
  --d-gutter1: 10px;
  --d-gutter2: calc(2 * var(--d-gutter1));
  --d-gutter4: calc(4 * var(--d-gutter1));
  --d-shiplist-left: var(--d-gutter1);
  --d-shiplist-top: var(--d-gutter1);
  --d-shiplist-width: 225px;
  --d-shiplist-height: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - var(--d-goal-height) - 4 * var(--d-gutter1));
  --d-shiplist-leftedge: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  --d-ship-left: calc(var(--d-shiplist-width) + 3 * var(--d-gutter1));
  --d-ship-top: var(--d-gutter1);
  --d-ship-minwidth: 300px;
  --d-ship-width: calc(min(600px, var(--d-screen-width) * 0.5 - var(--d-shiplist-width) - 3 * var(--d-gutter1)));
  --d-ship-height: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - var(--d-goalpanel-height) - 4 * var(--d-gutter1));
  --d-ship-fieldwidth: 345px;
  --d-shipicon-width: 130px;
  --d-goal-left: var(--d-gutter1);
  --d-goal-top: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - var(--d-goal-height) - 2 * var(--d-gutter1));
  --d-goal-width: var(--d-shiplist-width);
  --d-goal-height: calc(var(--fontsize-norm) + 2 * var(--fontsize-title));
  --d-goalpanel-left: var(--d-gutter1);
  --d-goalpanel-top: calc(var(--d-goal-top) + var(--d-goal-height) - var(--d-goalpanel-height));
  --d-goalpanel-minwidth: 400px;
  --d-goalpanel-maxwidth: 600px;
  --d-goalpanel-width: calc(min(var(--d-goalpanel-maxwidth), var(--d-screen-width) * 0.5 - var(--d-shiplist-width)));
  --d-goalpanel-height: 320px;
  --d-optionsbutton-left: var(--d-gutter1);
  --d-optionsbutton-top: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - var(--d-gutter1));
  --d-optionsbutton-width: var(--d-shiplist-width);
  --d-optionsbutton-height: calc(var(--fontsize-shiplist-name) + 20px);
  --d-options-left: var(--d-gutter1);
  --d-options-bottom: calc(var(--d-optionsbutton-height) + 2 * var(--d-gutter1));
  --d-options-width: var(--d-shiplist-width);
  --d-options-height: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - 3 * var(--d-gutter1));
  --d-help-width: calc(var(--d-screen-width) * 0.6);
  --d-clipboard-left: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  --d-clipboard-bottom: var(--d-gutter1);
  --d-clipboard-width: calc(var(--d-screen-width) - var(--d-shiplist-width) - var(--d-intel-width) - 4 * var(--d-gutter1));
  --d-clipboard-height: var(--d-optionsbutton-height);
  --d-toast-left: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  --d-toast-bottom: calc(var(--d-clipboard-height) + 2 * var(--d-gutter1));
  --d-toast-width: var(--d-clipboard-width);
  --d-toast-height: 10ex;
  --d-map-leftmin: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  --d-map-rightmax: calc(var(--d-screen-width) - var(--d-screen-height) * 0.55 - 2 * var(--d-gutter1));
  --d-map-left: calc(max(var(--d-map-leftmin), (var(--d-map-leftmin) + var(--d-map-rightmax)) * 0.5 - var(--d-map-width) * 0.5));
  --d-map-top: 0;
  --d-map-width: var(--d-map-height);
  --d-map-height: calc(var(--d-screen-height) - var(--d-clipboard-height) - 2 * var(--d-gutter1));
  --d-toolbox-top: var(--d-gutter1);
  --d-toolbox-right: var(--d-gutter1);
  --d-toolbox-width: 80px;
  --d-toolbox-height: calc((var(--d-toolbutton-height) + 5px) * 10 + var(--d-gutter1));
  --d-toolbutton-height: 35px;
  --d-tooldetail-top: var(--d-gutter1);
  --d-tooldetail-right: calc(var(--d-toolbox-width) + 2 * var(--d-gutter1));
  --d-tooldetail-width: calc(min(700px, var(--d-screen-width) * 0.5 - var(--d-toolbox-width) - 3 * var(--d-gutter1)));
  --d-tooldetail-minheight: calc(var(--fontsize-norm) * 10);
  --d-tooldetail-height: calc(var(--d-map-height));
  --d-notebook-height: calc(var(--d-screen-height) - var(--d-intel-height) - 3 * var(--d-gutter1));
  --d-minigame-viewport: 600px;
  --d-minigame-skysize: calc(var(--d-minigame-viewport) * 1.5);
  --d-minigame-starscale: 1;
  --d-telescope-width: calc(var(--fontsize-norm) * 20);
  --d-dstrtool-width: calc(var(--fontsize-norm) * 23);
  --d-esigtool-width: calc(var(--fontsize-norm) * 26);
  --d-commtool-width: calc(var(--fontsize-norm) * 26);
  --d-proxtool-width: calc(var(--fontsize-norm) * 20);
  --d-probe-width: calc(var(--fontsize-norm) * 20);
  --d-headingtool-width: calc(var(--fontsize-norm) * 25);
  --d-findtool-height: 555px;
  --d-intel-bottom: var(--d-gutter1);
  --d-intel-right: var(--d-gutter1);
  --d-intel-width: calc(min(700px, var(--d-screen-width) - var(--d-map-left) - var(--d-map-width) * 0.730 - 2 * var(--d-gutter1)));
  --d-intel-height: calc(var(--d-screen-height) - var(--d-toolbox-height) - 3 * var(--d-gutter1));
  --d-intel-imagewidth: 300px;
  --d-intel-iconwidth: 150px;
  --d-pinnedintel-bottom: calc(var(--d-clipboard-height) + 2 * var(--d-gutter1));
  --d-pinnedintel-right: calc(var(--d-intel-width) + 2 * var(--d-gutter1));
  --d-pinnedintel-width: calc(min(700px, var(--d-screen-width) - var(--d-shiplist-width) - var(--d-intel-width) - 5 * var(--d-gutter1)));
  --d-pinnedintel-height: calc(var(--d-intel-height) - var(--d-clipboard-height) - var(--d-gutter1));
  --d-wordguess-w1: calc(var(--fontsize-norm) * 5.5);
  --d-gameover-left: var(--d-map-left);
  --d-gameover-width: calc(var(--d-screen-width) * 0.5);
  --d-gameover-height: calc(var(--d-screen-height) - 1px);
}

:root {
  --d-screen-width: 1500px;
  --d-screen-height: 1000px;
}

BODY.big1 {
  --fontsize-title: 30px;
  --fontsize-esig: 11px;
  --fontsize-fine: 15px;
  --fontsize-desc: 18px;
  --fontsize-norm: 22px;
  --fontsize-codenameglyph: 45px;
  --fontsize-toolbutton: 22px;
  --fontsize-shiplist-title: 35px;
  --fontsize-shiplist-name: 22px;
  --fontsize-shiplist-class: 18px;
  --fontsize-options-button: 22px;
  --fontsize-intelbuttons: 15px;
  --clickfield-height: 40px;
  --clickfield-icon: 28px;
  --note-icon: 35px;
  --esig-width: 100px;
  --esig-height: 20px;
  --esig-tpad: 3px;
  --toolbox-pipsize: 14px;
  --telescope-buttonsize: 45px;
  --map-starsize: 16px;
  --map-starboxsize: 30px;
  --labelbox-pipsize: 30px;
  --d-inset-gap: 10px;
  --d-minigame-starscale: 1.5;
  --d-wordguess-w1: 120px;
  --d-intel-imagewidth: 300px;
  --d-intel-iconwidth: 150px;
  --d-shiplist-width: 250px;
  --d-ship-minwidth: 500px;
  --d-ship-fieldwidth: 470px;
  --d-shipicon-width: 200px;
  --d-goalpanel-height: 400px;
  --d-goalpanel-minwidth: 600px;
  --d-goalpanel-maxwidth: 1000px;
  --d-toolbox-width: 88px;
  --d-ship-width: calc(min(1000px, var(--d-screen-width) * 0.7 - var(--d-shiplist-width) - 3 * var(--d-gutter1)));
  --d-ship-height: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - 4 * var(--d-gutter1));
}

BODY.big2 {
  --fontsize-title: 32px;
  --fontsize-esig: 13px;
  --fontsize-fine: 20px;
  --fontsize-desc: 23px;
  --fontsize-norm: 27px;
  --fontsize-codenameglyph: 60px;
  --fontsize-toolbutton: 25px;
  --fontsize-shiplist-title: 40px;
  --fontsize-shiplist-name: 25px;
  --fontsize-shiplist-class: 22px;
  --fontsize-options-button: 25px;
  --fontsize-intelbuttons: 16px;
  --clickfield-height: 45px;
  --clickfield-icon: 32px;
  --note-icon: 40px;
  --esig-width: 125px;
  --esig-height: 25px;
  --esig-tpad: 4px;
  --toolbox-pipsize: 14px;
  --telescope-buttonsize: 60px;
  --map-starsize: 22px;
  --map-starboxsize: 35px;
  --labelbox-pipsize: 30px;
  --d-inset-gap: 10px;
  --d-minigame-viewport: 700px;
  --d-minigame-starscale: 2;
  --d-wordguess-w1: 150px;
  --d-intel-imagewidth: 260px;
  --d-intel-iconwidth: 150px;
  --d-toolicon: 45px;
  --d-shiplist-width: 300px;
  --d-ship-minwidth: 500px;
  --d-ship-fieldwidth: 530px;
  --d-shipicon-width: 200px;
  --d-goalpanel-height: 500px;
  --d-goalpanel-minwidth: 600px;
  --d-goalpanel-maxwidth: 1000px;
  --d-toolbox-width: 94px;
  --d-findtool-height: 630px;
  --d-ship-width: calc(min(1000px, var(--d-screen-width) * 0.7 - var(--d-shiplist-width) - 3 * var(--d-gutter1)));
  --d-ship-height: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - 4 * var(--d-gutter1));
}

BODY.phone2, BODY.phone1 {
  --fontsize-title: 50px;
  --fontsize-esig: 16px;
  --fontsize-fine: 30px;
  --fontsize-desc: 35px;
  --fontsize-norm: 45px;
  --fontsize-codenameglyph: 80px;
  --fontsize-toolbutton: 50px;
  --fontsize-shiplist-title: 56px;
  --fontsize-shiplist-name: 45px;
  --fontsize-shiplist-class: 35px;
  --fontsize-options-button: 40px;
  --fontsize-intelbuttons: 28px;
  --clickfield-height: 60px;
  --clickfield-icon: 50px;
  --note-icon: 50px;
  --esig-width: 200px;
  --esig-height: 40px;
  --esig-tpad: 8px;
  --toolbox-pipsize: 30px;
  --telescope-buttonsize: 75px;
  --map-starsize: 30px;
  --map-starboxsize: 35px;
  --labelbox-pipsize: 40px;
  --d-inset-gap: 10px;
  --d-intel-imagewidth: 400px;
  --d-intel-iconwidth: 200px;
  --d-toolicon: 60px;
  --d-gutter1: 10px;
  --d-shiplist-width: 500px;
  --d-shiplist-height: calc(var(--d-screen-height) - var(--d-goal-height) - 3 * var(--d-gutter1));
  --d-readarea-width: calc(var(--d-screen-width) - var(--d-shiplist-width) - var(--d-toolbox-width) - 5 * var(--d-gutter1));
  --d-readarea-height: calc(var(--d-screen-height) - var(--d-clipboard-height) - 3 * var(--d-gutter1));
  --d-ship-fieldwidth: 720px;
  --d-shipicon-width: 225px;
  --d-ship-minwidth: var(--d-readarea-width);
  --d-ship-width: var(--d-readarea-width);
  --d-ship-height: var(--d-readarea-height);
  --d-goal-left: var(--d-gutter1);
  --d-goal-top: calc(var(--d-screen-height) - var(--d-goal-height) - var(--d-gutter1));
  --d-goal-width: var(--d-shiplist-width);
  --d-goalpanel-left: var(--d-gutter1);
  --d-goalpanel-top: var(--d-gutter1);
  --d-goalpanel-minwidth: var(--d-shiplist-width);
  --d-goalpanel-maxwidth: var(--d-shiplist-width);
  --d-goalpanel-width: var(--d-shiplist-width);
  --d-goalpanel-height: calc(var(--d-screen-height) - 2 * var(--d-gutter1));
  --d-toolbox-width: 180px;
  --d-toolbutton-height: 80px;
  --d-optionsbutton-left: calc(var(--d-screen-width) - var(--d-toolbox-width) - var(--d-gutter1));
  --d-optionsbutton-top: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - var(--d-gutter1));
  --d-optionsbutton-width: var(--d-toolbox-width);
  --d-optionsbutton-height: 120px;
  --d-options-left: calc(var(--d-screen-width) - var(--d-options-width) - var(--d-gutter1));
  --d-options-bottom: calc(var(--d-optionsbutton-height) + 2 * var(--d-gutter1));
  --d-options-width: var(--d-shiplist-width);
  --d-options-height: calc(var(--d-screen-height) - var(--d-optionsbutton-height) - 3 * var(--d-gutter1));
  --d-help-width: calc(var(--d-screen-width) * 0.6);
  --d-clipboard-left: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  --d-clipboard-bottom: var(--d-gutter1);
  --d-clipboard-width: calc(var(--d-screen-width) - var(--d-shiplist-width) - var(--d-toolbox-width) - 4 * var(--d-gutter1));
  --d-clipboard-height: var(--d-optionsbutton-height);
  --d-toast-height: 8ex;
  --d-toast-bottom: var(--d-gutter1);
  --d-toast-width: var(--d-clipboard-width);
  --d-map-leftmin: calc(var(--d-shiplist-width) + 2 * var(--d-gutter1));
  --d-map-rightmax: calc(var(--d-screen-width) - var(--d-screen-height) * 0.55 - 2 * var(--d-gutter1));
  --d-map-left: calc(max(var(--d-map-leftmin), (var(--d-map-leftmin) + var(--d-map-rightmax)) * 0.5 - var(--d-map-width) * 0.5));
  --d-map-top: 0;
  --d-map-width: var(--d-map-height);
  --d-map-height: calc(var(--d-screen-height) - var(--d-clipboard-height) - 2 * var(--d-gutter1));
  --d-maplabel-maxwidth: calc(var(--d-readarea-width) - 3 * var(--d-gutter1));
  --d-maplabel-top: calc(4 * var(--d-gutter1));
  --d-maplabel-bottom: calc(var(--d-clipboard-height) + 6 * var(--d-gutter1));
  --d-maplabel-left: calc(var(--d-map-left) + 4 * var(--d-gutter1));
  --d-tooldetail-top: var(--d-gutter1);
  --d-tooldetail-right: calc(var(--d-toolbox-width) + 2 * var(--d-gutter1));
  --d-tooldetail-width: var(--d-readarea-width);
  --d-tooldetail-height: var(--d-readarea-height);
  --d-notebook-height: var(--d-readarea-height);
  --d-minigame-viewport: calc(min(var(--d-screen-width) - var(--d-toolbox-width), var(--d-readarea-height) - var(--fontsize-norm) - 3 * var(--d-gutter1)));
  --d-minigame-starscale: 4;
  --d-findtool-height: 850px;
  --d-intel-bottom: calc(var(--d-clipboard-height) + 2 * var(--d-gutter1));
  --d-intel-right: calc(var(--d-toolbox-width) + 2 * var(--d-gutter1));
  --d-intel-width: var(--d-readarea-width);
  --d-intel-height: calc(var(--d-screen-height) - var(--d-clipboard-height) - 3 * var(--d-gutter1));
  --d-gameover-left: var(--d-gutter1);
  --d-gameover-width: calc(var(--d-screen-width) - var(--d-toolbox-width) - 3 * var(--d-gutter1));
  --d-gameover-height: calc(var(--d-screen-height) - 1px);
}

BODY.phone2 {
  --fontsize-title: 60px;
  --fontsize-esig: 16px;
  --fontsize-fine: 35px;
  --fontsize-desc: 45px;
  --fontsize-norm: 55px;
  --fontsize-codenameglyph: 90px;
  --fontsize-shiplist-title: 60px;
  --fontsize-shiplist-name: 55px;
  --fontsize-shiplist-class: 42px;
  --clickfield-height: 70px;
  --d-shiplist-width: 600px;
  --d-shipicon-width: 0px;
  --d-toast-height: 6ex;
  --d-ship-width: calc(var(--d-screen-width) - var(--d-shiplist-width) - 5 * var(--d-gutter1));
}

/*# sourceMappingURL=layout.css.map */