::selection { background: rgba(217,138,61,0.30); color: #fff; }
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.10); border-radius: 999px; border: 3px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.18); border: 3px solid transparent; background-clip: content-box; }
html,body{width:100%;height:100%;margin:0}
@font-face{font-family:'Press Start 2P';src:url(fonts/PressStart2P-Regular.ttf);font-display:swap}
body{font-family:'Press Start 2P',Arial;background-color:#000;color:#fff}
.pagetitle{padding:10px;padding-bottom:0;font-size:.75em;position:absolute;top:0;left:0}
a{color:#f0f;text-decoration:none}
a:hover{filter:brightness(200%)}
a:active,a:hover:active{filter:brightness(275%)}
#gameDiv{border:1px solid #fff;position:relative;left:50%;transform:translate(-50%,-0%);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:15px}
#bottomInfoBox{margin:1.5em 50px 0;font-family:'Arial'}
#bottomTopBox{text-align:center}
#bottomLeftBox{float:left;width:50%;text-align:left}
#bottomRightBox{float:right;width:50%;text-align:right}
table{border-collapse:collapse;width:75%;background-color:#ffffff20;margin-left:auto;margin-right:0}
tr:nth-child(even){background-color:#ffffff10}
th,td{text-align:left;padding:8px;border:1px solid #9f9f9f}
kbd{display:inline-block;padding:.2em .6em .3em;font-size:90%;font-weight:700;color:#fff;background-color:#5f5f5f;border-radius:.2em;border:1px solid #000;box-shadow:0 1px 0 #fff3 0 0 0 2px #0000000d;font-family:'Arial'}
#infoParent,#modParent,#settingsParent,.menuParent{display:none}
#infoScreen,#modManager,#settingsMenu,.menuScreen{position:absolute;border:1px solid #fff;left:50%;top:5%;transform:translate(-50%,0%);width:95%;height:50%;max-width:700px;padding:10px;background-color:#1f1f1f;overflow-x:hidden;z-index:10}
#settingsMenu{height:75%}
#infoSearch,#modManagerUrl{position:absolute;bottom:59.4%;width:95%;max-width:700px;height:50px;left:50%;transform:translate(-50%,198.5%);background-color:#424242;color:#fff;font-size:1.5em;padding:8px;font-family:'Press Start 2P';z-index:11}
#infoSearch:focus,#modManagerUrl:focus{outline:none}
.menuTitle{font-size:1.5em;text-decoration:underline}
.menuText{margin-top:5px;line-height:1.5em}
#infoText{white-space:pre-wrap}
.XButton{position:absolute;right:0;top:0;font-size:2em;background-color:#642121;padding:5px;text-align:center;border:1px solid #fff;z-index:12}
.XButton:hover{background-color:#c82121}
#modManagerList{margin-top:20px}
#modManagerList li{list-style-type:none;position:relative}
#modManagerList li::before{content:'•';position:absolute;left:-1.5em;font-size:1em;font-family:'Press Start 2P'}
.removeModX{color:red;cursor:pointer}
.removeModX:hover{color:#ff6b6b}
.infoLink{color:#748cdd;cursor:pointer;text-decoration:underline}
button,input[type="submit"],input[type="reset"]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer}
.usingTab button:focus{filter:brightness(75%);outline:none}
#underBox{position:relative;left:50%;transform:translate(-50%,-0%);margin-top:10px;width:100%}
#controls button{padding:5px 10px;border-radius:5px;font-size:1em;text-shadow:.5px 1px 4px #000;color:#ffffffbf;border:1px solid #797979;margin:0 5px 5px;font-variant:small-caps}
#controls button.bright{text-shadow:.5px 1px 4px #fff;color:#000000bf}
#controls button:active,#controls button:active:hover{filter:brightness(60%)}
#controls button:hover{filter:brightness(90%)}
#controls button:disabled{cursor:not-allowed}
#controls button[current="true"],#controls button[on="true"]{border:1px solid #fff;filter:brightness(110%);box-shadow:0 5px 15px #fff6;color:#ffff}
#controls button.bright[current="true"]{color:#000f}
#controls button[on="true"]{border-color:lime;color:lime}
#controls div{display:block}
.stat{margin-right:25px;margin-bottom:5px;float:right}
#stats{margin:0 5px;font-size:.75em;height:1.5em;width:100%;white-space:nowrap;overflow-x:hidden}
@media screen and (max-width: 800px) {
.pagetitle{font-size:1em;padding-left:.25em}
#bottomLeftBox,#bottomRightBox{width:100%;margin:1px;text-align:left}
table{width:100%;margin-left:0;margin-right:0}
#gameDiv{margin-top:0}
.stat{margin-right:15px;margin-bottom:3px}
#stats{width:97%;margin-left:5px;font-size:.75em;height:2.5em}
}
@media screen and (max-width: 600px) {
#gameDiv{margin-top:0;border-left:none;border-right:none;border-top:none}
.pagetitle{display:none}
}
@media screen and (min-width: 800px) {
#gameDiv{width:800px}
}
@media screen and (min-width: 1325px) {
.pagetitle::after{content:" Sandboxels"}
}
#stat-pos,#stat-pixels,#stat-shift,#stat-tps,#stat-ticks,#stat-view{float:left}
#stat-view,#stat-element{text-transform:uppercase}
.categoryName{font-size:.75em;text-transform:uppercase;margin-left:5px;vertical-align:middle}
#extraInfo{margin:5px}
#toolControls,#category-tools{white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:100%}
#toolControls,#category-tools,#categoryControls,#elementControls{scrollbar-color:#ffffff40 #ffffff1a;scrollbar-width:thin}
@media screen and (max-width: 700px) {
#toolControls,#category-tools,#categoryControls,#elementControls{margin-bottom:5px!important}
}
#toolControls::-webkit-scrollbar,#category-tools::-webkit-scrollbar,#categoryControls::-webkit-scrollbar,#elementControls::-webkit-scrollbar{width:5px;height:8px;background-color:#ffffff26}
#toolControls::-webkit-scrollbar-thumb,#category-tools::-webkit-scrollbar-thumb,#categoryControls::-webkit-scrollbar-thumb,#elementControls::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:5px}
#toolControls::-webkit-scrollbar-track,#category-tools::-webkit-scrollbar-track,#categoryControls::-webkit-scrollbar-track,#elementControls::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #ffffff26;border-radius:10px}
#toolControls::-webkit-scrollbar-thumb:hover,#category-tools::-webkit-scrollbar-thumb:hover,#categoryControls::-webkit-scrollbar-thumb:hover,#elementControls::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}
#toolControls{z-index:3}
#category-tools{z-index:2}
#categoryControls{margin-bottom:5px;background-color:#ffffff20;white-space:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;position:relative;z-index:1;padding-bottom:1px}
#categoryControls button{border:none;border-radius:0;padding-right:8px;margin:0;padding-top:5px;padding-bottom:5px;display:inline-block;position:relative;z-index:0}
#categoryControls button:not(:last-child){border-right:1px solid #fff6}
#categoryControls button[current="true"]{border:none;background-color:#fff6}
.category{margin-top:.75em;position:relative;display:flex;flex-direction:column;flex-wrap:wrap;text-align:center}
button,input{touch-action:manipulation}
select,.toggleInput,#settingsMenu input[type="number"],#settingsMenu input[type="text"]{background-color:#000;vertical-align:middle;margin-left:5px;margin-right:5px;border:#969696 1px solid;border-radius:20px;padding:.5em;color:#fff;font-size:1em;font-family:Arial,Helvetica,sans-serif}
.toggleInput{display:inline-block;width:4em;text-align:center;cursor:pointer}
.toggleInput[state="1"]{color:lime}
.toggleInput[state="0"]{color:red}
#settingsMenu input[type="number"]{width:3em}
.settingsButton{background-color:#000;vertical-align:middle;margin-left:5px;margin-right:5px;border:#969696 1px solid;border-radius:20px;padding:.5em;color:#fff;font-family:Arial,Helvetica,sans-serif}
.settingsButton:active,.toggleInput:active{filter:brightness(75%)}
#canvasDiv{position:relative;overflow-x:hidden}
#colorSelector{position:absolute;bottom:1em;right:1em;display:none}
.categoryButton.notify{background-color:#ff000040}
.elementButton.notify{-webkit-box-shadow:0 0 15px 5px red;box-shadow:0 0 15px 5px red}
.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.setting-span{display:block;padding-bottom:.5em}
.multisetting{display:inline-block}
.helpMark{text-decoration:dotted underline;font-style:italic;cursor:help;color:#ff0}