+ background: transparent url("tilexborder.png") center center no-repeat;
+}
+
+section {
+ display: none;
+ background-color: rgba(0,0,0,0.8);
+ height: 100%;
+}
+
+section.active {
+ display: block;
+}
+
+section > p:first-child {
+ margin-top: 0;
+ padding-top: 1em;
+}
+
+button {
+ font: inherit;
+ border: none;
+ color: #000000;
+ background-color: #C09070;
+ border-radius: 3000px;
+}
+
+button:disabled {
+ background-color: #402858;
+}
+
+.posVal, .gravVal {
+ text-align: right;
+}
+
+.posVal {
+ width: 24ch;
+}
+
+.gravVal {
+ width: 10ch;
+}
+
+.note {
+ font-size: .667em;
+}
+
+#soundavail {
+ height: 100%;
+}
+
+#envFlashAvail {
+ margin-top: .5em;
+ padding: .5em 3px 0;
+ border-top: 2px solid #A09090;
+}
+
+.envButton {
+ font-size: 200%;
+ margin-top: .25em;
+}
+
+#envFlashOn {
+ margin-right: 3px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ padding-left: .5em;
+}
+
+#envFlashOff {
+ margin-left: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ padding-right: .5em;
+}
+
+@media screen and (min-width: 500px) {
+ body {
+ font-size: 24px;
+ }
+ #sidebar {
+ width: 140px;
+ }
+ #sideTop {
+ width: 120px;
+ height: 80px;
+ }
+ #sideSepTop {
+ width: 140px;
+ }
+ #sideSepTopInsert {
+ margin-left: 120px;
+ }
+ #sideSepBottom {
+ width: 140px;
+ }
+ #sideSepBottomInsert {
+ margin-left: 120px;
+ }
+ #sideBottom {
+ width: 120px;
+ top: 179px;
+ bottom: 40px;
+ }
+ #sideRemark {
+ width: 120px;
+ height: 40px;
+ }
+ #mainarea {
+ left: 145px;
+ }
+ #mainHeader {
+ height: 102px;
+ }
+ #mainContent {
+ top: 129px;
+ }