#app{width:960px;height:540px;position:relative;border:7px solid #000000;margin:0;overflow:hidden}#canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}#startTrip-button{padding:10px 30px;font-size:25px;cursor:pointer;pointer-events:auto;font-weight:700;border:4px solid white;background-color:#000;color:#fff;box-shadow:3px 3px 5px #000c;position:absolute;top:200px}#finishTrip-button{padding:10px 30px;font-size:25px;cursor:pointer;pointer-events:auto;font-weight:700;border:4px solid white;background-color:#000;color:#fff;box-shadow:3px 3px 5px #000c;position:absolute;top:470px;left:760px}#continueTrip-button{padding:10px 30px;font-size:24px;cursor:pointer;pointer-events:auto;font-weight:700;border:4px solid white;background-color:#000;color:#fff;box-shadow:3px 3px 5px #000c;position:absolute;top:450px}#encounter-button{padding:10px 30px;font-size:25px;cursor:pointer;pointer-events:auto;font-weight:700;border:4px solid white;background-color:#000;color:#fff;box-shadow:3px 3px 5px #000c;position:absolute;top:450px}#title-button{padding:10px 30px;font-size:25px;cursor:pointer;margin-top:50px;pointer-events:auto;font-weight:700;border:4px solid white;background-color:#000;color:#fff;box-shadow:3px 3px 5px #000c;position:absolute;top:330px}#shuffle-button{padding:4px 6px;font-size:12px;cursor:pointer;pointer-events:auto;font-weight:700;border:3px solid white;background-color:#000;color:#fff;box-shadow:3px 3px 5px #000c;position:absolute;top:400px;left:10px}#secret-button{padding:20px 40px;font-size:25px;cursor:pointer;pointer-events:auto;background-color:transparent;border:none;color:transparent;position:absolute;top:-10px;left:-10px}#bgm-button{padding:10px;font-size:25px;cursor:pointer;pointer-events:auto;position:absolute;top:455px;left:0}.hidden{display:none!important}#title-ui{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}