:root{--bg: #1d2834;--foreground: #90a7c1;--text-shadow: #405872}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background-color:var(--bg);color:var(--foreground);.loading-container{display:none}.body-loading{.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;gap:32px;box-sizing:border-box;.progress-container,.loading-message{font-family:Courier New,Courier,monospace;font-size:1.3em;text-align:start;flex:1;max-width:calc(100% - 16px);color:var(--foreground);text-shadow:0 0 5px var(--text-shadow)}.progress-container{display:flex;align-items:flex-end;justify-content:stretch;.progress{max-width:100%;width:400px;.progress-bar{width:0px;opacity:0}}}}}#fullscreen-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:1000;font-size:24px;transition:background .3s}#fullscreen-button:hover{background:#000c}#fullscreen-button:active{background:#000}}canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;background-color:var(--bg)}.container{margin:60px auto;width:400px;text-align:center}.container .progress{margin:0 auto;width:400px}.progress{padding:4px;background:#00000040;border-radius:6px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.25),0 1px rgba(255,255,255,.08);box-shadow:inset 0 1px 2px #00000040,0 1px #ffffff14}.progress-bar{height:16px;border-radius:4px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,.05));background-image:linear-gradient(to bottom,#ffffff4d,#ffffff0d);-webkit-transition:.4s linear;-moz-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.1);box-shadow:0 0 1px 1px #00000040,inset 0 1px #ffffff1a}.game-controls{position:fixed;top:50%;left:.7vw;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:1000}.game-control-button{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;z-index:1000;font-size:24px;transition:background .3s;&:hover{background:#000c}&:active{background:#000}}// Responsive adjustments @media (max-width: 600px){.game-control-button{width:50px;height:50px}.game-control-icon{width:20px;height:20px}}.side-container-screen{z-index:1000;bottom:0;left:0;right:15%;position:fixed;background-color:#a3703a;border:3px solid #b47b41;box-shadow:1px 1px 1px 1px #6f4c28;border-radius:12px;padding:8px;max-height:240px;display:flex;transition:right .1s}.side-container-screen--collapsed{right:calc(100% - 8px);max-height:180px;.side-collapse-button{&:before{content:">"}}}.side-collapse-button{color:#ebaa43;background-color:#a3703a;border:3px solid #b47b41;box-shadow:1px 1px 1px 1px #6f4c28;border-radius:12px;padding:8px;display:flex;justify-content:center;align-items:center;cursor:pointer;height:30px;width:30px;font-size:larger;font-family:monospace;&:hover{background-color:#b47b41}&:before{content:"×"}}.side-container{display:flex;flex:1;overflow:hidden}.medals-scroll{max-height:100%;display:flex;flex-wrap:wrap;flex-direction:row;overflow:auto;gap:8px;justify-content:center;&::-webkit-scrollbar{display:none}}.medals{border:1px solid white;background-color:#fff1d2;border:3px solid #b47b41;box-shadow:1px 1px 1px 1px #6f4c28;border-radius:10px;width:50px;height:50px;transform-duration:.3s;&:hover{box-shadow:0 0 1px 1px #6f4c28,1px 1px 7px 1px #362514;transform:translateY(-9%) scale(1.5)}}