.show{display:block}.hide{display:none}button{cursor:pointer;color:#9494b4;background-color:#30475fa4;border-color:#0000;border-radius:20px;width:200px;height:60px;font-size:18px}button:disabled{color:gray;cursor:not-allowed;background-color:#6d859ea4}#btn-logo{z-index:1;background-color:#0000;border-color:#0000;width:64px;height:64px;margin:5px;position:absolute}#win-pause{z-index:2;background-color:#00000080;padding:30px;position:absolute;inset:0}#win-pause section{flex-direction:column;height:100%;display:flex}#win-pause section main{gap:30px;height:100%;display:flex}#win-pause section footer{justify-content:space-between;align-items:center;width:100%;display:flex}#win-log{z-index:1;background-color:var(--bg-color);color:var(--text-color);border-radius:14px;width:220px;padding-left:10px;font-size:12px;font-weight:700;position:absolute;top:5px;bottom:5px;right:5px;overflow:auto}@media (width<=1024px){#win-log{width:130px;font-size:7px}}:root{--primary-color:#505c74;--bg-color:#242932;--text-color:#888a8b}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);margin:0;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0}@media (pointer:fine){::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:color-mix(in srgb, var(--primary-color), transparent 60%);border:4px solid #0000;border-radius:8px;height:56px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--primary-color), transparent 30%)}::-webkit-scrollbar{background-color:#0000}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-corner{background-color:#0000}}