@media screen and (orientation:landscape){div.forPortrait{display:none}div.forLandscape{display:flex}}@media screen and (orientation:portrait){div.forLandscape{display:none}div.forPortrait{color:#00008b;margin:200px 20px;font-size:60px}}html{text-align:center;touch-action:manipulation;background:#f5fffa;font-family:sans-serif}#left{margin-left:auto}#right{margin-right:auto}#lang{margin-top:10px;padding:5px;font-size:21px}#lang>label{padding:5px;display:block}#buttons{padding:5px}#buttons>label{display:block}#timer{margin:12px 10px;font-family:monospace;font-size:60px}#slider{width:300px;margin-top:10px}.image-wrapper{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:497px;height:301px;margin:15px;position:relative}.image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;will-change:opacity;width:100%;height:100%;position:absolute;inset:0}.image-hidden{opacity:0}#response{font-size:36px}#version{color:gray;margin-top:10px;margin-bottom:10px;font-size:18px}button{border:2px solid gray;border-radius:10px;width:250px;height:40px;margin:3px;font-size:20px}#start{background-color:#0ff;height:50px}select{font-size:20px}