:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;--dkCLR: #181818;--liClr: whitesmoke;--accClr: #0d0d35}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;max-width:100vw}body{background-color:var(--accClr);color:var(--liClr);display:flex;flex-direction:column;min-height:100vh;max-height:100vh}header{display:flex;justify-content:center;align-items:center;padding:20px;flex-shrink:0;background-color:var(--accClr)}main{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}#gameCanvas{width:100vw;height:100vw;max-width:500px;max-height:500px;position:relative;margin:0 auto;display:none;border:1px solid black;z-index:1}.gameUI{width:98vw;min-height:calc(100vh - 120px);max-height:calc(100vh - 120px);padding:10px;box-sizing:border-box;background-color:var(--accClr);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;overflow-x:hidden}.gameUI *{text-align:center;margin-bottom:3px}.gameUI p{font-size:14px;line-height:1.2;margin:5px 0}.gameUI img{height:20vh;width:auto;margin-bottom:5px;flex-shrink:0}#gameCanvas{display:none}#startGameDiv{display:flex}#endGameDiv{display:none}#gameStartButton{display:inline-block;width:100px;padding:8px 15px;margin:20px 0;text-align:center;font-family:inherit;border-radius:10px}#gameStartButton p{margin-top:0}#gameStartButton:hover{background-color:var(--dkCLR);color:var(--liClr);border:.5px solid var(--liClr);cursor:pointer}#videoCont{display:flex;flex-direction:column;border:solid var(--liClr);margin-bottom:5px;padding:5px;background-color:var(--dkCLR);max-width:90vw;flex-shrink:0}#videoCont p{font-size:14px;font-family:monospace;margin:5px 0}#videoCont video{max-width:100%;width:100%;height:auto;display:block;max-height:25vh}#mobileControls{display:none;justify-content:center;position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:100}#dpad{display:flex;flex-direction:column;align-items:center}#dpad>button,#dpad>div>button{font-size:24px;padding:10px;margin:2px}#dpad>div{display:flex;justify-content:center}#transitionDiv h2{color:#fff;font-size:20px;text-align:center;padding:20px}#noahInstructions h2{color:#fff;font-size:22px;margin-bottom:10px}#noahInstructions p{color:#fff;font-size:16px;margin:10px;text-align:center}#startNoahBtn{margin-top:20px;padding:10px 20px;font-size:16px;border-radius:8px;cursor:pointer}#playAgainBtn{background-color:#ff3c00;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:700;font-size:18px;cursor:pointer;position:relative;transition:transform .2s}#playAgainBtn:hover{animation:flame 1s infinite;transform:scale(1.05);box-shadow:0 0 20px #ff3c00cc,0 0 40px #ffa00099}@keyframes flame{0%{box-shadow:0 0 10px #ff3c0080,0 0 20px #ff8c0066}50%{box-shadow:0 0 20px #ff6400cc,0 0 30px #ffb40099}to{box-shadow:0 0 10px #ff3c0080,0 0 20px #ff8c0066}}#footerRes{position:fixed!important;bottom:10px!important;left:50%!important;transform:translate(-50%)!important;padding:8px 12px!important;font-size:12px!important;background-color:var(--accClr)!important;color:var(--liClr)!important;border:1px solid var(--liClr)!important;border-radius:5px!important;z-index:999!important;display:block!important;width:auto!important;min-width:200px!important;text-align:center!important}@media (min-width: 576px){#mobileControls,#mobileControls button{display:none!important}#footerRes{display:block!important}}@media (max-width: 576px){body{max-width:100%;margin:0;display:flex;flex-direction:column}.mobile-controls button{display:flex}#footerRes{display:block!important;font-size:10px!important;padding:5px 8px!important}.gameUI img{height:20vh}#videoCont p{font-size:14px}}