body {
  margin: 0;
  overflow: hidden;
  touch-action: none;
  background-color: #222;
}
canvas {
  background-color: #728c69;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;

}

#startScreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
#startButton,
#tutorialButton {
  padding: 20px 40px;
  font-size: 24px;
  background-color: #555;
  color: white;
  border: none;
  cursor: pointer;
}
#logsButton{
    padding: 20px 20px;
     font-size: 24px;
     background-color: #555;
     color: white;
     border: none;
     cursor: pointer;
}
#scoreboard {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 24px;
  color: white;
  z-index: 20;
}
#gitScoreBar {
  z-index: 21;
  position: relative;
}
#gitAdditions,
#gitDeletions,
#gitCube {
  z-index: 22;
  position: relative;
}

.gitGraphSquare {
  width: 32px !important;
  height: 32px !important;
  background: #181818 !important;
  border-radius: 6px;
  border: 2px solid #222;
  box-shadow: 0 2px 6px #0004;
  display: block;
}



:root{font-family:system-ui,sans-serif;color:#e9f3e5;background:#101713;color-scheme:dark}*{box-sizing:border-box}body{overflow:auto;touch-action:auto;background:radial-gradient(ellipse at top,#2b4435,#101713 75%)}main{max-width:844px;margin:auto;padding:20px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.eyebrow{color:#a5bf9a;font-size:9px;letter-spacing:.18em;margin:0 0 4px}h1{font-size:27px;margin:0}h1 span{font-weight:500;color:#b9cdae;font-size:14px;display:block}nav{display:flex;gap:7px}button{font-family:inherit;cursor:pointer;border:1px solid #7c9474;border-radius:8px;background:#2f4837;color:#eff7e9;min-height:40px;padding:9px 13px}button:hover,button:focus-visible{outline:2px solid #b8e29b;outline-offset:2px;background:#4a6c49}#roomWrap{position:relative;width:100%;height:600px;overflow:hidden;border:1px solid #698563;border-radius:12px;box-shadow:0 20px 50px #03080688}#room{position:absolute;width:800px;height:600px;left:0;top:0;transform-origin:top left;overflow:hidden;background:#728c69}#room #gameCanvas{position:absolute;inset:0;width:800px!important;height:600px!important;margin:0;touch-action:none}#mobileControls{display:none!important}#ssVeil{position:absolute;inset:0;z-index:5000;background:#08120bd4;display:grid;place-content:center;text-align:center;gap:20px;font-size:32px}#ssVeil[hidden]{display:none}#ssStatus{font-size:12px;line-height:1.5;min-height:36px;color:#c2d7b7}.ssControls{display:flex;gap:7px}.ssControls button{flex:1;touch-action:none;user-select:none;min-height:47px;padding:8px}.code{background:#516d3e}.ssHeld{background:#88a65f!important}footer{font-size:11px;color:#aac19e;line-height:1.7;margin-top:17px}footer p{margin:5px 0}a{color:#d1e7b7}#room #startScreen{background:linear-gradient(145deg,#15291b,#253c2a)!important;color:#fff}#room h1{font-size:46px!important;color:#e0efc5!important}#room #startButton,#room #tutorialButton,#room #logsButton{font-size:19px;padding:12px 24px;background:#375532;border:1px solid #86a46a;border-radius:9px;margin:5px}#room #tutorialButton,#room #logsButton{display:none!important}#room #reportScreen{max-height:570px!important;overflow:auto!important;box-sizing:border-box;max-width:780px!important}dialog{width:min(600px,92vw);max-height:86vh;overflow:auto;line-height:1.65;background:#203425;color:#f0f7e9;border:1px solid #7b9969;border-radius:14px;padding:25px}dialog::backdrop{background:#020c08bb}dialog h2{margin-top:0}dialog li{margin:10px 0}dialog button{width:100%}@media(max-width:620px){main{padding:12px}header{display:block}nav{margin-top:12px}nav button{font-size:12px;flex:1}h1{font-size:26px}.ssControls{flex-wrap:wrap}.ssControls button{flex:1 0 28%;font-size:12px}#ssStatus{font-size:11px}#roomWrap{border-radius:8px}}

#room #reportScreen{position:absolute;inset:12px;margin:0!important;width:auto!important;height:576px!important;z-index:50;max-height:576px!important}#room #gameOverScreen{width:800px!important;height:600px!important}#room #gameOverMessage{font-size:30px!important}#room #gameOverScreen>div{max-width:740px;padding:24px 34px!important}