*,:before,:after{box-sizing:border-box;touch-action:none}body{background-color:#f8f8f2;font-family:Times New Roman,Times,serif;font-size:24px;overflow:hidden}h1{margin:0;font-size:clamp(1rem,6vh,2.5rem)}button{all:unset;background-color:#fff;border:2px solid #000;border-radius:3px;padding:8px;box-shadow:3px 3px #000}button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}button:active{box-shadow:none;transform:translate(3px,3px)}.app{flex-direction:column;width:100%;height:100vh;margin:0;padding:20px;display:flex}.game{flex-direction:column;flex:auto;justify-content:space-between;align-items:center;padding-top:clamp(4px,5vh,200px);padding-bottom:clamp(15px,10vh,200px);display:flex}.fraction{flex-direction:column;flex:none;align-items:center;display:flex}.fraction-top{margin:0}.fraction-bottom{border-top:2px solid #000;margin:0}.result{flex:none;min-height:1.5em;font-weight:700}.box-area{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.box{box-sizing:content-box;border:3px solid #000;position:relative;overflow:hidden}.guess-box{background-color:#878787;position:absolute;bottom:0}.answer-box{position:absolute;bottom:0}