*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#112634;font-family:Tahoma,sans-serif}body{display:flex;align-items:center;justify-content:center;flex-direction:column}main{position:relative;flex:none}canvas{display:block;touch-action:none}button{font:inherit;padding:8px 16px;border-radius:8px;border:1px solid #a1c4d4;cursor:pointer;background:#f4fbff;color:#123748}button:disabled{cursor:default;color:#697b81;background:#c6d1d7}nav{height:48px;display:flex;gap:8px;align-items:center;justify-content:center}#start,#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}#start{font-size:24px}#loading{color:white}#answer{position:absolute;margin:0;padding:0;border:0;background:transparent;outline:2px solid #208dc0;text-align:center;color:#000;z-index:2}#answer[hidden]{display:none}

@font-face{font-family:'TH SarabunPSK';src:url('fonts/font5.ttf');font-weight:bold}@font-face{font-family:'PSLxOmyim';src:url('fonts/font4.ttf');font-weight:bold}