html,body{height:100%;margin:0;background-color:#212529;overflow:hidden;overflow-y:auto;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}.game-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:1500px;margin:0 auto;position:relative;padding:20px;box-sizing:border-box}.timer-container{display:flex;width:100%;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"JetBrains Mono",monospace}.timer{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:bold;color:#888;background-color:#333;border-radius:20px;aspect-ratio:1/1;min-height:0;line-height:1;overflow:hidden;text-align:center;margin:5px;transition:transform .1s,box-shadow .1s}.timer.active{background-color:#0d6efd;color:#fff;transform:translateY(-8px);position:relative;box-shadow:5px 13px 10px rgba(0,0,0,.5)}.timer.paused{background-color:rgba(13,110,253,.6)}.timer.negative{background-color:#dc3545}.admin-buttons{display:flex;justify-content:center;align-items:center}.admin-button{width:68px;height:68px;border:none;border-radius:50%;cursor:pointer;background-color:rgba(0,0,0,0);color:#fff;font-size:2rem;display:flex;justify-content:center;align-items:center;padding:0;line-height:1}.admin-buttons-container{flex:0 0 auto;display:flex;justify-content:center;align-items:center}@media(min-width: 769px){.admin-buttons-container{flex-direction:column;justify-content:flex-start;align-items:center;position:relative;z-index:100;margin:0 20px}.admin-buttons{flex-direction:column;margin:0;gap:20px;height:auto}}@media(max-width: 768px){.game-container{height:95vh;justify-content:center}.timer-container{flex-direction:column;height:calc(100% - 70px - 20px);justify-content:center}.timer{width:95%;border-radius:10px;aspect-ratio:1/1}.timer.top{transform:rotate(180deg)}.timer.top.active{transform:rotate(180deg) translateY(8px);position:relative;box-shadow:5px 13px 10px rgba(0,0,0,.5)}.admin-buttons-container{flex-direction:row;justify-content:center;align-items:center}.admin-buttons{flex-direction:row;gap:20px;height:70px}}.timer{position:relative}.milliseconds{font-size:.5em;text-align:center;position:absolute;bottom:10%;width:100%}